الترجمة إلى السطر التالي من html. كيفية التفاف النص في خلية في Excel
عند العرض مستندات نصية في المتصفح ، يتم تحديد موضع فاصل الأسطر داخل الفقرة تلقائيًا اعتمادًا على حجم الخطوط وحجم منفذ العرض. لا يمكن إجراء فواصل الأسطر إلا بواسطة فواصل الكلمات (على سبيل المثال ، المسافات). تتطلب المستندات أحيانًا تغذية سطر إجباري ، والتي يتم تنفيذها بغض النظر عن إعدادات المتصفح. للقيام بذلك ، استخدم علامة تغذية الأسطر المفروضة
التي لا تحتوي على علامة نهاية مطابقة. تضمين علامة
في نص المستند سيضمن وضع النص التالي من بداية السطر الجديد. على سبيل المثال ، يمكن استخدام هذا الأسلوب لإنشاء هياكل تشبه القائمة دون استخدام علامات تمييز قائمة خاصة. أو ، على سبيل المثال ، لا يمكنك الاستغناء عن هذه العلامة لعرض القصائد ، وما إلى ذلك.
فيما يلي مثال على استخدام خط التغذية الإجباري (الشكل 1.8):
استخدام تغذية الخط القسريفوق بتروغراد المظلمة
نَفَس نوفمبر ببرد خريفي.
تناثر في موجة صاخبة
إلى حواف سياجك النحيل ،
هرعت نيفا مثل المريض
قلقة في سريرها.
أ.س.بوشكين. فارس برونزي
الشكل: 1.8 بطاقة شعار
يمكن استخدامها لإجبار خط التغذية
على عكس علامة الفقرة
عند استخدام العلامة
لن يتم إنشاء سلسلة فارغة.
باستخدام العلامة
يتطلب الحذر - من الممكن أن يكون المتصفح قد قام بالفعل بإنشاء سطر تغذية بكلمة أو كلمتين قبل أن يصادف علامتك
... يحدث هذا إذا كان عرض نافذة عارض القارئ أقل من نفس معلمة البرنامج الذي اختبرت المستند من خلاله. في هذه الحالة ، قد يتبين أن كلمة واحدة فقط ستبقى في السطر في منتصف الفقرة ، مما ينتهك جمال تخطيط المستند.
ملحوظة
عند استخدام العلامة
لكسر النص أو التدفق حول صورة أو جدول ، يمكنك تحديد معلمة CLEAR لإيقاف تدفق النص. يمكنك أن تقرأ عن هذا في الفصلين 3 و 4.
العلامات ش
هناك مواقف عندما يكون مطلوبًا إجراء عملية للغرض المعاكس - حظر تغذية الخط. لهذا هناك علامة حاوية ... سيتم ضمان وضع النص الذي تم تمييزه بهذه العلامة في سطر واحد ، بغض النظر عن طوله. إذا امتد الخط الناتج إلى ما بعد إطار عرض المتصفح ، فسيظهر شريط تمرير أفقي.
ملحوظة
لضمان استمرارية النص الموجود في خلايا الجدول ، توجد معلمة NOWRAP خاصة
... يمكنك التعرف على هذا في الفصل 4. تمييز النص بعلامة سطر غير فاصلة يمكنك الحصول على طوابير طويلة جدًا. لتجنب ذلك ، يمكنك إخبار متصفح القارئ بمكان تغذية السطر الممكنة ، والتي لن يتم تنفيذها إلا إذا لزم الأمر (ما يسمى بتغذية السطر "الناعم"). يمكن القيام بذلك عن طريق وضع العلامة في المكان المناسب في النص (Word BReak) وهو نفس العلامة
لا يحتاج إلى علامة نهاية. ملحوظة
بطاقة شعار لا يدعمه متصفح Netscape على الإطلاق. متصفح مايكروسوفت متصفح الانترنت يتعرف على هذه العلامة فقط في النص الموسوم .
الدرس الخامس.
في هذا البرنامج التعليمي ، نقوم بما يلي:
1. دعونا نتعلم كيف نصنع كود أتش تي أم أل كان أكثر ملاءمة لنا وأسهل في القراءة.
2. دعونا نفحص كيفية تنفيذ التفاف سطر النص بشكل صحيح.
نجعل كود html سهل الاستخدام.
الآن الكود الخاص بنا واضح وسهل القراءة ، لأنه يحتوي على القليل من النص وتقريباً لا يحتوي على علامات عندما ننشئ صفحة أكثر تعقيدًا ، سيكون هناك العديد من العلامات ، لذلك سيكون من الصعب العثور على العلامة الصحيحة.
حتى لا تحدث فوضى من العلامات ، تحتاج في البداية إلى ترتيب العلامات والخطوط بحيث يتم إدراكها بصريًا بشكل أسهل. عندما يقرأ المستعرض المعلومات من صفحة html ، فإنه لا يهتم بعدد المسافات أو عدد الأسطر الفارغة الموجودة في الكود.
لقد قمت بتغيير النص في رمز الصفحة بالنسبة إلى النص الذي أنشأناه ، لكن لا يهم. تظهر الصور اليسرى واليمنى نفس الرمز. سيتم عرض كلا الخيارين بواسطة المتصفح على شاشة العرض بنفس الطريقة تمامًا. موافق ، سيكون العمل باستخدام الكود الظاهر على اليمين أسهل بكثير من ذلك الموجود على اليسار.
الكود الذي نقوم بمراجعته بسيط للغاية ، ولكن حتى الآن هناك فرق ملحوظ في الإدراك البصري. لا توجد قواعد محددة لـ "ترتيب الأشياء" ، فكل سيد يقرر بنفسه كيف يكون العمل أكثر ملاءمة له.
فاصل أسطر Html. علامة & ltbr & gt.
انتبه للصورة. في الإصدار الأول ، تمت كتابة النص في سطر واحد ، وفي الإصدار الثاني في سطرين.
 سيعرض المتصفح كلا الخيارين بنفس الطريقة. سيُكتب النص على سطر واحد:
 لماذا هذا صحيح ، أنت تسأل؟ في الواقع ، في أحد الرموز ، تم نقل جزء من النص إلى سطر آخر. سيكون من المنطقي أن يتم نقل بعض النص في المستعرض أيضًا إلى سطر آخر ، ولكن لغة html لها منطقها الخاص في هذا الصدد. إذا قمنا بعمل فاصل سطر في كود html ، فإنه بالنسبة للمتصفح يعادل مسافة واحدة (مثل مسافة عادية بين الكلمات في النص). إذا نقلنا جزءًا من النص ليس سطرًا واحدًا لأسفل ، ولكن 2 أو 3 (أي رقم) ، فسيظل المتصفح يحسب هذه المسافة كمسافة عادية واحدة بين الكلمات وعندما يتم عرضه على الشاشة ، سيتم كتابة النص في سطر واحد.
