Tutorial version 2.0

[trizia_gb]

En el anterior tuto, dije que no iba a volver a hacer ninguno. Pero veo que lo de poner pingüinos ha tenido éxito y como no me gusta repetir las cosas más de una vez, lo pongo aquí por escrito...

1. Buscad las imagenes por las que vais a sustituir el monigote. En famfamfam.com hay un set de iconitos monísimos, supongo que alguno encontrareis que os guste :D

2. Cuando hayais decidido la imagen, subidla a un servidor como photobucket o imageshack. Quedaros con el url.

3. Buscad en el código CSS algo como esto:
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background-image: url(http://img477.imageshack.us/img477/8792/bugdf9.png);
padding:16px 16px 0px 2px;
}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url(http://i139.photobucket.com/albums/q301/trizia_gb/elejota/Iconitos/tux.png);
padding: 16px 16px 0px 2px;
}

El primer código es el de las comus, el segundo el de los elejotas personales :D Símplemente copiad la url de la imagen que querais poner donde pone background-image. Donde pone padding, teneis que poner las medidas de la imagen en las dos primeras medidas, las dos últimas ponedlas tal y como están en el ejemplo, que sino la imagen se os pegará al enlace y quedará feo.

4. Si no teneis el código anterior, id aquí, poned la url y el tamaño de la imagen y él solo os dará los códigos. El resto es cosa de copiar y pegar :D

Extra porque vosotros lo valeis y por si a mi algún día se me pierden los códigos o algo así xDDDD



Que conste que toda mi sabiduría para poner iconitos en el mood, music y tal me la enseñó kate_angel *la achucha*

Pasos 1 y 2 igual que antes.

3. Copiad este código:
.currentmood {
font-size: 7pt;
font-family: "lucida sans", sans-serif;
line-height: 30px;
position: relative;
background-image: url(http://i139.photobucket.com/albums/q301/trizia_gb/elejota/Iconitos/heart.png);
padding-left: 15px;
background-repeat: no-repeat;
background-position: left center;}

Es el mismo código para todo, solo teneis que cambiar mood por location, music o tags. Donde pone background-image copiais el url de la imagen que quereis poner.

Y creo que con esto, no necesito hacer obras de caridad en los próximos 2 años xDDDDD La próxima entrada, con más fundamento, lo prometo. Y ya sabeis, dudas o sugerencias, todas por aquí :)

Besus!!!