المشاركات

عرض الرسائل ذات التصنيف المزيد

استبدل عبارة "قراءة المزيد" بصورة أكثر تعبيرا في مدونتك على بلوجر

-
صورة
كما هو معروف ، فإنه يمكنك في مدونات بلوجر أن تقسم تدوينتك إلى  جزئين ، جزء يظهر للقارئ في الصفحة الرئيسية أو صفحة التسميات والأرشيف ، وباقي التدوينة مختفية لا يستطيع القارئ مشاهدتها إلا بالضغط على رابط "قراءة المزيد". قد تكون تلك العبارة غير واضحة للقارئ ، فيفوته باقي التدوينة التي كتبتها. لذلك قد تود في استبدال تلك العبارة بصورة تكون أكثر وضوحا كما في الصورة المقابلة. لفعل ذلك اتبع التالي: 1- قم برفع الصورة (التي تريد وضعها) إلى أي موقع من مواقع الرفع. 2 - ادخل الى مدونتك عن طريق الرابط التالي: http://blogger.com 3- اضغط على رابط "تصميم" أو "design" بجانب مدونتك 4- ستفتح لك صفحة التصميم ، اضغط على "تحرير html" 5- ابسط اكواد القالب عن طريق وضع علامة صح في المربع "توسيع عناصر قوالب واجهة المستخدم" كما بالصورة: (اضغط على الصورة لتكبيرها) 6- الان ابحث عن الجزء التالي (اضغط crtl+F للبحث) : <data:post.jumpText/> واستبدله بالكود التالي: <img alt='اقرأ المزيد' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/...
قراءة المزيد

الدرس الحادي عشر: المزيد حول الجداول

-
عنوان الدرس "المزيد حول الجداول" يبدو مملاً بعض الشيء، لكن أنظر للجانب الإيجابي، إذا تمكنت من إتقان إنشاء الجداول فلن يكون هناك أي شيء في HTML لن تستطيع معرفته واستخدامه. ماذا بقي إذاً؟ خاصيتان هما colspan و rowspan تستخدمان لإنشاء جداول رائعة ومتقنة. Colspan هي اختصار "column span"، Colspan تستخدم في الوسم <td> لتحدد عدد الأعمدة التي ستتمدد لها الخلية : مثال 1: <table border="1"> <tr> <td colspan="3">Cell 1</td> </tr> <tr> <td>خلية 2</td> <td>خلية 3</td> <td>خلية 4</td> </tr> </table> سيظهر بهذا الشكل في متصفحك خلية 1 خلية 2 خلية 3 خلية 4 بتحديد colspan بالقيمة "3" قامت الخلية في الصف الأول بالتمدد لثلاثة أعمدة، ولو قمنا بوضع "2" لقيمة colspan ستتمدد لعمودين اثنين، وسيتعين علينا إضافة خلية أخرى للصف الأول حتى تصبح الأعمدة متساوية مثال 2: <table border="1"> <tr...
قراءة المزيد

الدرس السادس: المزيد من العناصر

-
هل قمت بإنشا المزيد من الصفحات بنفسك؟ إن لم تفعل فإليك هذا المثال: <html> <head> <title>My website</title> </head> <body> <h1>A Heading</h1> <p>text, text text, text</p> <h2>Subhead</h2> <p>text, text text, text</p> </body> </html> ما التالي؟ حان الوقت الآن لتعلم سبعة عناصر جديدة. بنفس الطريقة التي تؤكد فيها على نص معين عندما تضعه بين وسم البداية <em> ووسم الإغلاق </em> , يمكنك أن تضيف تأكيداً أقوى باستخدام وسم البداية <strong> ووسم الإغلاق </strong> . مثال 1: <strong>This should be stronger emphasis.</strong> سيظهر بهذا الشكل في المتصفح: This should be stronger emphasis. بطريقة مماثلة يمكنك تصغير النص باستخدام العنصر small : مثال 2: <small>This should be in small.</small> سيظهر بهذا الشكل في متصفحك This should be in small. هل أستطيع استخدام عدة عناصر في نفس الوقت؟ بإمكانك استخدام عدة عناصرة بسهولة ...
قراءة المزيد