السلام عليكم ورحمة الله تعالى وبركاته ،
درس اليوم هو طريقة وضع عناوين المواضيع داخل إطار مع لمسة إحترافية .وهي نفس الإضافة التي أستخدمها في موقعي.
نمر لتطبيق الاضافة:
1.لوحة التحكم
2
.إضغط على قالب3. ثم تحريرhtml4.إضغط على متابعة
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 إسم الخط اللذي تريد.