علامة & Ltbr & GT
عندما تعرفنا على العلامات في الدرس الثالث ، ذكرت أن هناك علامات لا تتطلب الإغلاق. بطاقة شعار & ltbr & gt واحد منهم ، يخدم لكسر الأسطر.
دعنا نطبقه في الكود:
 لقد أدخلنا علامة & ltbr & gt في كود html الخاص بنا والآن عندما يتم تشغيل الملف من خلال المتصفح ، سيتم نقل جزء من النص إلى السطر التالي.
* لا تنس حفظ التغييرات في Notepad (Ctrl + S) وتحديث الصفحة في المتصفح (F5).
غالبا ما تكون مطلوبة داخل واحدة خلايا Excel جعل التفاف النص في سطر جديد. أي ، حرك النص سطراً بسطر داخل خلية واحدة كما هو موضح في الصورة. إذا قمت ببساطة بعد إدخال الجزء الأول من النص بالضغط على المفتاح ENTER ، فسيتم نقل المؤشر إلى السطر التالي ، ولكن في خلية مختلفة ، ونحتاج إلى النقل في نفس الخلية. هذه مهمة شائعة جدًا ويمكن حلها ببساطة شديدة - لف النص إلى سطر جديد داخل خلية Excel واحدة ، تحتاج إلى النقر فوق ALT + ENTER (اضغط باستمرار على مفتاح ALT ، ثم اضغط على مفتاح ENTER دون تحريره)
كيفية التفاف النص إلى سطر جديد في Excel باستخدام الصيغةتحتاج أحيانًا إلى إجراء فواصل الأسطر ليس مرة واحدة فقط ، ولكن باستخدام وظائف في Excel. اليك كيف في هذا المثال في الصورة. نقوم بإدخال الاسم الأول واسم العائلة واسم العائلة ويتم جمعها تلقائيًا في الخلية A6 في النافذة التي تفتح ، في علامة التبويب "محاذاة" ، حدد المربع بجوار "التفاف حسب الكلمات" كما هو موضح في الصورة ، وإلا فلن يتم عرض التفاف السطر في Excel بشكل صحيح باستخدام الصيغ. كيفية استبدال حرف الواصلة بحرف آخر والعودة مرة أخرى في Excel باستخدام الصيغةيستطيع قم بتغيير حرف الواصلة إلى أي حرف آخرعلى سبيل المثال ، مسافة باستخدام دالة النص SUBSTITUTE في Excel لنلق نظرة على مثال موجود في الصورة أعلاه. لذلك ، في الخلية B1 نكتب دالة SUBSTITUTE: البديل (A1، SYMBOL (10)، "") A1 هو نصنا مع فاصل سطر ؛
SYMBOL (10) عبارة عن فاصل سطر (ناقشنا هذا في وقت سابق في هذه المقالة) ؛
"" هي مسافة لأننا نغير فاصل الأسطر إلى مسافة إذا كنت بحاجة إلى إجراء العملية المعاكسة - قم بتغيير المساحة إلى علامة (رمز) حمل ، فستظهر الوظيفة وفقًا لذلك: البديل (A1؛ ""؛ SYMBOL (10)) دعني أذكرك أنه لكي تنعكس فواصل الأسطر بشكل صحيح ، يجب عليك تحديد "التفاف حسب الأسطر" في خصائص الخلية ، في قسم "المحاذاة". كيفية تغيير الواصلة إلى مسافة والرجوع في Excel باستخدام بحث - استبدالهناك أوقات تكون فيها الصيغ غير ملائمة للاستخدام وتحتاج إلى إجراء بديل بسرعة. للقيام بذلك ، سنستخدم البحث والاستبدال. حدد النص الخاص بنا واضغط على CTRL + H ، ستظهر النافذة التالية. إذا احتجنا إلى تغيير فاصل الأسطر إلى مسافة ، فعندئذٍ في سطر "البحث" نحتاج إلى إدخال فاصل أسطر ، لهذا انتقل إلى حقل "بحث" ، ثم اضغط على مفتاح ALT دون تحريره ، واكتب 010 على لوحة المفاتيح - هذا هو رمز فاصل الأسطر ، ولن يكون مرئيًا في هذا الحقل. بعد ذلك ، في حقل "استبدال بـ" ، أدخل مسافة أو أي حرف آخر تريد التغيير إليه وانقر على "استبدال" أو "استبدال الكل". بالمناسبة ، في Word يتم تنفيذه بشكل أكثر وضوحًا. إذا كنت بحاجة إلى تغيير حرف فاصل الأسطر إلى مسافة ، فأنت بحاجة إلى تحديد رمز "فاصل سطر" خاص في الحقل "بحث" ، والذي تم تعيينه كـ ^ ل
في الحقل "استبدال بـ:" ما عليك سوى توفير مسافة والنقر على "استبدال" أو "استبدال الكل". لا يمكنك تغيير فواصل الأسطر فحسب ، بل يمكنك تغيير فواصل الأسطر الأخرى أيضًا الرموز الخاصةللحصول على الكود المقابل ، تحتاج إلى النقر فوق الزر "المزيد \u003e\u003e" ، "خاص" وتحديد الرمز الذي تريده. أذكرك بذلك هذه الوظيفة تتوفر هذه الأحرف فقط في Word ، ولن تعمل في Excel. كيفية تغيير فاصل الأسطر إلى مسافة أو العكس في Excel باستخدام VBAدعونا نلقي نظرة على مثال للخلايا المحددة. أي أننا نختار الخلايا المطلوبة ونشغل الماكرو 1. قم بتغيير المسافات إلى واصلات في الخلايا المحددة باستخدام VBA مسافات فرعية على واصلات ()
لكل خلية في التحديد
cell.Value \u003d استبدال (cell.Value، Chr (32)، Chr (10))
التالى
End Sub 2. قم بتغيير الواصلة إلى مسافات في الخلايا المحددة باستخدام VBA واصلات فرعية على المسافات ()
لكل خلية في التحديد
cell.Value \u003d استبدال (cell.Value، Chr (10)، Chr (32))
التالى
End Sub الكود بسيط للغاية Chr (10) عبارة عن فاصل أسطر ، Chr (32) عبارة عن مسافة. إذا كنت بحاجة إلى التغيير إلى أي رمز آخر ، فما عليك سوى استبدال رقم الرمز المقابل للرمز المطلوب. رموز الأحرف لبرنامج Excelتوضح الصورة أدناه رموزًا مختلفة ورموزها المقابلة ، والعديد من الأعمدة عبارة عن خط مختلف. لتكبير الصورة اضغط على الصورة.
تغذية الأسطر ، فاصل الأسطر ، فاصل الأسطر - الأمر كله يتعلق بشيء واحد. فواصل الأسطر شائعة في HTML. هناك عدة طرق: استخدم علامة
لفواصل الأسطر ، أو يمكنك استخدام خصائص CSS لفواصل الأسطر. لنلقِ نظرة على مثال لاستخدام علامة فاصل الأسطر:
في CSS ، يمكن عمل فواصل الأسطر بطرق مختلفة ، مثل هذا:
Br (
تعويم: اليسار؛
العرض: 100٪؛
الهامش: 0 0 20px 0 ؛ / * مسافة بادئة بعد السطر 20 بكسل * /
}
تقسيم الخط باستخدام HTML أو CSS
من السهل جدًا إنشاء سطر فاصل في HTML. يتم استخدام علامة غير مقترنة أيضًا
- هذا هو الخط الفاصل. يبدأ السطر الفاصل على سطر جديد ويتم وضع مسافة بادئة بعده. يمكنك التحكم في نمط الخط الأفقي ، ويمكنك أيضًا عمل بديل له. فيما يلي مثال على خط فاصل باستخدام علامة:
الآن دعونا النمط (تغيير الأنماط ، التغيير مظهر خارجي) خطنا الفاصل:
ساعة (
العرض: 80٪؛ / * عرض الخط * /
الارتفاع: 4 بكسل ؛ / * ارتفاع الخط / سمكه * /
الخلفية: # 333 ؛ / * الخلفية / لون الخط * /
الحدود: 0؛ / * الحد حول الخط الفاصل (قم بإزالته) * /
الهامش: 5 بكسل 0 5 بكسل 0 ؛ / * المساحة المتروكة أعلى وأسفل الخط 5 بكسل * /
}
ولنقم بإنشاء بديل للخط الفاصل باستخدام العلامة و CSS.
غالبًا ما تكون هناك حاجة لإضافة فقرة جديدة ، ولكن بدون سطر فارغ ، يتم إدراجه بواسطة علامة الفقرة بالنسبة لبعض مقاطع النص ، فإن التباعد القياسي المستخدم للفقرات هو ببساطة غير مناسب. يمكن أن تكون هذه نقوشًا أسفل الصور وفي الجداول والقصائد والاقتباسات والحواشي والملاحظات. للالتفاف الإجباري للخط ، يتم توفير علامة خاصة ، تكون وظيفتها في اسمها br (كسر الصف - "لكسر صف ، سطر"). بطاقة شعار
html يعني أن كل المحتوى التالي يجب أن يبدأ في سطر جديد. إذا لزم الأمر ، يمكنك وضع العديد من العلامات على التوالي لتحقيق التباعد المطلوب. بطاقة شعار
ليست حساسة لحالة الأحرف ولا تتطلب علامة نهاية لأنها عنصر فارغ ، ولكن من الأفضل التعود على إغلاق جميع العلامات. في XHTML ، يجب أن تكون علامة الفاصل "مغلقة بإحكام" بشرطة مائلة للخلف. مثال على استخدام علامة كسرالعلامة br في العمل< /title></p><p><р> التغيب عن الخدمة</р></p><p><p>لا مكان ولا أبدا <br></p><p>لم أكن بهذا السوء <br></p><p>حشد الرؤساء المتحمسين <br></p><p>يقضم لي حيا</р></p><p>التغيب عن الخدمة</p><p>لا مكان ولا أبدا <br>لم أكن بهذا السوء. <br>حشد الرؤساء المتحمسين <br>يقضم لي حيا.</p><h2>سمة العلامة <br></h2><p>السمة الوحيدة التي تمتلكها علامة html <br>، يُطلق عليه إنه يخبر المتصفح بما يجب فعله بالسطر الملتف إذا كان يجب أن يلتف النص حول ما يسمى بالعنصر العائم ، والذي يمكن أن يكون ، على سبيل المثال ، صورة ذات سمة محاذاة باستخدام القيم اليمنى / اليسرى ، أو كتلة CSS لها خاصية تعويم.</p><p>في مواصفات XHTML 1.0 / HTML 4.01 ، لا يمكن استخدام السمة الواضحة إلا مع Transitional و Frameset و<!DOCTYPE>وإلا فإن الكود لن يعمل.</p><h2>خصائص سمة العلامة</h2><p>يعتمد تأثير استخدام السمة clear على قيمتها وموضع العنصر العائم الملتف حول النص. يمكن أن تأخذ السمة 4 قيم:</p><p><br clear = "right | left | all | none"></p><p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/21147/458111.jpg' width="100%" loading=lazy></p><p>تمنع القيمة اليسرى العنصر المحاذي لليسار من التدفق ، وبالتالي فإن النص "ينطلق" فوق العلامة <br>، أسفل الصورة أو أي عنصر عائم آخر.</p><p>بالضبط نفس النتيجة ستأتي من استخدام الوسيطة all ، والتي لن تسمح أبدًا بأي من اليمين أو اليسار.</p><p>القيمة الصحيحة تمنع النص من التدفق حول عنصر محاذ لليمين ، لذلك بعد العلامة <br> لن يكون أمام النص خيار سوى التجول حول الصورة ، التي تتدفق حولها إلى اليمين.</p><p>تزيل القيمة "لا شيء" ("لا لك ولا خاصتنا") عمومًا جميع الأذونات من السمة الواضحة والعلامة <br> بصمت يحرك الخط لأسفل.</p><p>على هذا النحو ، لا توجد قيمة افتراضية للسمة الواضحة للعلامة.</p><h2>بطاقة شعار <br> هو تحويل سهل</h2><p>تعتبر علامة فاصل الأسطر مفيدة جدًا لإنشاء التباعد الضروري بين الفقرات ، حيث يتم استخدامها كالتفاف ناعم ، ولكن ليس كوسيلة لتقسيم النص إلى فقرات.</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy></p><p>لا تفرط في استخدام علامة تغذية الأسطر لتنسيق النص ، لأن نتائج تطبيقه ليست دائمًا رشيقة.</p><p>على سبيل المثال ، إذا كنت تستخدم العلامة <br> بالنسبة لفواصل الأسطر داخل فقرة ، يمكن أن يؤدي ذلك إلى ظهور "مشط" في نافذة المستخدم إذا كانت أصغر من النافذة التي كان مشرف الموقع يستهدفها.</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy>");</script>
</div>
</div>
</div>
</div>
<aside class="col-lg-4 col-md-12 col-md-offset-4 col-lg-offset-0" id="right">
<div>
</div>
<br/>
<div>
</div>
<br/>
<div>
</div>
<br/>
<div>
</div>
<br/>
</aside>
</div>
</div>
</div>
<div class="popup" id="share">
<div class="perfect-scroll" style="text-align: center">
<div style="margin-bottom: 20px">
<strong> سيبدأ التنزيل الآن ...</strong>
<br> لا تنسى مشاركة المواد <br>على الشبكات الاجتماعية مع الخاص بك <br> زملاء العمل</div>
<div>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div>
</div>
</div>
<div class="close-pop pull-right">
<svg width="10px" height="10px" viewBox="0 0 10 10">
<path fillrule="evenodd"
d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"></path>
</svg>
</div>
</div>
<section id="views">
<div class="container">
</div>
</section>
<script type="text/javascript">
$(document).ready(
function () {
$('.kursiv').readmore({
speed: 75,
maxHeight: 84,
heightMargin: 16,
moreLink: '<a href="#"><span>Показать полностью</span>',
lessLink: '<a href="#"><span>Скрыть</span></a>',
} );
} );
</script>
<style>
div.kursiv {
margin-bottom: 0;
}
#razrabotka {
margin-top: 30px;
}
.readmore-js-toggle {
font-style: italic;
color: #999;
display: inline;
margin-right: 10px;
font-size: 14px;
cursor: pointer;
border-bottom: 1px dotted #e6e6e6;
}
</style></section>
<footer>
<div class="container">
<div class="row">
<div class="col-xs-16 col-sm-4 col-md-3">
<p>© 2020، mkr-novo2.ru، الإنترنت. التعليم. البرامج. البرامج الثابتة. التثبيت والتكوين. الملاحون</p>
<div class="social">
<a target="_blank" href="">
<svg width="32px" height="19px" viewBox="0 0 32 19">
<path fillRule="evenodd"
d="M 15.36 18.01C 15.36 18.01 17.24 18.01 17.24 18.01 17.24 18.01 17.81 17.94 18.1 17.64 18.36 17.37 18.35 16.85 18.35 16.85 18.35 16.85 18.32 14.41 19.49 14.05 20.64 13.7 22.12 16.4 23.69 17.45 24.87 18.23 25.77 18.06 25.77 18.06 25.77 18.06 29.97 18.01 29.97 18.01 29.97 18.01 32.16 17.87 31.12 16.21 31.03 16.07 30.51 14.97 28 12.72 25.37 10.35 25.72 10.74 28.89 6.65 30.82 4.16 31.59 2.65 31.35 2 31.12 1.38 29.7 1.54 29.7 1.54 29.7 1.54 24.98 1.57 24.98 1.57 24.98 1.57 24.63 1.52 24.37 1.67 24.12 1.82 23.95 2.16 23.95 2.16 23.95 2.16 23.21 4.09 22.21 5.72 20.11 9.18 19.27 9.36 18.92 9.15 18.12 8.65 18.32 7.14 18.32 6.07 18.32 2.72 18.85 1.32 17.3 0.96 16.79 0.84 16.41 0.76 15.1 0.75 13.41 0.73 11.99 0.76 11.18 1.14 10.64 1.39 10.23 1.96 10.48 1.99 10.79 2.03 11.5 2.18 11.88 2.67 12.36 3.31 12.34 4.74 12.34 4.74 12.34 4.74 12.62 8.68 11.69 9.17 11.06 9.5 10.18 8.82 8.31 5.68 7.35 4.08 6.62 2.3 6.62 2.3 6.62 2.3 6.48 1.97 6.23 1.8 5.93 1.58 5.51 1.51 5.51 1.51 5.51 1.51 1.02 1.54 1.02 1.54 1.02 1.54 0.35 1.56 0.1 1.84-0.12 2.09 0.08 2.62 0.08 2.62 0.08 2.62 3.6 10.57 7.57 14.57 11.22 18.25 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01Z"/>
</svg>
</a>
<a target="_blank" href="">
<svg viewBox="0 0 25 25" width="25px" height="25px">
<path class="st0" d="M12.5,12.7c3.2,0,5.8-2.6,5.8-5.8c0-3.2-2.6-5.8-5.8-5.8C9.3,1,6.7,3.6,6.7,6.8C6.7,10,9.3,12.7,12.5,12.7z
M12.5,3.9c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C9.6,5.2,10.9,3.9,12.5,3.9z M19.2,13.4
c-0.3-0.7-1.2-1.2-2.5-0.3c-1.6,1.3-4.3,1.3-4.3,1.3s-2.6,0-4.3-1.3c-1.2-1-2.1-0.4-2.5,0.3c-0.6,1.2,0.1,1.7,1.5,2.7
c1.3,0.8,3,1.1,4.1,1.2l-0.9,0.9c-1.3,1.3-2.6,2.6-3.4,3.4c-0.5,0.5-0.5,1.4,0,1.9l0.2,0.2c0.5,0.5,1.4,0.5,1.9,0l3.4-3.4
c1.3,1.3,2.6,2.6,3.4,3.4c0.5,0.5,1.4,0.5,1.9,0l0.2-0.2c0.5-0.5,0.5-1.4,0-1.9l-3.4-3.4l-0.9-0.9c1.1-0.1,2.8-0.4,4.1-1.2
C19.2,15.1,19.8,14.5,19.2,13.4z"/>
</svg>
</a>
<a target="_blank" href="https://facebook.com/">
<svg width="26px" height="25px" viewBox="0 0 26 25">
<path fillRule="evenodd"
d="M 24.33-0C 24.33-0 1.96-0 1.96-0 1.19-0 0.57 0.62 0.57 1.38 0.57 1.38 0.57 23.62 0.57 23.62 0.57 24.38 1.19 25 1.96 25 1.96 25 14 25 14 25 14 25 14 15.32 14 15.32 14 15.32 10.72 15.32 10.72 15.32 10.72 15.32 10.72 11.54 10.72 11.54 10.72 11.54 14 11.54 14 11.54 14 11.54 14 8.76 14 8.76 14 5.53 15.98 3.77 18.88 3.77 20.27 3.77 21.46 3.88 21.81 3.92 21.81 3.92 21.81 7.3 21.81 7.3 21.81 7.3 19.8 7.3 19.8 7.3 18.22 7.3 17.92 8.04 17.92 9.13 17.92 9.13 17.92 11.54 17.92 11.54 17.92 11.54 21.68 11.54 21.68 11.54 21.68 11.54 21.19 15.32 21.19 15.32 21.19 15.32 17.92 15.32 17.92 15.32 17.92 15.32 17.92 25 17.92 25 17.92 25 24.33 25 24.33 25 25.09 25 25.71 24.38 25.71 23.62 25.71 23.62 25.71 1.38 25.71 1.38 25.71 0.62 25.09-0 24.33-0Z"/>
</svg>
</a>
<a target="_blank" href="https://youtube.com/">
<svg width="26px" height="19px" viewBox="0 0 26 19">
<path fillRule="evenodd"
d="M 25.75 14.46C 25.75 14.46 25.5 16.18 24.75 16.93 23.79 17.92 22.72 17.93 22.23 17.99 18.71 18.24 13.43 18.25 13.43 18.25 13.43 18.25 6.89 18.19 4.88 18 4.32 17.89 3.06 17.92 2.11 16.93 1.35 16.18 1.11 14.46 1.11 14.46 1.11 14.46 0.86 12.45 0.86 10.44 0.86 10.44 0.86 8.55 0.86 8.55 0.86 6.54 1.11 4.52 1.11 4.52 1.11 4.52 1.35 2.81 2.11 2.05 3.06 1.06 4.14 1.06 4.63 1 8.15 0.75 13.42 0.75 13.42 0.75 13.42 0.75 13.43 0.75 13.43 0.75 13.43 0.75 18.71 0.75 22.23 1 22.72 1.06 23.79 1.06 24.75 2.05 25.5 2.81 25.75 4.52 25.75 4.52 25.75 4.52 26 6.54 26 8.55 26 8.55 26 10.44 26 10.44 26 12.45 25.75 14.46 25.75 14.46ZM 10.83 5.73C 10.83 5.73 10.83 12.72 10.83 12.72 10.83 12.72 17.62 9.24 17.62 9.24 17.62 9.24 10.83 5.73 10.83 5.73Z"/>
</svg>
</a>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-16 links">
<h4>mkr-novo2.ru</h4>
<a href="https://mkr-novo2.ru/ar/category/internet/">الأنترنيت</a>
<a href="https://mkr-novo2.ru/ar/category/multimedia/">الوسائط المتعددة</a>
<a href="https://mkr-novo2.ru/ar/category/navigatory/">الملاحون</a>
<a href="https://mkr-novo2.ru/ar/category/obrazovanie/">التعليم</a>
<a href="https://mkr-novo2.ru/ar/category/po/">بواسطة</a>
<a href="https://mkr-novo2.ru/ar/category/problemy/">مشاكل</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-16 links">
<h4>حول المشروع</h4>
<a href="">ردود الفعل</a>
<a href="">عن الموقع</a>
</div>
<div class="col-lg-5 col-sm-1 col-xs-16 links"></div>
<div class="col-lg-4 col-sm-5 col-xs-16 links">
</div>
</div>
<div class="row v-center">
<div class="col-md-8 col-xs-16">
<a data-fancybox data-type="iframe" data-src="">جهات الاتصال</a>
</div>
<div class="col-md-8 col-xs-16">
<div class="share pull-right">
<script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div>
</div>
</div>
</div>
</div>
</footer>
<a href="https://mkr-novo2.ru/ar/#bot" id="to-top">
<svg width="50px" height="50px" viewBox="0 0 50 50">
<circle cx="25.00" cy="25.00" r="25.00" fill="rgb(0,0,0)" opacity="0.37"/>
<path fillRule="evenodd"
d="M 33.94 24.46C 33.94 24.46 25.89 16.3 25.89 16.3 25.32 15.73 24.41 15.73 23.84 16.3 23.84 16.3 15.79 24.46 15.79 24.46 14.88 25.38 15.52 26.97 16.81 26.97 16.81 26.97 20.43 26.97 20.43 26.97 21.23 26.97 21.88 27.62 21.88 28.43 21.88 28.43 21.88 32.51 21.88 32.51 21.88 33.71 22.83 34.68 24.01 34.68 24.01 34.68 25.72 34.68 25.72 34.68 26.9 34.68 27.86 33.71 27.86 32.51 27.86 32.51 27.86 28.43 27.86 28.43 27.86 27.62 28.5 26.97 29.31 26.97 29.31 26.97 32.92 26.97 32.92 26.97 34.21 26.97 34.85 25.38 33.94 24.46Z"
fill="rgb(241,241,241)"/>
</svg>
</a>
<div class="overlay"></div>
<div class="popup" id="password">
<div class="perfect-scroll">
<h2>استعادة كلمة السر <div class="close-pop pull-right">
<svg width="10px" height="10px" viewBox="0 0 10 10">
<path fillRule="evenodd"
d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"/>
</svg>
</div>
</h2>
<div class="recover-success">
<form action="/recovery/request" data-method="post" method="post" class="recover_form">
<p>أدخل بريدك الإلكتروني لاستعادة كلمة المرور الخاصة بك!</p>
<div class="input-wrp">
<input name="email" type="text" placeholder="أدخل بريدك الإلكتروني">
</div>
<input type="submit" data-disable-with="Отправить..." class="btn green" value="أرسل رسالة">
</form>
</div>
<div class="auth-form_error" style="padding-top: 10px"></div>
</div>
</div>
<script>
$('.user.one').click(function (e, ob) {
$('.user').removeClass('active-user');
$('.user.one').addClass('active-user');
$('#user_type').val('1');
e.stopPropagation();
} );
$('.user.two').click(function (e, ob) {
$('.user').removeClass('active-user');
$('.user.two').addClass('active-user');
$('#user_type').val('2');
e.stopPropagation();
} );
$('.user.three').click(function (e, ob) {
$('.user').removeClass('active-user');
$('.user.three').addClass('active-user');
$('#user_type').val('3');
e.stopPropagation();
} );
function clearErrors() {
$('.auth-form_error').each(function () {
$(this).html('');
} );
}
$('body').on('click', '.open-login-form', function (e) {
$('#register, .overlay').removeClass('visible-pop');
$('#login, .overlay').addClass('visible-pop');
e.preventDefault();
} );
$('body').on('click', '.open-pass-form', function (e) {
$('#register, .overlay').removeClass('visible-pop');
$('#password, .overlay').addClass('visible-pop');
e.preventDefault();
} );
$('.login_form')
.on('ajax:beforeSend', function (event, xhr, settings) {
clearErrors();
} )
.on('ajax:complete', function (event, xhr, status) {
} )
.on('ajax:success', function (event, data, status, xhr) {
if (data.status == 0) {
$('.auth-form_error').html(data.text + '<br>');
} else {
$('.open-register').html(data.text);
var delay = 1000;
window.location.href = url = window.location.href + "?login=ok";
location.replace(url);
setTimeout('window.location.reload(true);', delay);
}
} ).on('ajax:error', function (event, xhr, status, error) {
} );
$('.recover_form')
.on('ajax:beforeSend', function (event, xhr, settings) {
clearErrors();
} )
.on('ajax:complete', function (event, xhr, status) {
} )
.on('ajax:success', function (event, data, status, xhr) {
console.log(data);
if (data.status == 0) {
$('.auth-form_error').html(data.text + '<br>');
} else {
$('.recover-success').html('<div class="success" >' + data.text + '</div>');
}
} ).on('ajax:error', function (event, xhr, status, error) {
} );
$('.registration_form')
.on('ajax:beforeSend', function (event, xhr, settings) {
var emailError = $('#emailError');
var passwordError = $('#passwordError');
var passwordVerify = $('#passwordVerifyError');
var userTypeError = $('#userTypeError');
var emailExist = $('#emailExist');
emailError.html('');
passwordError.html('');
passwordVerify.html('');
userTypeError.html('');
emailExist.hide();
} )
.on('ajax:complete', function (event, xhr, status) {
} ).on('ajax:success', function (event, data, status, xhr) {
// insert the failure message inside the "#account_settings" element
//console.log(data);
if (data.status == 0) {
//$('.reg-info').html('<div class="error">' + data.text + '</div>');
if (data.text.email) {
var emailError = $('#emailError');
var emailExist = $('#emailExist');
console.log(data.text.email);
if (data.text.email == 'Найдена совпадающая со значением запись') {
console.log('alert');
emailExist.show();
} else {
emailError.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.email + '</span></div></div>');
}
}
if (data.text.password) {
var passwordError = $('#passwordError');
console.log(data.text.password);
passwordError.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.password + '</span></div></div>');
}
if (data.text.passwordVerify) {
var passwordVerify = $('#passwordVerifyError');
console.log(data.text.passwordVerify);
passwordVerify.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.passwordVerify + '</span></div></div>');
}
if (data.text.captcha) {
var captcha = $('#captchaError');
console.log(data.text.captcha);
captcha.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.captcha + '</span></div></div>');
}
if (data.text.userType) {
var user_type = $('#userTypeError');
console.log(data.text.userType);
user_type.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.userType + '</span></div></div>');
}
} else {
$('.reg-success').html(data.text);
var delay = 2000;
window.location.href = url = window.location.href + "?reg=ok";
location.replace(url);
setTimeout('window.location.reload(true);', delay);
}
} ).on('ajax:error', function (event, xhr, status, error) {
} );
</script>
<div class="popup" id="premium-pop">
</div>
<link rel="stylesheet" href="/videouroki/res/lightslider/lightslider.min.css">
<link rel="stylesheet" href="/videouroki/res/perfectScrollbar/perfect-scrollbar.css">
<link rel="stylesheet" href="/videouroki/assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/assets/vendor/fancybox/jquery.fancybox.min.css">
<script src="/videouroki/res/perfectScrollbar/perfect-scrollbar.jquery.min.js"></script>
<script src="/js/rails.js"></script>
<script src="/videouroki/res/lightslider/lightslider.min.js"></script>
<script src="/videouroki/res/jquery.validate.min.js"></script>
<script src="/videouroki/res/autosize-master/autosize.min.js"></script>
<script src="/videouroki/js/tabs.js"></script>
<script src="/videouroki/js/select.js"></script>
<script src="/videouroki/js/global.js?2109"></script>
<script src="/videouroki/js/views.js"></script>
<script src="/videouroki/plugin/notify/notify.min.js"></script>
<script src="/videouroki/plugin/notify/notify-metro.js"></script>
<script src="/videouroki/js/lazyload.min.js"></script>
<script src="/assets/vendor/fancybox/jquery.fancybox.min.js"></script>
<script type="text/javascript">
$(document).ready(
function () {
// new LazyLoad();
} )
</script>
<!--[if gte IE 9]><script type="text/javascript" src="/videouroki/assets/ckeditor-mini/ckeditor.js"></script><![endif]-->
<script type="text/javascript" src="/videouroki/js/readmore.js"></script></body>
</html> | 
مدخل