Sidebarda Renkli Etiket Oluşturma

Sidebar kısmında renkli etiket oluşturma normal etiket görselliğinden sıkıldıysanız biraz renklendirip farklı görünmesini sağlıya bilirsiniz. Görsel anlamda güzel hoş bir görüntü oluşuyor.
Bu eklentiyi kullanabilmemiz için öncelikle css kodlarını ekliyices.

Şablon kısmına tıklıyorsunuz ve html düzenle diyorsunuz  sonra bur kodu buluyorsunuz ]]></b:skin> bu kodun üstüne aşağıdaki css kodlarımızı ekliyoruz.

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

.label-size {
  position:relative;
  text-transform:uppercase;
  text-decoration:none;
  font-size:13px;
  font-family:Arial;
  color:#fff!important;
  }
.label-size a {
  color:#fff!important;
  font-weight:bold;
  float:left;
  display:block;
  transition: all 0.4s ease-in-out;
padding: 3px 5px;
margin: 2px 5px 5px 2px;
}

Sonra yerleşim bölgesinden Etiketleri kısmına tıklayp label oluşturuyorus.

Son olarak  etiketleri tıkladığımızda açılan panelden aşağıdaki resimdeki gibi düzenliyoruz. .

Continue Reading