Kategorilere icon koyma

ovunc' Alıntı:

Aşağıdaki kodları,
extra.less şablonuna ekle,

Kod:

.block-header:before {
    background: #f2930d;
    color: #fff;
    width: 40px;
    height: 30px;
    text-align: center;
    margin-top: -5px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 50%;
    position: absolute;
    left: 0;
    content: "\f164";
    vertical-align: middle;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.block-header a {
    padding-left: 35px;
}

Renkleri ve iconu kendine göre ayarla,

Ekli dosyayı görüntüle 4832

Genişletmek için tıkla ...

ovunc' Alıntı:

Kurallara uyana ikinci sorusu cevaplanır
Sitenizi profilinize eklediniz mi?

Genişletmek için tıkla ...

ovunc' Alıntı:

Yukarıda verdiğim kodu her kategori için ayrı ayrı eklemen gerekir,
Örneğin; Kategori ID no su 5 se;
Kod şu şekilde olacak.

Kod:

.block--category5 .block-header:before {
    background: #f2930d;
    color: #fff;
    width: 40px;
    height: 30px;
    text-align: center;
    margin-top: -5px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 50%;
    position: absolute;
    left: 0;
    content: "\f164";
    vertical-align: middle;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

Genişletmek için tıkla ...

ffa3' Alıntı:

hocam kategori yazısının üzerine geliyor ve kapatıyor siteye bakabilirsiniz.

Genişletmek için tıkla ...

.block-header a {

    padding-left: 35px;

}