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

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





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


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 إسم الخط اللذي تريد.