Aqui vamos a personalizar imagenes de pwg es facil!!!
Botoncito verde (online) - Botoncito rojo (ofline)
Codigo :
<!-- <script>
|
<!--
|
document.write(unescape("INICIO%20CODIGO%20LMC"));
|
//-->
|
</script>-->
|
| |
#below_content{margin-bottom:-950px;}
|
font[color="green"]{
|
background-color:#9BFE07;
|
border:1px solid #00DC16;
|
color:#000000;
|
-moz-border-radius:8px;
|
-khtml-border-radius:7px;}
|
A{ text-decoration : none; }
|
| |
font[color="red"]{
|
background-color:#FF6060;
|
border:1px solid #FF0000;
|
color:#000000;
|
-moz-border-radius:8px;
|
-khtml-border-radius:7px;}
|
A{ text-decoration : none; }
|
| |
| |
{
|
| |
<!--<script>
|
<!--
|
document.write(unescape("%20FIN%20CODIGO%20"));
|
//-->
|
</script>--> //-->
|
</style>
|
</head>
|
<body id="hpb_cssonly">
|
<style type="text/css">
|
Imagen que esta inclinada y cuando pasas sobre el cursor sobre la imagen del comentario sera mas grande y se ponera fija!!!
Codigo :
|
|
|
|
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);
|
-webkit-transform:rotate(45deg);
|
-moz-transform:scale(1);
|
-moz-transform:rotate(45deg);
|
-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>
|
|
|
|
