تبادل اعلاني جديد من الوليد نت مجانا

أدخل كلمات بحثك

كيفية تغير شكل التسميات الى شكل احترافي بتقنية css3
،،،،،،،،، لقد تم تغير اسم الموقع من موقع الوليد نت الي موقع الوليد نت 2 ,والرابط من alwalednet.blogspot.com الى alwalednet2.blogspot.com , , اتمنى ان ينال اعجابكم ×

كيفية تغير شكل التسميات الى شكل احترافي بتقنية css3


كيفية تغير شكل التسميات الى شكل احترافي بتقنية css3 من الوليد نت

بسم الله الرحمن الرحيم 

اليوم في هذا الموضوع الرائع حبيت ان اقدم لكم شرح بسيط ورائع لتغير شكل سحابة التسميات لمدونات بلوجر  الى شكل رائع بألوان رائعة لكل قسم 
لون بتقنية css3 وتضيف لمسة من الجمال والرونق لمدونتك


طريقة تغير شكل التسميات الى الشكل الجديد 
  1. من لوحة التحكم >> قالب >> تحرير HTML 
  2. خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير 
  3. قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F) 
  4. قم بالبحث عن الكود
]]></b:skin> 
واضف فوقه مباشراً الكود التالي
.cloud-label-widget-content {
text-align: right; } .label-size { background: #5498C9; display: block; float: right; margin:0 0 3px 3px; color: #fff; font-size: 11px; text-transform: uppercase; } .label-size:nth-child(1) { background: #F53477; } .label-size:nth-child(2) { background: #89C237; } .label-size:nth-child(3) { background: #44CCF2; } .label-size:nth-child(4) { background: #01ACE2; } .label-size:nth-child(5) { background: #94368E; } .label-size:nth-child(6) { background: #A51A5D; } .label-size:nth-child(7) { background: #555; } .label-size:nth-child(8) { background: #f2a261; } .label-size:nth-child(9) { background: #00ff80; } .label-size:nth-child(10) { background: #b8870b; } .label-size:nth-child(11) { background: #99cc33; } .label-size:nth-child(12) { background: #ffff00; } .label-size:nth-child(13) { background: #40dece; } .label-size:nth-child(14) { background: #ff6347; } .label-size:nth-child(15) { background: #f0e68d; } .label-size:nth-child(16) { background: #7fffd2; } .label-size:nth-child(17) { background: #7a68ed; } .label-size:nth-child(18) { background: #ff1491; } .label-size:nth-child(19) { background: #698c23; } .label-size:nth-child(20) { background: #00ff00; } .label-size a, .label-size span { display: inline-block; color: #fff !important; padding: 4px 10px; font-weight: bold; } .label-size:hover { background: #222; } .label-count { white-space: nowrap; padding-left: 3px; margin-right: -3px; background: #333; color: #fff ; } .label-size:hover .label-count, .label-size:focus+.label-count { background-color: #ff6bb5; }

واخيراً اضغط على حفظ القالب ومبروك عليك الشكل الجديد والرائع
لا تبخل علينا بتعليق بسيط ،، يشجعنا ،، و يمنحك فرصة لاستفادة اكبر :)
لاتتردد بوضع اي استفسار حول الموضوع ضعه في تعليق ويتم الرد عليه في اقرب وقت انشاء الله
دمتم برعاية الله وحفظه


كيفية تغير شكل التسميات الى شكل احترافي بتقنية css3 كيفية تغير شكل التسميات الى شكل احترافي بتقنية css3 Reviewed by walid al Bana on 12:53:00 ص Rating: 5
اظهار التعليقات
   
تجدونا هنا

إنضم إلينا


Join on this site

للحصول على كل جديد المدونة

Mohon Aktifkan Javascript!Enable JavaScript