تنسيق العنواين
عناوين بلوجر إضافات أساسية في صندوق كتابة المواضيع لما تضفية من شكل يجذب الزائر للقراءة
و عند إستخدامها ستشعر بالفرق في شكل وجودة مواضيعك وسنذكر في البداية معلومات بسيطة كتعريف بتلك العناوين
الوسوم الخاصة بالعناوين
h2 وهو العنوان الرئيسي
h3 وهو العنوان الفرعي واغلب قوالب بلوجر يتم إستخدام هذا العنوان في تنسيق عنوان التدوينات
h4 وهو العنوان الثانوي
سنقوم بعمل تعديل على إثنين من تلك العناوين لان الثالث خاص بشكل عنوان التدوينة فلا نريد إفساده
وعند كتابة موضوع وتحديد جزء ثم إختيار العنوان ستجد الشكل أصبح أفضل
و هذا مثال
مثال آخر
ملاحظة قد يكون الكود موجود أساسا بمدونتك فإبحث عنه ثم إستبدله بالكود السابق
ملاحظة أخرى هناك بعض القوالب يكون الأمر بها متغير ويتم إستخدام العنوان الرئيسي كعنوان للتدوين
هنا ستقوم بتغيير h2 الى h3
و اليك طريقة التركيب
الطريقة سهلة أدخل الى تحرير قالبك وخذ نسخة إحتياطية تفاديا لأى خطأ
واذهب للوسم ]]></b:skin> وضع الكود التالي فوقه
.post h2 {
background: #0085FA;background: -moz-linear-gradient(top,#46B3F9 ,#0085FA);background: -webkit-linear-gradient(top,#46B3F9,#0085FA);
color: #ffffff;
font-size: 19px;
font-weight: bold;
padding:4px;
border-right:5px solid #035FAF;
border-left:5px solid #035FAF;
border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
box-shadow: 0 1px 3px #999;
}
.post h4 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ELMyqyA07FMyqluliBYGwAUeL70icWA1jIF0Aud3h1QJHSpBext2uEeNg2MFCe_tZPtd8mFwnxlozl9Q0K6U6kJJW6LmmbT-ECCuxOepHNkRzGf_na3M4zVImkA8N5GSTt8OXPzq3KPQ/s16/sah-icon.png") no-repeat scroll right center transparent;
color: #000;
font-size: 17px;
font-weight: bold;
padding-right:25px;
text-shadow: 0 2px 2px #000;
}
إن كان لا يتناسب مع ألوان مدونتك يمكنك تنسيقه كالتالي
هذا اللون color: #ffffff; خاص بلون الخط
والرقم 19 هو حجم الخط
أما هذا اللون #035FAF والمتكرر لمرتين هو لون الجزئين الجانبيين في العنوان
الرابط الذي باللون الأحمر هو رابط صورة علامة صح في العنوان الثانوي
ونفس الشئ في حجم الخط 17 ولون الخط #000
ولو لديك خبره أكبر في أكواد CSS ستستطيع تنسيقة بشكل أفضل
بالتوفيق بإذن الله
ليست هناك تعليقات