< >
اضافة اطار للعنوان وتغيير اللون عند مرور الماوس في موقعك او مدونتك في بلوجر → نجوم سورية
القائمة إغلاق

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

سوف نتعلم كيفية إنشاء عنوان مخصص من شأنها أن تغير اللون بإستخدام CSS3 مما تضيف جمالية لمدونة البلوجر
طريقة التعديل على القالب وتطبيق الأضافة للمدونة..
أليكم هذا المثال على ذالك..
 
في العنوان الاول
قبل وضع الماوس على العنوان
وأما العنوان الثاني الأحمر بعد وضع الماوس على العنوان
أقدم لكم  طريقة أضافة أطار للعناوين المدونات البلوجر وعند مرور الفارة (الماوس) على العنوان الموضوع يتغيراللون 
طريقة التركيب…
أتجه للوحة التحكم الخاصة بمدونتك
 
تصميم 
تحرير

 

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

]]></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
ـــــــــــــــــــــــــ
هذا كل شيئ .. شكراً لكم.

Visits: 62

هل اعجبتك المقالة شاركنا رأيك