:: CP - Recursos Web :: - Personalizar imagen de comentarios

Personalizar imagen de comentarios

Personalizar imágen de comentarios

Este recurso te permitira crear el efecto que las imágenes de los comentarios (Perfiles) se agranden al pasar el cursor sobre ellas.
Sirve para el extra comentarios, libro de visitas y el foro.

[ Ejemplo: ]

NO HAY EJEMPLO DISPONIBLE

Información:
Nombre: Personalizar imágen de comentarios
Fecha: 10-02-2012
Creditos: Adan-2994.es.tl
Garantia: Si ?

Enlazanos:

Califica este recurso:

[ CÓDIGOS: ]

- Por encima de la pagina o extra head:

<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");
});</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;border:1px solid #999;margin:3px;padding:3px;}
.imagenComent:hover{opacity:1;z-index:1;-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 #006699;-moz-box-shadow:3px 0px 9px black;}
</style>

Apuntes
Solo copia y pega el código en el box por encima de la pagina y guarda los cambios.
PD. Este recurso utiliza jquery, si ya tienes jquery en otros codigo no es necesario que lo coloques nuevamente.
A este código nos referimos: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" ></script> - Para cualquier consulta visita nuestro Foro de soporte.

Ya lo han visto 274 visitantesGracias por tu visita!

Recomendamos:

| CERRAR