26 kwietnia 2016

Etykiety: Czyli zmiana wyglądu etykiet w poście i gadżetach


Dziś instrukcja na zmianę wyglądu etykiet, w poście oraz gadżetach. Do dzieła!

Etykiety w gadżetach:

.label-size a{
 float: left;
 height: 30px;
 line-height: 30px;
 position: relative;
 font-size: 14px;
 margin-bottom: 10px;
 margin-left: 10px;
 padding:0 20px 0 20px;
 background:#000;
 color:#fff;
 text-decoration:none;
 -moz-border-radius-bottomright:0px;
 -webkit-border-bottom-right-radius:0px;
 border-bottom-right-radius:0px;
 -moz-border-radius-topright:0px;
 -webkit-border-top-right-radius:0px;
 border-top-right-radius:0px;}
.label-size a:hover{background: #ccc;}
Etykiety w poście:
.post-labels {color: transparent;}
.post-labels  a {background: #80A0B0;padding: 3px;}
.post-labels a:hover {background: #806080; transition:all 1s;
 -moz-transition:all 1s;
 -webkit-transition:all 1s;
 -o-transition:all 1s;}


Kod:
.post-labels a{
white-space: nowrap;
padding:0 3px;
}
 .post-labels a:hover {}
.post-labels a:active {}
.post-labels:before{
content:url(http://funkyimg.com/i/212UH.png);
padding-right:5px;
}
.Label ul li span {
}

Brak komentarzy:

Prześlij komentarz