Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje23-06-2011, 21:59 (UTC)    
Título del mensaje: Personaliza tus Comentarios PWG

Este codigo es el primero de varios que quiero hacer para personalizar los comentarios, asi que estare publicando mas por mi pagina


Codigo:
Cita:

<!--Codigo http://adan-2994.es.tl/Personaliza_comentarios_PWG.htm -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" ></script><script>$(function(e){
var imgPer=$('img[src^="http://profile.webme.com/profile/"]');imgPer.addClass("imagenComent");
var enlace=imgPer.parent().next().next();enlace.addClass("comentarioEnlace");
var comentario= imgPer.parent().parent().parent().next();comentario.addClass('comentarioTexto');
var linea=imgPer.parent().parent().parent().parent().parent().parent().next();linea.addClass("comentarioLinea");//HR
});</script>
<style type="text/css">
.imagenComent{margin-bottom:8px;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-o-transform:rotate(45deg);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
/* adan-2994.es.tl */
}
.imagenComent:hover{
opacity:1;
z-index:1;/*http://adan-2994.es.tl*/
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
box-shadow:3px 0px 9px black;
-webkit-box-shadow:3px 0px 9px black;
-moz-box-shadow:3px 0px 9px black;
}
.comentarioTexto{
/*Clase para los comentarios, puedes editar el color o tamaño*/
}
.comentarioLinea{
/*Linea que aparece abajo de los comentarios*/
}
.comentarioEnlace{
/*Color de el nombre de usuario */
}
</style>
<!--Codigo http://adan-2994.es.tl/Personaliza_comentarios_PWG.htm -->






Imagen Previa:




El codigo en color Naranja es el lugar donde ustedes pueden seguir editando, con CSS,
por ejemplo pueden cambiar el color de texto y tamaño, poner imagenes de fondo, Etc....


Fuente: http://adan-2994.es.tl/Personaliza_comentarios_PWG.htm
______________
COLECCION DE EMOTIKONOS PARA TU WEB PWG


Ultima edición por adan-2994 el Jue Jun 23, 2011 7:45 pm; editado 2 veces
Mensaje24-06-2011, 16:13 (UTC)    
Título del mensaje:

muy buen aporte adan
demasiado util me gusto mucho
______________
http://img.webme.com/pic/a/ayuda031/firma012221.png imagen redimensionada por exceso de tamaño
Mensaje24-06-2011, 16:22 (UTC)    
Título del mensaje:

Buen post adan, si ponemos tu efecto, y cambiamos los emoticones la web se ve más profecional.

Buen aporte
______________
Off
Mensaje24-06-2011, 19:19 (UTC)    
Título del mensaje:

fafo-ayuda escribió:
Buen post adan, si ponemos tu efecto, y cambiamos los emoticones la web se ve más profecional.

Buen aporte


Lo mismo opino! está muy lindo el aporte porque se hace una variación de lo que ya eztamos acostumbradoz!!!


______________

http://radiovijaer.es.tl/
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group