Kuma's designs: [ Tutorial ] Cute Pink & Mangeta List

Hooooooooola!

What's up beautiful people?

Hoy estoy muy feliz! ...WHY?! ...Pues porque en menos de 4 días ya hemos logrado llegar a los 31 seguidores!!!!!!!!!!!! #noposmemato

En serio muchas gracias por apoyarme en este momento de resurgimiento. Y me levantaré de las cenizas, como el gato Felix

(?)

Por favor no dejen de apoyarme en este proyecto, para así llegar a ser un gran número de gente bonita YEY! ...Más sobre el proyecto [ AQUI ]

Ahora sí comencemos con el tutorial del día de hoy

Tutorial

Esta pequeña sección toda pinky es una lista, la cual uso para brindar información del blog. Espero este tutorial sea de tu agrado.

1RO: Ve a tu PLANTILLA → Editar HTML, luego presiona los botones CONTROL + F y busca ]]></b:skin>
2DO: Arriba de eso pega el sgte. código y clic en GUARDAR PLANTILLA

/* Cute Pink & Mangeta List
----------------------------------------------- */
#pmlist1 {
color: #f42dcd; /* texto color*/
text-shadow: 0px 1px 0px #fff, -1px 0px 0px #fff; /* texto sombra */
font-size: 12px;
background:#fcc5f1; /* fondo color */
width: 128px; /* contenedor ancho */
height: 12px;
float: left;
padding: 2px 6px 6px 6px;
margin-bottom: 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px #fdc4f2; /* contenedor sombras */
-moz-box-shadow: inset 0 0 5px #ffd7f7;
box-shadow: inset 0 0 5px #f297e0;
}
#pmlist2 {
color: #ff90e9; /* texto color*/
text-shadow: 0px 1px 0px #fff, -1px 0px 0px #fff; /* texto sombra */
font-size: 12px;
background:#ffe4fa; /* fondo color */
width: 128px; /* contenedor ancho */
height: 12px;
float: left;
padding: 2px 6px 6px 6px;
margin-bottom: 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px #fddef7; /* contenedor sombras */
-moz-box-shadow: inset 0 0 5px #fff4fd;
box-shadow: inset 0 0 5px #ffd6f7;
}

3RO: Y último. Desde DISEÑO agrega un nuevo gadget de HTML/JavaScript y pega el sgte. código.

PERSONALIZACIÓN:

Dentro del primer código he dejado señalado que es cada cosa, así que su modificación será muy fácil. Como cambiar el color de letra y fondo, así como modificar el ancho del contenedor.
Si el caso fuera que quisieras aumentar más cuadros a la lista, sólo tienes que pegar los sgtes. códigos.

CONTENEDOR MAGENTA

CONTENEDOR ROSADO