codigo para comentario hover

Código:

<style> #comments h2, #comments h1, .comment-text a {display:none;}
#comments {left:0px; position:fixed; top:100px; z-index:4; background-image:url([font=Arial Black]url imagen[/font]); background-position:top left; border-style:solid; border-color:#0bcbff; width:0%; padding-left:40px;}
#comments .subsection {width:854px;}
#comments:hover {width:315px;}
textarea {width:300px; height:50px; background-image:url([font=Arial Black]url da imagen[/font]); font-size:12px; font-weight:bold !important; background-color:transparent;}
.comment img, .comment embed {display:none;}
.comment-picture a img {display:block;}
#comments .listitem-separator {display:none;}
#comments .content {overflow-x:scroll;}
#comments .comment {float:left; clear:none; width:34px; height:34px; background-color:#04adf2;}
#comments .comment:hover {width:165px; height:190px;}
.comment-text {width:150px !important; height:150px; overflow:auto; font-size:9px; font-weight:bold;}
.comment-picture {height:30px !important; width:30px;}
.comment-picture a img {width:30px; height:30px;}
#comments .subsection div {display:none;}
#comments .comment, .comment-picture, .comment-text {display: block!important;}
form {height:73px;}
.comment-picture {border-color:#bcf67d;
border-style:double; border-width:2px;}
.comment {background:url([font=Arial Black]url da imagen[/font]);background-repeat:repeat;}
.comment:hover {border:solid; border-color:#04adf2;}

esta em "ser exprementado" naos ei komo e ke ffikara ok sei e fika hover .

Para os leigos o que significa hover. é quando se passa o rato por cima de um texto ou imagem pode aparecer um sublinhado ou uma mudaça de cor e ou até uma mudaça de tamanho de um qualquer objecto. se errei agradeço que me corrijam Obrigado.

Storm escreveu:Para os leigos o que significa hover. é quando se passa o rato por cima de um texto ou imagem pode aparecer um sublinhado ou uma mudaça de cor e ou até uma mudaça de tamanho de um qualquer objecto. se errei agradeço que me corrijam Obrigado.

é isso mesmo storm nao erras te

Exatamente... Simplificando, hover é uma propriedade css que permite dar efeito aos elementos html ao passar do mouse ou seja rato.

codigo aprovadO . podem ver aki como e ke fika e brutal "http://www.hi5.com/friend/profile/displaySameProfile.do?userid=418283374

fica muito bom
bom post

obrigadO

Muito Bom! gostei do codigo

muito fiche mesmo este codigo

eu amei:D

mESMO FIXE PAH

Esse código é muito fixe e até dá para fazer umas brincadeiras um Abraço.

uma duvida... esse codigo para funcionar correctamente no meu perfil terei que tirar primeiro o codigo de ocultar comentarios!!!!!! certo=???

[quote]simm tens ke tirar ocultar comentarios....claro ke funciona

I.I escreveu:uma duvida... esse codigo para funcionar correctamente no meu perfil terei que tirar primeiro o codigo de ocultar comentarios!!!!!! certo=???

Certo! se estiver oculto nunca viras o resultado das alterezoes que fazes.

obrigado

Estamos aqui pra isso

Paulo Rosa eu tiri esse codigo, mais mesmo assim os comentarios não aparecem...

vé aqui deixo todos os codigos ezistentes no meu perfil :

Código:

<style>#hi5-common-header, #p_nav_header {display: none !important;}</style>
<style type="text/css">
#Mand { padding:0; margin:0 auto; list-style-type:none; overflow:hidden; width:495px; height:240px; border:1px solid #888; background:#fff url(http://img30.picoodle.com/img/img30/2/5/30/ixboy/f_mOd5Zd96395m_4035610.jpg);}

#Mand li { float:left;}

#Mand li a { display:block; height:240px; width:28px; overflow:hidden; float:left; text-decoration:none; border-right:1px solid #fff; cursor:default;}

#Mand li a img {border:0;}

#Mand li a:hover { background:#eee; width:320px;}
</style>
<style type="text/css">
#content-right {
  display: none;
}
table { empty-cells: hide; }
.bg_content table tbody tr td { width: 100%; }
#content-left { padding-left:250px; padding-right:250px;  }
.album {display:none;}
#footer {display:none;}
.gifts, #gifts, #gifts-content {display: none;}
iframe {display:none;}
#friends {display:none;}
#user-fives {display: none;}
#p_nav_header {display:none;}
#recent-updates {display:none;}
#profile-nav, #profile-name {display:none;}
#search_table {display:none;}
#journalDetail {display:none;}
#photoAlbums {display:none;}
#groups {display:none;}
#user-details {DISPLAY:none;}
#user-details .content {display:none;}
.p_container {DISPLAY:none;}
#lifestyle .box_profile_info_small_heading
{ display: none; }

