codigo para comentario hover

Página 1 de 2 1, 2  Seguinte

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

codigo para comentario hover

Mensagem por Saduny em 2009-05-26, 6:44 pm

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 .


avatar
Saduny
Moderador

Masculino
Posts : 422 País de Origem :

Ver perfil do usuário http://correiacv.hi5.com/friend/p418283374--+%C2%A2%CF%83%D1%8F%

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Storm em 2009-05-26, 7:40 pm

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.


Última edição por Storm em 2009-05-26, 10:55 pm, editado 1 vez(es)


avatar
Storm
Sub Admin

Masculino
Posts : 852 País de Origem :

Ver perfil do usuário http://pwp.netcabo.pt/fernando.martim/

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Saduny em 2009-05-26, 8:26 pm

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


avatar
Saduny
Moderador

Masculino
Posts : 422 País de Origem :

Ver perfil do usuário http://correiacv.hi5.com/friend/p418283374--+%C2%A2%CF%83%D1%8F%

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Lyrical em 2009-05-26, 8:57 pm

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



Paulo Rosa aka lyrical / lirycal_s, from Beira Moçambique, Mtc, é um graffiteiro um dos melhores que ja vi, free vector wallpaper graffiti
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Saduny em 2009-05-27, 3:06 pm

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


avatar
Saduny
Moderador

Masculino
Posts : 422 País de Origem :

Ver perfil do usuário http://correiacv.hi5.com/friend/p418283374--+%C2%A2%CF%83%D1%8F%

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por MR.Eriv em 2009-06-01, 3:42 pm

fica muito bom
bom post


avatar
MR.Eriv
Moderador

Masculino
Posts : 254 País de Origem :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Saduny em 2009-06-01, 7:07 pm

obrigadO Very Happy Very Happy


avatar
Saduny
Moderador

Masculino
Posts : 422 País de Origem :

Ver perfil do usuário http://correiacv.hi5.com/friend/p418283374--+%C2%A2%CF%83%D1%8F%

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Lyrical em 2009-06-02, 9:02 am

Muito Bom! gostei do codigo



Paulo Rosa aka lyrical / lirycal_s, from Beira Moçambique, Mtc, é um graffiteiro um dos melhores que ja vi, free vector wallpaper graffiti
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por I.I em 2009-06-02, 2:58 pm

muito fiche mesmo este codigo
avatar
I.I
Membro de Honra
Membro de Honra

Masculino
Posts : 142 País de Origem :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por justhyno em 2009-06-02, 9:13 pm

eu amei:D
avatar
justhyno
Moderador

Masculino
Posts : 92 País de Origem :

Ver perfil do usuário http://mig33ultimate.wap.sh

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por marta123 em 2009-06-03, 1:00 pm

mESMO FIXE PAH Surprised
avatar
marta123
Membro de Honra
Membro de Honra

Feminino
Posts : 109 País de Origem :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Storm em 2009-06-03, 1:11 pm

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


avatar
Storm
Sub Admin

Masculino
Posts : 852 País de Origem :

Ver perfil do usuário http://pwp.netcabo.pt/fernando.martim/

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por I.I em 2009-06-03, 2:25 pm

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

Masculino
Posts : 142 País de Origem :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Saduny em 2009-06-03, 2:28 pm

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


avatar
Saduny
Moderador

Masculino
Posts : 422 País de Origem :

Ver perfil do usuário http://correiacv.hi5.com/friend/p418283374--+%C2%A2%CF%83%D1%8F%

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Lyrical em 2009-06-03, 2:34 pm

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.



Paulo Rosa aka lyrical / lirycal_s, from Beira Moçambique, Mtc, é um graffiteiro um dos melhores que ja vi, free vector wallpaper graffiti
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por I.I em 2009-06-03, 3:25 pm

obrigado
avatar
I.I
Membro de Honra
Membro de Honra

Masculino
Posts : 142 País de Origem :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Lyrical em 2009-06-03, 3:29 pm

Estamos aqui pra isso



Paulo Rosa aka lyrical / lirycal_s, from Beira Moçambique, Mtc, é um graffiteiro um dos melhores que ja vi, free vector wallpaper graffiti
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por I.I em 2009-06-03, 4:02 pm

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://illiweb.com/fa/pbucket.gif);} </style>
<style type="text/css">a:hover {font-size: 20;}</style>
<style type="text/css">body {
background-color: #000000;
background-image: url(http://illiweb.com/fa/pbucket.gif);
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
avatar
I.I
Membro de Honra
Membro de Honra

Masculino
Posts : 142 País de Origem :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Lyrical em 2009-06-03, 4:33 pm

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



Paulo Rosa aka lyrical / lirycal_s, from Beira Moçambique, Mtc, é um graffiteiro um dos melhores que ja vi, free vector wallpaper graffiti
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por I.I em 2009-06-03, 4:55 pm

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
avatar
I.I
Membro de Honra
Membro de Honra

Masculino
Posts : 142 País de Origem :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Saduny em 2009-06-03, 5:52 pm

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


avatar
Saduny
Moderador

Masculino
Posts : 422 País de Origem :

Ver perfil do usuário http://correiacv.hi5.com/friend/p418283374--+%C2%A2%CF%83%D1%8F%

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por I.I em 2009-06-03, 8:07 pm

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...
avatar
I.I
Membro de Honra
Membro de Honra

Masculino
Posts : 142 País de Origem :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Lyrical em 2009-06-03, 8:34 pm

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!



Paulo Rosa aka lyrical / lirycal_s, from Beira Moçambique, Mtc, é um graffiteiro um dos melhores que ja vi, free vector wallpaper graffiti
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Saduny em 2009-06-03, 8:54 pm

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>


avatar
Saduny
Moderador

Masculino
Posts : 422 País de Origem :

Ver perfil do usuário http://correiacv.hi5.com/friend/p418283374--+%C2%A2%CF%83%D1%8F%

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Lyrical em 2009-06-04, 8:55 am

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



Paulo Rosa aka lyrical / lirycal_s, from Beira Moçambique, Mtc, é um graffiteiro um dos melhores que ja vi, free vector wallpaper graffiti
avatar
Lyrical
Administrador

Masculino
Posts : 1146 País de Origem :

Ver perfil do usuário http://urbanzone.withme.us

Voltar ao Topo Ir em baixo

Re: codigo para comentario hover

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Página 1 de 2 1, 2  Seguinte

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum