DanGrecks ~ ¡Ayuda WebMaster!

Cambiar Emoticonos PWG

Para ver más Codigos de Emoticonos Click Aquí, Cambiar emoticonos de PWG, es sencillo, utilizaremos CSS para ocultar las imagenes de los emoticonos, y mostrar otra, que en nuestro caso seria un nuevo"Smiley".

Para poder cambiarlos necesitamos seleccionar solo las imagenes que tengan su SRC (img src"asd), la dirección de uno de los emoticonos.

Ejemplo:
<img src="http://theme.webme.com/smiles/wink.gif">


<style type="text/css"> img[src="http://theme.webme.com/smiles/wink.gif"]{ height:0;width:0; background-image:url(http://oi42.tinypic.com/2ewlbbo.jpg); background-repeat:no-repeat; padding:16px; }</style>

<!-- codigo por http://dangrecks.es.tl/Cambiar-Emoticonos-PWG.htm --> <style type="text/css"> img[src="http://theme.webme.com/smiles/wink.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:19px;background-size:250px; background-position: 93% 100%; } img[src="http://theme.webme.com/smiles/smiley.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:18px;background-size:250px; background-position: 92% 3%; } img[src="http://theme.webme.com/smiles/cheesy.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:18px;background-size:250px; background-position: 28% 99%; } img[src="http://theme.webme.com/smiles/angry.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:18px;background-size:235px; background-position: 93% 50%; } img[src="http://theme.webme.com/smiles/sad.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:18px;background-size:250px; background-position: 8% 3%; }/*codigo por http://adan-2994.es.tl/Tutorial_cambiar_emoticonos_de_PWG.htm */ img[src="http://theme.webme.com/smiles/shocked.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:18px;background-size:250px; background-position: 48% 99%; } img[src="http://theme.webme.com/smiles/cool.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:21px;background-size:250px; background-position: 47% 27%; } img[src="http://theme.webme.com/smiles/huh.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:18px;background-size:250px; background-position: 47% 3%; } img[src="http://theme.webme.com/smiles/rolleyes.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:18px;background-size:250px; background-position: 29% 27%; } img[src="http://theme.webme.com/smiles/tongue.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:18px;background-size:250px; background-position: 8% 75%; } img[src="http://theme.webme.com/smiles/undecided.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:18px;background-size:250px; background-position: 8% 50%; } img[src="http://theme.webme.com/smiles/cry.gif"]{ width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat; padding:20px;background-size:250px; background-position: 70% 75%; } </style>

Copiamos y pegamos en "Advertencia Referente al Campo de Contenido".

Espero te haya servido el tutorial, si tienes una duda no dudes en ponerte en contacto conmigo.