#schools {display:none;}
#widgets {display:none;}
#videos {display:none;}
.emptyProfileInfo { display: none; } * { border: 0px !important; }
#interests {display:none;}
</style>
<style type="text/css"> a:hover {background-image:url(http://i220.photobucket.com/albums/dd245/Punkecas/qu0beu201846-03.gif);} </style>
<style type="text/css">a:hover {font-size: 20;}</style>
<style type="text/css">body {
background-color: #000000;
background-image: url(http://i381.photobucket.com/albums/oo256/Punkecashi5/abfundo.jpg);
background-repeat: repeat;
background-position: center left;
background-attachment: fixed;
background-repeat: no-repeat;
position: center;
}</style>

não tem aqui codigo de ocultar comentario, mais mesmo assim os coments continuam ñ aparecendo

Para alem de ocultares comentario, ocultaste a coluna direita. Apague este texto no teu codigo.
#content-right {
display:none;}

ok...

mais sabes paulo eu mete esse codigo no personalizar perfil deste outro hi5 que também é meu e também não funciona da uma olhada aqui neste meu hi5

http://ismaelixboy.hi5.com

no personalizar nao funcionara Meu mete nos interreses pk ai ke vai dar

também tentei nos interesses Sล∂uηy...

sabes é acho melhor ires no teu perfil texte onde tem o codigo ja a funcionar e certificar se o codigo esta da mesma maneira com este que meteste aqui no fórum... por favor...

Nao se desespere, tudo tem sempre uma soluçao
acredito que amanha bem cedo o teu problema vai dar um passo para a resolução, nao tenho o abito de mexer o PC a noite, aliais, nao me deixam... De noite so com o telefone!

I.I escreveu:também tentei nos interesses Sล∂uηy...

sabes é acho melhor ires no teu perfil texte onde tem o codigo ja a funcionar e certificar se o codigo esta da mesma maneira com este que meteste aqui no fórum... por favor...

ok vou por aki komo eu tenho no meu hi5 testes ---

Código:

<style type="text/css"> .emptyProfileInfo {display:none;} </style><style type="text/css">#about-right div {visibility:hidden;}
#xabout-right, #vanity-bars, .vanity-bar, .vanity-bar div,
.vanity-bar div div, .p_clear, .vanity-title,
.subsection-separator {visibility:visible !important;}</style><style type="text/css">
#lifstyle {
position:relative;
top: 100px;
bottom:100px;
right: 100px;
left: 100px; }
</style><style> #comments h2, #comments h1, .comment-text a {display:none;}
#comments {left:0px; position:fixed; top:100px; z-index:4; background-image:url([font=Arial Black]url imagen[/font]); background-position:top left; border-style:solid; border-color:#0bcbff; width:0%; padding-left:40px;}
#comments .subsection {width:854px;}
#comments:hover {width:315px;}
textarea {width:300px; height:50px; background-image:http://img524.imageshack.us/img524/549/comentaeo0.gif); font-size:12px; font-weight:bold !important; background-color:transparent;}
.comment img, .comment embed {display:none;}
.comment-picture a img {display:block;}
#comments .listitem-separator {display:none;}
#comments .content {overflow-x:scroll;}
#comments .comment {float:left; clear:none; width:34px; height:34px; background-color:#04adf2;}
#comments .comment:hover {width:165px; height:190px;}
.comment-text {width:150px !important; height:150px; overflow:auto; font-size:9px; font-weight:bold;}
.comment-picture {height:30px !important; width:30px;}
.comment-picture a img {width:30px; height:30px;}
#comments .subsection div {display:none;}
#comments .comment, .comment-picture, .comment-text {display: block!important;}
form {height:73px;}
.comment-picture {border-color:#bcf67d;
border-style:double; border-width:2px;}
.comment {background:url([font=Arial Black]url da imagen[/font]);background-repeat:repeat;}
.comment:hover {border:solid; border-color:#04adf2;}<style type="text/css">#xabout-right,#xabout-center { display: none !important;} #user-details{width:954px;}
 .action-link { display: none !important; }
#user-links a,#user-links img{display:inline;
padding: 3px 3px 3px 3px;} #user-links{width:930px;} #user-links img{position:relative; left: 3px;}
</style><style type="text/css"> #user-picture a img {width:200px;height:200px;}

#user-picture {height:200px !important;width:200px;} </style><style> body {
background-image: url('http://i42.tinypic.com/334m4gl.jpg');
background-attachment: fixed;
background-repeat: repeat;
} </style><style type="text/css"> #abuse-links {display:none;}</style><style type="text/css">#hi5-common-header {display:none}</style><style type="text/css">#user-fives {display: none;}</style><style type="text/css">#interests {display:none;}</style><style type="text/css">#journalDetail {display:none;}</style><style type="text/css">#videos {display:none;}</style><style type="text/css">#groups {display:none;}</style><style type="text/css">#photoAlbums {display:none;}</style><style type="text/css">#_schools {display:none;}</style><style type="text/css">#widgets {display:none;}</style><style type="text/css">#profile-nav {display:none;}</style><style type="text/css">#friends {display:none;}</style><style type="text/css">#recent-updates {display:none;}</style><style type="text/css">#hifi5 {display:none;}</style><style type="text/css">#footer {display:none;}</style>

em personalizar___

<style type='text/css'>
<style>
#user-links img{border:2px solid #ff0000;}
#user-links img:hover {border-width:0px!important;}
#user-links a {font-size:0px!important; }
#user-links a:hover{font-family:Verdana !important;
font-weight: bold;font-size:11px!important;color: #FF0000;
text-decoration:none;border:2px dashed #ff0000;}
</style><style type="text/css">
button.primary {
font-weight: bold;
}
button {
font-size: 14px;
overflow: visible;
padding: 3px 7px;
margin-top: 5px;
}
.dialog-first {
margin-top: 0px;
font-weight: bold;
width: 100%;
padding-bottom: 3px;
color: #333333;
border-bottom: 1px solid #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.3em;
margin-bottom: 10px;
}
.section .comment-text {
margin: 10px 0 0 15px;
width: 440px;
float: none;
overflow: auto;
}
.section h1 a {
font-size: 14px;
height: 30px;
line-height: 30px;
}
</style>
</style>

No firefox funciona perfeitamente mas no Internet explorer nao fica nada bem