طريقة وضع عناوين المواضيع داخل إطار مع لمسة إحترافية

درس اليوم هو طريقة وضع عناوين المواضيع داخل إطار مع لمسة إحترافية .وهي نفس الإضافة التي أستخدمها في موقعي.

نمر لتطبيق الاضافة:


1.لوحة التحكم
2.إضغط على قالب
3. ثم تحريرhtml
4.إضغط على متابعة
5.إختار توسيع القالب إختار
6.إبحث بالضغط على   CTRL+F عن الكود التالي :

]]></b:skin>

7. قم بوضع الكود التالي فوقه مباشرة:

/*----Widget Heading Tag----*/
h3{
font-family:arial !important;
font-style:arial !important;

}
.post h3 {
color:#666;
border-left:10px solid #666;
border-right:10px solid #666;
padding:3px 5px 3px  20px;
border-radius:15px;
-moz-border-radius:15px;
box-shadow:0px 0px 13px #666;
-webkit-box-shadow:0px 0px 13px #666;
-moz-box-shadow:0px 0px 13px #666;

}

.post h3:hover {
color:#0202ff;
border-left:10px solid #0202ff;
border-right:10px solid #0202ff;
box-shadow:0px 0px 13px #0202ff;
-webkit-box-shadow:0px 0px 13px #0202ff;
-moz-box-shadow:0px 0px 13px #0202ff;
}

ملاحظة:
-يمكنك تغير ما كتب بالأزرق لتغير الظل عند مرور سهم الفأر.
-يمكنك تغير ما كتب بالأحمر لتغير لون الظل في الوضع العادي.
-يمكنك تغير ما كتب بالأصفر لتغير لون الخط و لون الحدود عند مرور سهم الفأرة.
-يمكنك تغير ما كتب  بالوردي لتغير لون الخط و لون الحدود  في الوضع العادي.
-arial  إسم الخط اللذي تريد

قم بمشاركة روابط التدوينة
رابط
HTML