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

window-internet for blogger tutorial



طريقة عناوين المواضيع داخل إطار


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


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


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

Sharing Widget bychamelcool

تعليقات الفايسبوك :

0 التعليقات:

إرسال تعليق

 
تعريب وتطوير نافذة على الأنترنيت
تابعنا عبر twitter - تابعنا عبر facebook - اشترك عبر خدمة RSS - اشترك عبر البريد الالكتروني