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

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

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


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

المرجو دعم الموقع من خلال الإشتراك على صفحاتنا على المواقع الإجتماعية و مشاركة الدروس مع أصدقاءكم.