Marcadores dos posts em formato de tags coloridas

Views:
CÓDIGO CSS:

<style type='text/css'>
/*Marcadores dos posts em formato de tags coloridas*/
.post-labels{
float:left;
display:block;
width:100%;
color:#000}
.post-labels a{
float:left;
height:24px;
line-height:24px;
position:relative;
font-size:12px; /* TAMANHO DA FONTE */
margin-left:12px;
padding:0 10px;
background:rgba(0,0,0,0.25);
color:#fff; /* COR DA FONTE */
text-decoration:none;
border-bottom-right-radius:3px;
border-top-right-radius:3px}
.post-labels a:before{content:&quot;&quot;;float:left;position:absolute;top:0;left:-12px;width:0;height:0;border-color:transparent rgba(0,0,0,0.25) transparent transparent;border-style:solid;border-width:12px 12px 12px 0}
.post-labels a:after{content:&quot;&quot;;position:absolute;top:10px;left:-1px;float:left;width:4px;height:4px;border-radius:2px;background:#fff;transition:all .3s}

.post-labels a:nth-child(1){background:#b792ec}
.post-labels a:nth-child(1):before{border-color:transparent #b792ec transparent transparent}

.post-labels a:nth-child(2){background:#ff0062}
.post-labels a:nth-child(2):before{border-color:transparent #ff0062 transparent transparent}

.post-labels a:nth-child(3){background:#768e3d}
.post-labels a:nth-child(3):before{border-color:transparent #768e3d transparent transparent}

.post-labels a:nth-child(4){background:#f4b23f}
.post-labels a:nth-child(4):before{border-color:transparent #f4b23f transparent transparent}

.post-labels a:nth-child(5){background:#fc7eae}
.post-labels a:nth-child(5):before{border-color:transparent #fc7eae transparent transparent}

.post-labels a:nth-child(6){background:#0060fc}
.post-labels a:nth-child(6):before{border-color:transparent #0060fc transparent transparent}

.post-labels a:nth-child(7){background:#ca85ca}
.post-labels a:nth-child(7):before{border-color:transparent #ca85ca transparent transparent}

.post-labels a:nth-child(8){background:#a64d79}
.post-labels a:nth-child(8):before{border-color:transparent #a64d79 transparent transparent}

.post-labels a:nth-child(9){background:#61c436}
.post-labels a:nth-child(9):before{border-color:transparent #61c436 transparent transparent}

.post-labels a:nth-child(10){background:#fc0061}
.post-labels a:nth-child(10):before{border-color:transparent #fc0061 transparent transparent}

</style>



CÓDIGO MODIFICADO:

<span class='post-labels'>
              <b:if cond='data:post.labels'>
          <span style='float: left;'>Categorias: </span><b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
          </b:loop>
        </b:if>
      </span>
Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage