أضافة أطار للعنوان وتغيير اللون عند مرور الموس في بلوجر

اضافة اليوم اصافة جميلة  سوف نتعلم كيفية إنشاء عنوان مخصص من شأنها أن تغير اللون بإستخدام CSS3 مما تضيف جمالية لمدونة البلوجر

طريقة التعديل على القالب وتطبيق الأضافة للمدونة

امامكم مثال علي ذلك

في العنوان الاول

قبل وضع الماوس على العنوان

وأما العنوان ذات اللون الأحمر بعد وضع الماوس على العنوان

أقدم لكم  طريقة أضافة أطار للعناوين المدونات البلوجر وعند مرور الفارة (الماوس) على العنوان الموضوع يتغيراللون 

طريقة

• أتجه للوحة التحكم الخاصة بمدونتك

• تصميم

• تحريرhtml

• أعمل توسيع للقالب

•  قم بالبحث عن الكود التالــي

]]></b:skin>

 وأضف بعده مباشرة

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

 

وأخيراأتمنى أن يكون الدرس واضح وشرح بسيط وسلام عليكم ورحمة الله وبركاته

منشورة في: اضافات وادوات بلوجر, بلوجر, دروس وشروحات بلوجر