EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

أداة أقسام المدونة بعدة ألوان Labels widget colorful

السلام عليكم
إخواني الكرام كيف الحال اليوم إن شاء الله سأضع لكم إضافة مميزة لجعل اداة أقسام المدونة اكثر جمالية
هذه الإضافة ستحول أداة أقسام المدونة للوحة فنية :) ألوان زاهية 
كي لا أطيل عليكم صورة للنتيجة

إداة أقسام المدونة بعدة ألوان Labels widget colorful

كما ترون إضافة مميزة تضفي على الاداة الشكل القديم لمسة جميلة
لتركيبهذا الشكل كل ما عليك هو تحرير القالب ثم إبحث عن الوسم ]]></b:skin>
فوقه مباشرة ضع هذا الكود

.sidebar .label-size {
  position:relative;
  text-transform: uppercase;
  text-decoration:none;
  font-size:13px;
  font-family:GESSTwoMediumRegular;
  color:#fff!important;
  }

.sidebar .label-size a {
  color:#fff!important;
  font-weight:bold;
  padding:8px 10px;
  margin:0 6px 6px 0;
  float:right;
  display:block;
  -moz-transition: all 0.4s ;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s ;
  -ms-transition: all 0.4s ;
  transition: all 0.4s ;
}

.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#16a085;}
.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.sidebar .label-size-4 a:hover {background:#8e44ad}
.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.sidebar .label-size-5 a:hover {background:#c0392b}

ثم قم بحفظ القالب وهنيئا لك 
أتمنى ان تعجبكم الاداة لا تبخلوا علينا بردودكم المشجعة واي سؤال انا في الخدمة
بالتوفيق للجميع ودمتم في رعاية الله وحفظه

ليست هناك تعليقات:

إرسال تعليق

التالي السابق الرئيسية