Aparecer comentarios al pasar el mouse

[dunkelheit]

Aparecer comentarios al pasar el mouse

<style type="text/css">
#comments .listitem-separator {background: #ffffff !important;}
.comment {height:105px !important;}
.comment:hover {height:100% !important;overflow-y:auto;}

.comment-picture {height:100px !important;width:100px;border:Solid #000000 1px;}
.comment-picture a img {width:100px;height:100px;}
.comment-picture img{filter:Progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=5);}
.comment:hover .comment-picture img{filter:();}

.comment-text {color:#c0c0c0 ;padding:5px 5px 10px 60px;
background:#000000 url();
background-repeat:no-repeat;width:190px !important;
border:Solid #000000 3px;border-top:solid #000000 20px;}
</style>

donde dice url() pueden poner la direccion de una imagen de fondo.
cualquier duda postearla.
saludos

[TuttO =)]

jeje ps ami si me FunCiona en IE..!! whahaha...

SaluDoS!...

[dunkelheit]

Ala que si?? debe ser en el IE 7 porque en el IE 6 no funciona por eso tenia la duda :S ^^

[thepow]

Algo parecido.. =) menos codigo.

<style type="text/css">
.comment {
height: 60px;
}
.comment:hover {
height: 100%;
overflow-y: auto;
}
</style>

firefox / ie compatible

Saludos

[Vegeta]

Este code sirve para que se oculten tus comentarios y al pasar el mouse se muestren y que la imagen del que te dejo el comen se haga mas grande al pasar el mouse el filtro solo sirve para internet explorer 7 u 8 beta

<style type="text/css">
.comment {height:105px !important;}
.comment:hover {height:100% !important;overflow-y:auto;}
.comment-picture{height:150px !important;width:100px;border: SOLID black 0px;}
.comment-picture a img:hover {height:150px !important;width:150px;border: SOLID black 0px;}
.comment-picture a img {width:100px;height:100px;}
.comment:hover {background-image:url(URL DE LA IMAGEN DE FONDO AL PASAR EL MOUSE)}
.section .comment-text {
filter:Glow(color=blue,strength=12);height:12;
font-family:Baskerville, "Comic Sans MS", Symbol, sans-serif
}
.comment-text:first-letter { font-size: 200%; color:blue light; }
#comments .subsection {height:100px!important;}
#comments .subsection:hover {height:100%!important;}
#comments .listitem-separator {display: block;background:url(URL DE LA IMAGEN DE SEPARADOR) !important;height: 20px! important;background-repeat: no-repeat! important;background-position: center! important; }
</style>

EJEMPLO

[KORE]

y el zice del scrollbar esta muy pequenio d q parte lo puedo cambiar??

[dunkelheit]

donde esta el scroll y diga height mientras mas grande el numero mas grande el scroll

[KORE]

donde esta el scroll y diga height mientras mas grande el numero mas grande el scroll

pero en el code q dio vegget n ninwuna parte dice scroll ayuda pod fa muzhias grax

[dunkelheit]

al referirme scroll quiere decir la sentencia "overflow" =D ai esta a su costado sale un height modificalo

[butterfly09]

necesito saber el porque no se muestra mi separador de comentarios???
soy nueva en esto... help me plisss

[*Aηnghеll-]

Hola.. Bienvenida al foro..
postea tu codigo..
para ver si tiene algun error..
o derrepente es que esta chocando otro codigo por eso no se ve (:

[butterfly09]

Hola.. Bienvenida al foro..
postea tu codigo..
para ver si tiene algun error..
o derrepente es que esta chocando otro codigo por eso no se ve (:

pue lo pongo asi como sale
se q hay q poner un url... pero es necesario poner eso
y aki el code de mi separador de commets
<style type="text/css">#comments .listitem-separator {display: block;background:url(http://img78.imageshack.us/img78/8679/835453s5gbo9k7y6wx8.gif) !important;height: 20px! important;background-repeat: no-repeat! important;background-position: center! important; } </style>



y gracias....

[*Aηnghеll-]

Hola..

probe tu codigo.. y funciona muy bien..
ahora una pregunta..
haz copiado el codigo de arriba tal y como esta..

porque creo que estaria chocando con el de tu separador..
porque en el codigo de arriba aparece esto:

"#comments .listitem-separator {background: #ffffff !important;}"

lo cual indica que el separador sea de un color..
y en tu codigo dice que el separador sea una imagen..

trata de borrar esa parte de tu codigo..
o mejor.. (si no solucionas tu problema)
postea todo tu codigo..
para ver si el del separador no choca con ningun otro codigo.. suerte (:

[butterfly09]

Hola..

probe tu codigo.. y funciona muy bien..
ahora una pregunta..
haz copiado el codigo de arriba tal y como esta..

porque creo que estaria chocando con el de tu separador..
porque en el codigo de arriba aparece esto:

"#comments .listitem-separator {background: #ffffff !important;}"

lo cual indica que el separador sea de un color..
y en tu codigo dice que el separador sea una imagen..

trata de borrar esa parte de tu codigo..
o mejor.. (si no solucionas tu problema)
postea todo tu codigo..
para ver si el del separador no choca con ningun otro codigo.. suerte (:

ariagato
me sirvio de muxo pero busco uno el cual ademas de ocultar el comment y mostrarlo al pasar el mouse y q no choke con el separador... muestre la foto de la persona q me dejo el comment...
similar al q tienen en
http://cssdire.hi5.com
pero con el separador

[*Aηnghеll-]

que¿

como que MUESTRE LA FOTO DE LA PERSONA..

Si cuando te dejan un coment.. sale la foto

acaso en tu hi5 no se muestra la FOTO.. ?

[Checa lo Nuevo!!!]

  Checa lo Nuevo!!!
     Twitter
     Informatica
  Batallas
     (H) Batallas
     (MS) Batallas
     (D) Batallas Individuales
  Ultimo Tutorial
     (Ps) Fotos HDR
  Complementos (D)
     (Ps) efecto glossy

Copy this|Start New|Full Size

• Barb Taiii - 145
• Vɑnessɑ Trujillo - 70
• Djxxx - 51
• dunkelheit - 51
• *Aηnghеll- - 48
• « REYES » - 36
• jordieB - 36
• Venom Mkr - 33
• KORE - 26
• H U G O™ - 26