بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
أقدم لكم اليوم طريقة أضافة أطار للعناوين المدونات البلوجر وعند مرور الفارة (الماوس) على العنوان الموضوع يتغيراللون
اليوم سوف نتعلم كيفية إنشاء عنوان مخصص من شأنها أن تغير اللون بإستخدام CSS3
مما تضيف جمالية لمدونة البلوجر
طريقة التعديل على القالب وتطبيق الأضافة للمدونة
قبل كل شي راح أعرض لكم صورة للأضافة تم تطبيقها في مدونتي للمعاينة
في العنوان الاول ذات الاطار الاسود هذا قبل وضع الماوس على العنوان
وأما العنوان ذات اللون الأحمر بعد وضع الماوس على العنوان
طريقة تركيب الأضافة
الطريقة بسيط وسهلة جدا
أولا:أتجه للوحة التحكم الخاصة بمدونتك
ثانياً:تصميم
ثالثا:تحريرhtml
رابعا:أعمل توسيع للقالب
خامسا قم بالبحث عن الكود التالــي
]]></b:skin>
وأضف بعده مباشرة خصائص التالية
/*----mdonti-n.blogspot.com Heading Tag----*/
h3{
font-family:veranda !important;
font-style:italic !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:#FF133F;
border-left:10px solid #FF133F;
border-right:10px solid #FF133F;
box-shadow:0px 0px 13px #FF133F;
-webkit-box-shadow:0px 0px 13px #FF133F;
-moz-box-shadow:0px 0px 13px #FF133F;
}
لتغيير لون النص ولون الحدود اليمين / اليسار قم بأستبدال الاكواد التالي
#666
وقم بأستبداله بالون من أختيارك
#666; لتغييرلون الظل
_____________________________________________
وأما هذا الكود # FF133F
لاستبدال ألوان النص والحدود عند المرور على العنوان بالماوس
والكود #FF133F لتغيير لون المربع أثناء المرور بالماوس أو الضغط على العنوان
ولتغيير نمط الخط المائل قم باستبدال veranda بأحد الخطوط مع تغيير italic ومعناها عادية أو ضعها عريض bold
وأخيرا
أتمنى أن يكون الدرس واضح وشرح بسيط
وسلام عليكم ورحمة الله وبركاته
طريقة جميلة ورائعة
ردحذفبارك الله فيك ونفع بك
ردحذفسعدت بمروركم وتعليقاتكم
ردحذفشكرا لكم