Nube de etiquetas con css


Para añadir este estilo de nube de etiquetas con CSS en blogger ir a:



  • Plantilla, 
  • Personalizar
  • Diseñador de Plantillas
  • Avanzado
  • Añadir código CSS personalizado, en el recuadro pegar el siguiente cuadro:




#Label2 a{
padding-left:20px;
background:#9f3f50;padding:0 20px;
color:#fff!important;
border-radius:100px;
-moz-border-radius:100px;
height:30px;
line-height:30px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:12px;
}
#Label2 a:hover{
color:#000 !important;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8leOJtXmeW9qlObFLPnLnrZ7yDMX3-DRsLGz2lbkRRr2Z_F90Gx7mnCjSmYsBhaQwm6cBgZfe95Co5STmIDoGqq_b9LMYPNBeMsVD24S4Dc0d-dJH-qnz_Q6qEkUynb2fJRFmZfnjcrk/h120/bricks.png) center center repeat-x;
border:1px solid #ddd;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
font-size:10px !important;
text-decoration:none;
}

Cambiar el color en background:#9f3f50


No hay comentarios:

Publicar un comentario

Entradas aleatorias