Hover no forum
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Hover no forum
Qual é minha questão:
Boa noite meus caros companheiros queria saber um seguinte codigo que desconfio ser css ou java, queria colocar de uma forma que ao membro passa o mouse sobre algum link de forun por exempli Vila da folha, apareça um hover ou uma caixa como aqui https://i.imgur.com/775ZI.jpg contendo algun conteudo a minha vontade seria possivel fornerce tal codigo?
Medidas que eu tomei para corrigir o problema:
...
Imagens do meu problema:
https://i.imgur.com/775ZI.jpg
Endereço do meu fórum:
http://www.narutorpgakatsuki.com/
Versão do meu fórum:
PHPBB3
Boa noite meus caros companheiros queria saber um seguinte codigo que desconfio ser css ou java, queria colocar de uma forma que ao membro passa o mouse sobre algum link de forun por exempli Vila da folha, apareça um hover ou uma caixa como aqui https://i.imgur.com/775ZI.jpg contendo algun conteudo a minha vontade seria possivel fornerce tal codigo?
Medidas que eu tomei para corrigir o problema:
...
Imagens do meu problema:
https://i.imgur.com/775ZI.jpg
Endereço do meu fórum:
http://www.narutorpgakatsuki.com/
Versão do meu fórum:
PHPBB3
Re: Hover no forum
ao passar o link sobre algum forum tipo vila da folha, entao aparece-se uma caixa como acima com o conteudo que mim de na telha. seria em foruns. sub foruns tantos faz.
Re: Hover no forum
Olá, sim entendo, poderia mandar o codigo que usa para dar este efeito na mensagem da pagina inicial?
Re: Hover no forum
Olá, Fiz um codigo de exemplo adicione-o na descrição de konoha e veja se resulta
- Código:
<table class="forabg chatline" background-image: url(http://i71.servimg.com/u/f71/16/11/23/46/titleb10.png) width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr><div class="table-title" background-image: url(http://i71.servimg.com/u/f71/16/11/23/46/titleb10.png)>
<th class="thHead" nowrap="nowrap" height="25" background-image: url(http://i71.servimg.com/u/f71/16/11/23/46/titleb10.png)><font color=#000000><b>Bem Vindo ao Super Onze Stars</b></font></th></div></tr>
<td><div style="font-family: Times New Roman;" class="p5"><div style="position: relative; bottom: 25px; text-shadow: 1px 1px 1px black; letter-spacing: 2px; text-align: center; width: 220px; margin-bottom: -17px; font-variant: small-caps; color:#4c1010;"><font size="5"><i><center>Konoha ;</center></i></font></div><div style="text-align: center;"><center><table><tbody><tr><td><div class="thumbnail"><a onmouseover="dimitri.src='http://4.bp.blogspot.com/-Fs2Ecta8jXk/TkaX2hO1VEI/AAAAAAAAAUE/OPRuF_YwqHw/s320/konoha.png'" onmouseout="dimitri.src='http://4.bp.blogspot.com/-Fs2Ecta8jXk/TkaX2hO1VEI/AAAAAAAAAUE/OPRuF_YwqHw/s320/konoha.png'"><div style="margin-top: -3px;"><img name="dimitri" alt="" src="http://desmond.imageshack.us/Himg832/scaled.php?server=832&filename=mv1c.png&res=medium" height="48" border="0" width="88"></div></a>
<span style="color: rgb(0, 0, 0);"><div class="tstaff" align="center"><div class="name" style="letter-spacing: 5px; font-variant: small-caps; margin-bottom: -1px;"><font size="3"><b>Konoha</b></font></div><font size="1"><div style="color: rgb(48, 48, 48);"> </div></font><br><div style="width: 100px; border: 2px dotted rgb(159, 159, 159); padding: 3px; margin: 10px 0px;"><img src="http://4.bp.blogspot.com/-Fs2Ecta8jXk/TkaX2hO1VEI/AAAAAAAAAUE/OPRuF_YwqHw/s320/konoha.png"></div><div style="letter-spacing: 3px; font-variant: small-caps; color:#4c1010;"><b>Konohagakure no Sato</b></div><a href="http://www.narutorpgakatsuki.com/f39-vila-da-folhakonoha">Entrar</a> — <a href="">Contacto</a></div></span></div></td
</tbody></table></center></div></div></td></tr></tbody></table>
<br><br><br><br></div>
<style>
.thumbnail{position:relative;z-index:0}.thumbnail:hover{background-color:transparent;z-index:50}.thumbnail span{-moz-border-radius:10px;-webkit-border-radius:10px;background-image:url(http://img210.imageshack.us/img210/5538/111pt.png);border-bottom:2px solid grey;border-radius:10px;border-right:1px solid grey;left:-1000px;padding:10px;position:absolute;text-align:justify;text-decoration:none;visibility:hidden}.thumbnail:hover span{left:-140px;top:-90px;visibility:visible;width:135px}.p1{-moz-border-radius-bottomleft:50px;-moz-border-radius-bottomright:50px;-moz-box-shadow:0 0 5px #cfc9b5;-webkit-border-radius:0 0 50px 50px;-webkit-box-shadow:0 0 5px #cfc9b5;background-image:url(http://img210.imageshack.us/img210/5538/111pt.png);border-bottom:solid 3px #cfc9b5;border-left:solid 2px #cfc9b5;border-radius-bottomleft:50px;border-radius-bottomright:50px;border-right:solid 2px #cfc9b5;border-top:solid 2px #cfc9b5;box-shadow:0 0 5px #cfc9b5;color:#cfc9b5;font-size:19px;font-variant:small-caps;letter-spacing:2px;margin:4px 2px -5px;padding:4px 0 5px;text-align:center;text-shadow:1px 1px 1px #000}.p2{-moz-border-radius:20px;-moz-box-shadow:0 0 5px grey;-webkit-border-radius:20px;-webkit-box-shadow:0 0 5px grey;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:solid 5px #BACCD3;border-left:solid 3px #BACCD3;border-radius:20px;border-right:solid 3px #BACCD3;border-top:solid 5px #BACCD3;box-shadow:0 0 5px grey;margin-right:20px;padding:7px}.p3{border:dotted 2px #9F9F9F;margin:0 10px 0 0;padding:3px}.p4{-moz-border-radius:10px;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:2px solid #BFBFBF;border-left:1px solid #BFBFBF;border-radius:10px;margin:0 2px;padding:5px;text-align:justify}
.p5{-moz-border-radius:10px;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:2px solid #BFBFBF;border-radius:10px;border-right:1px solid #BFBFBF;margin:0 2px;padding:10px;text-align:justify}
.p6{-moz-border-radius:10px;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:2px solid #BFBFBF;border-left:1px solid #BFBFBF;border-radius:10px;border-right:1px solid #BFBFBF;margin:0 2px;padding:5px;text-align:justify}textarea.inputbox{background-color:#cfc9b5}.profilentour{-moz-border-radius:20px;-moz-box-shadow:0 0 5px #cfc9b5;-webkit-border-radius:20px;-webkit-box-shadow:0 0 5px #cfc9b5;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:solid 5px #BACCD3;border-left:solid 3px #BACCD3;border-radius:20px;border-right:solid 3px #BACCD3;border-top:solid 5px #BACCD3;box-shadow:0 0 5px #cfc9b5;margin:15px 3px -9px;padding:3px 7px 7px;text-align:center!important}.avatarentour{-moz-border-radius:4px;-moz-box-shadow:0 0 5px #707070;-webkit-border-radius:4px;-webkit-box-shadow:0 0 5px #707070;background-image:url(http://img210.imageshack.us/img210/5538/111pt.png);border-radius:4px;box-shadow:0 0 5px #707070;margin-bottom:7px;padding:5px}.profilentinfos{-moz-border-radius:20px;-moz-box-shadow:0 0 5px #cfc9b5;-webkit-border-radius:20px;-webkit-box-shadow:0 0 5px #cfc9b5;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:solid 5px #BACCD3;border-left:solid 3px #BACCD3;border-right:solid 3px #BACCD3;border-top:solid 5px #BACCD3;box-shadow:0 0 5px #cfc9b5;margin:0 3px;padding:8px 7px 10px;text-align:center}
</style></div></div></table></div>
Re: Hover no forum
Tente este código:
Painel de Controle Visualização Cores Folha de Estilo Css
Adicione o código acima e veja se obtém resultados.
Painel de Controle Visualização Cores Folha de Estilo Css
- Código:
a.mainmenu:hover{
background-color: #CORDEFUNDO;
color : #CORDASLETRAS;
}
Adicione o código acima e veja se obtém resultados.
Re: Hover no forum
Olá, tente este
- Código:
<table class="forabg chatline" background-image: url(http://i71.servimg.com/u/f71/16/11/23/46/titleb10.png) width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr><div class="table-title" background-image: url(http://i71.servimg.com/u/f71/16/11/23/46/titleb10.png)>
<th class="thHead" nowrap="nowrap" height="25" background-image: url(http://i71.servimg.com/u/f71/16/11/23/46/titleb10.png)><font color=#000000><b>Bem Vindo ao Super Onze Stars</b></font></th></div></tr>
<td><div style="font-family: Times New Roman;" class="p5"><div style="position: relative; bottom: 25px; text-shadow: 1px 1px 1px black; letter-spacing: 2px; text-align: center; width: 100px; margin-bottom: -17px; font-variant: small-caps; color:#4c1010;"><font size="5"><i><center>Konoha ;</center></i></font></div><div style="text-align: center;"><center><table><tbody><tr><td><div class="thumbnail"><a onmouseover="dimitri.src='http://4.bp.blogspot.com/-Fs2Ecta8jXk/TkaX2hO1VEI/AAAAAAAAAUE/OPRuF_YwqHw/s320/konoha.png'" onmouseout="dimitri.src='http://4.bp.blogspot.com/-Fs2Ecta8jXk/TkaX2hO1VEI/AAAAAAAAAUE/OPRuF_YwqHw/s320/konoha.png'"><div style="margin-top: -3px;"><img name="dimitri" alt="" src="http://desmond.imageshack.us/Himg832/scaled.php?server=832&filename=mv1c.png&res=medium" height="48" border="0" width="88"></div></a>
<span style="color: rgb(0, 0, 0);"><div class="tstaff" align="center"><div class="name" style="letter-spacing: 5px; font-variant: small-caps; margin-bottom: -1px;"><font size="3"><b>Konoha</b></font></div><font size="1"><div style="color: rgb(48, 48, 48);"> </div></font><br><div style="width: 100px; border: 2px dotted rgb(159, 159, 159); padding: 3px; margin: 10px 0px;"><img src="http://4.bp.blogspot.com/-Fs2Ecta8jXk/TkaX2hO1VEI/AAAAAAAAAUE/OPRuF_YwqHw/s320/konoha.png"></div><div style="letter-spacing: 3px; font-variant: small-caps; color:#4c1010;"><b>Konohagakure no Sato</b></div><a href="http://www.narutorpgakatsuki.com/f39-vila-da-folhakonoha">Entrar</a> — <a href="">Contacto</a></div></span></div></td
</tbody></table></center></div></div></td></tr></tbody></table>
<br><br><br><br></div>
<style>
.thumbnail{position:relative;z-index:0}.thumbnail:hover{background-color:transparent;z-index:50}.thumbnail span{-moz-border-radius:10px;-webkit-border-radius:10px;background-image:url(http://img210.imageshack.us/img210/5538/111pt.png);border-bottom:2px solid grey;border-radius:10px;border-right:1px solid grey;left:-1000px;padding:10px;position:absolute;text-align:justify;text-decoration:none;visibility:hidden}.thumbnail:hover span{left:-140px;top:-90px;visibility:visible;width:100px}.p1{-moz-border-radius-bottomleft:50px;-moz-border-radius-bottomright:50px;-moz-box-shadow:0 0 5px #cfc9b5;-webkit-border-radius:0 0 50px 50px;-webkit-box-shadow:0 0 5px #cfc9b5;background-image:url(http://img210.imageshack.us/img210/5538/111pt.png);border-bottom:solid 3px #cfc9b5;border-left:solid 2px #cfc9b5;border-radius-bottomleft:50px;border-radius-bottomright:50px;border-right:solid 2px #cfc9b5;border-top:solid 2px #cfc9b5;box-shadow:0 0 5px #cfc9b5;color:#cfc9b5;font-size:19px;font-variant:small-caps;letter-spacing:2px;margin:4px 2px -5px;padding:4px 0 5px;text-align:center;text-shadow:1px 1px 1px #000}.p2{-moz-border-radius:20px;-moz-box-shadow:0 0 5px grey;-webkit-border-radius:20px;-webkit-box-shadow:0 0 5px grey;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:solid 5px #BACCD3;border-left:solid 3px #BACCD3;border-radius:20px;border-right:solid 3px #BACCD3;border-top:solid 5px #BACCD3;box-shadow:0 0 5px grey;margin-right:20px;padding:7px}.p3{border:dotted 2px #9F9F9F;margin:0 10px 0 0;padding:3px}.p4{-moz-border-radius:10px;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:2px solid #BFBFBF;border-left:1px solid #BFBFBF;border-radius:10px;margin:0 2px;padding:5px;text-align:justify}
.p5{-moz-border-radius:10px;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:2px solid #BFBFBF;border-radius:10px;border-right:1px solid #BFBFBF;margin:0 2px;padding:10px;text-align:justify}
.p6{-moz-border-radius:10px;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:2px solid #BFBFBF;border-left:1px solid #BFBFBF;border-radius:10px;border-right:1px solid #BFBFBF;margin:0 2px;padding:5px;text-align:justify}textarea.inputbox{background-color:#cfc9b5}.profilentour{-moz-border-radius:20px;-moz-box-shadow:0 0 5px #cfc9b5;-webkit-border-radius:20px;-webkit-box-shadow:0 0 5px #cfc9b5;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:solid 5px #BACCD3;border-left:solid 3px #BACCD3;border-radius:20px;border-right:solid 3px #BACCD3;border-top:solid 5px #BACCD3;box-shadow:0 0 5px #cfc9b5;margin:15px 3px -9px;padding:3px 7px 7px;text-align:center!important}.avatarentour{-moz-border-radius:4px;-moz-box-shadow:0 0 5px #707070;-webkit-border-radius:4px;-webkit-box-shadow:0 0 5px #707070;background-image:url(http://img210.imageshack.us/img210/5538/111pt.png);border-radius:4px;box-shadow:0 0 5px #707070;margin-bottom:7px;padding:5px}.profilentinfos{-moz-border-radius:20px;-moz-box-shadow:0 0 5px #cfc9b5;-webkit-border-radius:20px;-webkit-box-shadow:0 0 5px #cfc9b5;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:solid 5px #BACCD3;border-left:solid 3px #BACCD3;border-right:solid 3px #BACCD3;border-top:solid 5px #BACCD3;box-shadow:0 0 5px #cfc9b5;margin:0 3px;padding:8px 7px 10px;text-align:center}
</style></div></div></table></div>
Re: Hover no forum
continua bugando queria tipo ao passar o mouse neste link http://www.narutorpgakatsuki.com/f39-vila-da-folhakonoha abri-se a caixa.
Re: Hover no forum
Olá, fiz oque pude, se tiver alguem que deseje continuar fica o codigo:
Fui ao maximo de meu conhecimento sobre isso, lamento, até mais
- Código:
<table class="forabg chatline" background-image: url(http://i71.servimg.com/u/f71/16/11/23/46/titleb10.png) width="5%" border="0" cellspacing="0" cellpadding="0" align="center">
<td><div style="font-family: Times New Roman;" class="p5"><div style="position: relative; bottom: 25px; text-shadow: 1px 1px 1px black; letter-spacing: 2px; text-align: center; width: 180px; margin-bottom: -17px; font-variant: small-caps; color:#4c1010;"><font size="5"><i><center>Konoha ;</center></i></font></div><div style="text-align: center;"><center></center><table><tr><td><div class="thumbnail"><center><a onmouseover="dimitri.src='http://4.bp.blogspot.com/-Fs2Ecta8jXk/TkaX2hO1VEI/AAAAAAAAAUE/OPRuF_YwqHw/s320/konoha.png'" onmouseout="dimitri.src='http://4.bp.blogspot.com/-Fs2Ecta8jXk/TkaX2hO1VEI/AAAAAAAAAUE/OPRuF_YwqHw/s320/konoha.png'"></center><div style="margin-top: -3px;"><img name="dimitri" alt="" src="http://4.bp.blogspot.com/-Fs2Ecta8jXk/TkaX2hO1VEI/AAAAAAAAAUE/OPRuF_YwqHw/s320/konoha.png" height="150" border="0" width="150"></div></a>
<span style="color: rgb(159, 159, 159);"><div class="tstaff" align="center"><div class="name" style="letter-spacing: 0px; font-variant: small-caps; margin-bottom: -1px;"><font size="3"><b>Konoha</b></font></div><font size="1"><div style="color: rgb(48, 48, 48);"> </div></font><br><div style="width: 100px; border: 2px dotted rgb(159, 159,159); padding: 3px; margin: 10px 0px;"><img src="http://img809.imageshack.us/img809/4115/konohah.png"></div><div style="letter-spacing: 3px; font-variant: small-caps; color:#4c1010;"><b>Konohagakure no Sato</b></div><a href="http://www.narutorpgakatsuki.com/f39-vila-da-folhakonoha">Entrar</a> — Hokage: <a href="http://www.narutorpgakatsuki.com/u4">Katsura</a></div><a href="http://www.narutorpgakatsuki.com/f131-invasoes">Invasões</a> — <a href="http://www.narutorpgakatsuki.com/f64-portao-de-konoha">Portão</a></div>
</span></div></td
</table></center></div></div></td></tr></table>
<br><br><br><br></div>
<style>
.thumbnail{position:relative;z-index:0}.thumbnail:hover{background-color:transparent;z-index:50}.thumbnail span{-moz-border-radius:5px;-webkit-border-radius:10px;background-image:url(http://img210.imageshack.us/img210/5538/111pt.png);border-bottom:2px solid grey;border-radius:10px;border-right:1px solid grey;left:-1000px;padding:10px;position:absolute;text-align:justify;text-decoration:none;visibility:hidden}.thumbnail:hover span{left:-140px;top:-90px;visibility:visible;width:150px}.p1{-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-box-shadow:0 0 5px #cfc9b5;-webkit-border-radius:0 0 10px 10px;-webkit-box-shadow:0 0 5px #cfc9b5;background-image:url(http://img210.imageshack.us/img210/5538/111pt.png);border-bottom:solid 3px #cfc9b5;border-left:solid 2px #cfc9b5;border-radius-bottomleft:50px;border-radius-bottomright:10px;border-right:solid 2px
.p5{-moz-border-radius:10px;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:1px solid #BFBFBF;border-radius:10px;border-right:1px solid #BFBFBF;margin:0 2px;padding:10px;text-align:justify}
.p6{-moz-border-radius:10px;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:2px solid #BFBFBF;border-left:1px solid #BFBFBF;border-radius:10px;border-right:1px solid #BFBFBF;margin:0 2px;padding:5px;text-align:justify}textarea.inputbox{background-color:#cfc9b5}.profilentour{-moz-border-radius:20px;-moz-box-shadow:0 0 5px #cfc9b5;-webkit-border-radius:20px;-webkit-box-shadow:0 0 5px #cfc9b5;background-image:url(http://img51.imageshack.us/img51/3967/basefondp1.png);border-bottom:solid 5px #BACCD3;border-left:solid 3px #BACCD3;border-radius:20px;border-right:solid 3px #BACCD3;border-top:solid 5px #BACCD3;box-shadow:0 0 5px #cfc9b5;margin:15px 3px -9px;padding:3px 7px 7px;text-align:center!important}.avatarentour{-moz-border-radius:4px;-moz-box-shadow:0 0 5px #707070;-webkit-border-radius:4px;-webkit-box-shadow:0 0 5px #707070;background-image:url(http://img210.imageshack.us/img210/5538/111pt.png);border-radius:4px;box-shadow:0 0 5px #707070;margin-bottom:7px;padding:5px}.profilentinfos{-moz-border-radius:20px;-moz-box-shadow:0 0 5px #cfc9b5;-webkit-border-radius:20px;-webkit-box-shadow:0 0 5px #cfc9b5;
</style></div></div></table></div>
Fui ao maximo de meu conhecimento sobre isso, lamento, até mais
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos