Efeito hover nos sub fóruns

Item: Efeito hover nos sub fóruns
Rating: 1

por killerplay 28.01.13 21:49

Qual é minha questão:
Gostaria de Saber como faz o Efeito Hover nos Sub Foruns igual o do www.narutorpgakatsuki.com
Ele está invisivel ai quando coloca o mouse por cima eles aparecem!

Imagem sem o Mouse > https://2img.net/h/oi49.tinypic.com/xepqxc.png
Imagem com o MOuse > https://2img.net/h/oi50.tinypic.com/vxmekn.png

a Versao do Meu FOrum e PunBB

Endereço do meu fórum:
https://ajuda.forumeiros.com

Versão do fórum:
PHPBB3

por Ace 29.01.13 1:01

Olá,

Leia:

https://ajuda.forumeiros.com/t56821-

Ao invés de adicionar os responsáveis, adicione a descrição.

Até Mais.

por killerplay 29.01.13 1:43

Poderia explicar este tutorial, Onde COloco os Links e como faco pra que eles fiquem do jeito que eu pedi!

Agradecido!

por Oto! 29.01.13 14:08

Olá amigo,

Basta apenas você ler o tutorial corretamente com atenção que entenderá, nosso amigo Ace já lhe mostrou o link. Está tudo detalhadamente explicado no tutorial!

Até mais.

por killerplay 29.01.13 21:23

Eu não quero a descrição..
Eu quero colocar os Sub-Foruns.. custa alguem ajudar?
Estou quebrando a cabeça com isso a dias ja Triste

por Roevs 29.01.13 21:25

Olá,

Eu preciso do link de seu fórum para eu fazer o código

Até

por killerplay 29.01.13 21:30

Aqui está amigo!
[url=narutoshinobilegend.ativoforum.com]Naruto Shinobi Legend[/url]

por Roevs 29.01.13 21:33

Olá,

Tente adicionar este código em sua Folha de estilo CSS

Código:: .descri { -moz-transition-duration: .8s; -o-transition-duration: .8s; -webkit-transition-duration: .8s; opacity: 0; transition-duration: .8s; }

Até

por killerplay 29.01.13 21:42

Não Funcionou! Triste

por Roevs 29.01.13 21:45

Olá,

Tente este

Código:: .descri:hover { -moz-transition-duration: .8s; -o-transition-duration: .8s; -webkit-transition-duration: .8s; opacity: 0; transition-duration: .8s; }

Até

por killerplay 29.01.13 21:51

Olha la, ta ao contrario e esta aparecendo tudo!
Quero que fique em hover somente os sub-foruns!
Obrigado!

por Roevs 29.01.13 21:54

Olá,

Tente este código

Código:: ul.topiclist dd.dterm, ul.topiclist dt:hover { -moz-transition-duration: .8s; -o-transition-duration: .8s; -webkit-transition-duration: .8s; opacity: 0; transition-duration: .8s; }

Até

por killerplay 29.01.13 21:56

Não Funcional..

por Roevs 29.01.13 21:57

Olá,

Tente este

Código:: ul.topiclist dd.dterm:hover, ul.topiclist dt:hover { -moz-transition-duration: .8s; -o-transition-duration: .8s; -webkit-transition-duration: .8s; opacity: 0; transition-duration: .8s; }

Até

por killerplay 29.01.13 21:58

Não!

por Roevs 29.01.13 22:01

Olá,

Poderia me informar se a versão de seu fórum e Phpbb3 mesmo ?

Até

por killerplay 29.01.13 22:01

o Forum é http://narutoshinobilegend.ativoforum.com/forum
Versão PunBB

por Roevs 29.01.13 22:04

Olá,

Então por isso que não esta funcionando o código que eu passei foi para Phpbb3 então mude no seu tópico para Punbb agora teste este código

Código:: td.tcl:hover { -moz-transition-duration: .8s; -o-transition-duration: .8s; -webkit-transition-duration: .8s; opacity: 0; transition-duration: .8s; }

Até

por killerplay 29.01.13 22:06

Olha,ta ao contrario de novo Triste

Deve ser alguma coisa no CSS ou no Index_box ou nao?

por Roevs 29.01.13 22:15

Olá,

Não e porque estou meio burrinho hoje e não to conseguindo pegar a Class dos sub fóruns mais tente este

Código:: td.tcl .subf { -moz-transition-duration: .8s; -o-transition-duration: .8s; -webkit-transition-duration: .8s; opacity: 0; transition-duration: .8s; }

Até

por killerplay 29.01.13 22:16

kk

Xi nao deu :X

por Roevs 29.01.13 22:21

Olá,

To falando que estou meio lesado hoje esqueci de uma coisa no codigo

Código:: td.tcl .subf:hover{ -moz-transition-duration: .8s; -o-transition-duration: .8s; -webkit-transition-duration: .8s; opacity: 0; transition-duration: .8s; }

At[e

por killerplay 29.01.13 22:27

Ja tinha imaginado e feito isso, mais nao deu!

Tenta usar esse codigo em algum forum seu,da mesma versão!
Fica Mais facil ou nao?

por Roevs 29.01.13 22:44

Olá,

Acho que já sei primeiro vamos precisar fazer uma edição no template, me passa o seu template index_box

Até

por killerplay 29.01.13 22:46

Aqui está :

Código:: <div class="pun-crumbs"> <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p> </div> <div class="main">   <div class="main-head"> <span style="color: SandyBrown;">••</span><span class="page-title" style="font-family: Times New Roman !important;">{catrow.tablehead.L_FORUM}</span> </div> <div class="main-content"> <table cellspacing="0" class="table"> <thead> <tr> <th class="tcl" style="background-image: url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);"> </th> <th class="tcr" style="background-image: url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);"> </th> </tr> </thead> <tbody class="statused" style="background-color: transparent !important;">   <tr> <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};" style="background-color: white !important;"> <div class="descri"> <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}> <br /> {catrow.forumrow.FORUM_DESC}<span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};"> </span>  <br /> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<br /><br /><br /> <span style="color: SandyBrown;">••</span><font style="font-family: verdana; font-size: 10px; color: orange;"> Há {catrow.forumrow.TOPICS} topicos e {catrow.forumrow.POSTS} Mensagens</font> </div> </td> <td class="tcr"> <div id="last-post"> <span >  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />  {catrow.forumrow.USER_LAST_POST} </span> </div> </td> </tr>   </tbody> </table> </div>   </div>  <div class="main-box clearfix"> <ul> <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li> <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li> <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li> </ul>  <p class="right"> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> </p>  </div>

Sé Puder arrumar também, nao da pra colocar o avatar do Last Post, ja fiz todos os tutorias e nao funciona, acho que tem alguma coisa bugando.. e nao é as paginas JS em conflito porque eu deleto todas mesmo assim nao funciona..

Abracos! Estou aguardando!

por killerplay 01.02.13 0:34

UP e Edit!

Meu Novo Index_box e esté Quakeline

Código:: <div class="pun-crumbs"> <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p> </div> <div class="main">   <div class="main-head"> <div class="page-title">{catrow.tablehead.L_FORUM}</div> </div> <div class="main-content"> <table cellspacing="0" class="table"> <thead> <tr> <th class="tcl">{L_FORUM}</th> <th class="tc2">{L_TOPICS}</th> <th class="tc3">{L_POSTS}</th> <th class="tcr">{L_LASTPOST}</th> </tr> </thead> <tbody class="statused">   <tr> <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};"> <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </span> <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}> <br /> {catrow.forumrow.FORUM_DESC}  <br /> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<br /><br /><br /> <span style="color: SandyBrown;">••</span><font style="font-family: verdana; font-size: 10px; color: orange;"> Há {catrow.forumrow.TOPICS} topicos e {catrow.forumrow.POSTS} Mensagens</font> <td class="tcr"> <div id="last-post"> <span >  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />  {catrow.forumrow.USER_LAST_POST} </span> </td> </tr>   </tbody> </table> </div>   </div>  <div class="main-box clearfix"> <ul> <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li> <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li> <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li> </ul>  <p class="right"> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> </p>  </div>

Estou Aguardando!

por Roevs 01.02.13 0:48

Olá,

Tente este código CSS

Código:: last-post:hover{ -moz-transition-duration: .8s; -o-transition-duration: .8s; -webkit-transition-duration: .8s; opacity: 0; transition-duration: .8s; }

Até

por killerplay 01.02.13 0:58

Nothing..

por killerplay 02.02.13 14:01

por killerplay 04.02.13 15:52

por Firenando 04.02.13 16:27

Adicione este código ao seu css.

Código:: td.tc1 .descri a { display: none; } td.tc1 .descri:hover a { display: block !important; }

Até mais

por killerplay 04.02.13 16:29

Não resultou!

por Firenando 04.02.13 16:32

Troque por este.

Código:: td.tc1 .descri a { display: none; position: relative; } td.tc1 .descri:hover a { display: block; position: relative; }

por killerplay 04.02.13 16:33

Não!

por Firenando 04.02.13 16:34

Troque por este.

Código:: td.tc1 .descri a { display: none; position: relative; } td.tc1:hover .descri a { display: block; position: relative; }

por killerplay 04.02.13 16:37

Não Funciona!
;X

por Firenando 04.02.13 16:43

Olá, desculpe, foi apenas um erro de digitação... Mostrando a lingua

Código:: td.tcl .descri a { display: none; } td.tcl .descri:hover a { display: block; }

por killerplay 04.02.13 16:47

Agora ficou na Categoria toda..
Eu quero somente nos SubForuns!
^^

por Firenando 04.02.13 16:54

Troque por este.

Código:: td.tcl .descri a { display: none; position: relative; } td.tcl .descri:hover a { display: block; position: relative; } h3.hierarchy { display: block !important; }

por killerplay 04.02.13 16:56

Continua mesma coisa!

por Firenando 04.02.13 16:57

Olá, no seu CSS eu sempre encontro esse código, e você não coloca o outro.

Código:: td.tc1 .descri a { display: none; position: relative; } td.tc1:hover .descri a { display: block; position: relative; }

Apague e coloque o que eu citei acima por favor.

por killerplay 04.02.13 16:59

Não dá!

Troco e não resulta!
Olha meu CSS

Código:: /*menu-banner*/ #pun-intro #pun-desc,#pun-intro strong{text-shadow:0px 0px 5px #666;color:#ededed} #pun-intro a{text-decoration:none}#pun-intro a:hover{color:#666} #pun-intro{text-align: center;} /*header-login*/.hlogin,.hlogin a:link,.hlogin a:visited{ font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;color:#666;text-decoration:none} .hlogin{font-size:13px;float:right;text-align:left;margin:0 20px 0 0;padding:0 0 0 10px; height:31px;vertical-align:middle;white-space:nowrap;border:1px solid #c4c4c4; background-color:#ffffff; background-image:linear-gradient(#ffffff,#f2f2f2); background:-moz-linear-gradient(#ffffff,#f2f2f2); background-image:-webkit-linear-gradient(#ffffff,#f2f2f2); border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px; box-shadow:0px 0px 8px 0px #353535;-moz-box-shadow:0px 0px 8px 0px #353535;-webkit-box-shadow:0px 0px 8px 0px #353535} .hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle} /*links*/ a.a{background: url(http://i42.servimg.com/u/f42/17/32/13/00/puce_f10.png) no-repeat 0px 4px; font-family:Arial,Helvetica,sans-serif;font-size:12px;padding-left:15px} /*links footer*/ #pun-foot a{color: #666 !important;text-decoration: none;} #pun-foot a:hover {color: #666 !important;text-shadow: 0px 0px 8px #CCB07E;} #pun-foot a:active {color: #666 !important;text-shadow: 0px 0px 8px #000;} /*Botões do tópico*/ #main-content a.cgu-buttons, button.button2, input.button1, input.button2 { background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png); border: 1px solid #DDD; border-radius: ; padding: 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #F4F5F4;} /*Sombra avatar*/ .post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{ -moz-box-shadow:1px 1px 5px #9C9C9C; -webkit-box-shadow:1px 1px 5px #9C9C9C; box-shadow:1px 1px 5px #9C9C9C;} /*Widgets*/ .module .main-head { background: #600 url(http://i.imgur.com/8USLg.jpg) repeat-x; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset black 0px 1px 3px; -moz-box-shadow: inset #000 0px 1px 3px; box-shadow: inset black 0px 1px 3px; margin-top: 8px; border-bottom: 0px; text-align: center;} /*menu e logo*/ pun-navlinks {padding-top: 12px !important;} .module { background-color: #FFFFFF !important; } .descri { background-color: white !important; padding: 5px !important; font-family: Times New Roman; text-align: top justify; } .descri { background-color: #F7F4F4; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topright: 15px; -webkit-border-radius: 15px; -htm-border-radius: 15px; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; font-weight: none; padding-top: 5px; -moz-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca; -webkit-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca; text-align: center; height: 100px; } .descri { background-color: white !important; padding: 5px !important; font-family: Times New Roman; text-align: top justify; } .descri { background-color: #F7F4F4; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topright: 15px; -webkit-border-radius: 15px; -htm-border-radius: 15px; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; font-weight: none; padding-top: 5px; -moz-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca; -webkit-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca; text-align: center; height: 100px; } /*tabelas categoria*/ #last-post { background-color: #F7F4F4; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topright: 15px; -webkit-border-radius: 15px; -html-border-radius: 15px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; margin-right: 15px; font-weight: none; padding-top: 5px; padding: 7px; -moz-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca; -webkit-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca; text-align: top justify; height: 97px; color: gray !important; margin-top: 10px; margin-bottom: 10px; font-weight: none; padding-top: 5px; -moz-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca; -webkit-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca; text-align: center; height: 100px; } #last-post { background-color: #F7F4F4; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topright: 15px; -webkit-border-radius: 15px; -html-border-radius: 15px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; font-weight: none; padding-top: 5px; padding: 7px; -moz-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca; -webkit-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca; text-align: top justify; height: 97px; color: gray !important; } a.lienssousfo { font-size: 28px; font-family: Times New Roman; text-shadow: white 1px 1px 2px; font-stretch: ultra-condensed; letter-spacing: -2px; opacity: 0.7px; text-align: right; text-decoration: none; font-weight: bold; font-style: italic; text-transform: lowercase; display: inline-block; } ul.topiclist { background: url(http://img594.imageshack.us/img594/7413/categl.png) 50% 100% no-repeat scroll transparent!important; } #onlinelist { border-top: 0px transparent; padding: 0.6em 1em; } #board-stats span{ background-color:transparent; color:#4A4A4A; font-weight:700; padding:2px 6px } #board-stats{ background:#f5f5f5; border-left: 1px solid #eaeaea; border-left-color-ltr-source:physical; border-left-color-rtl-source:physical; border-left-color-value:#DEDEDE; border-left-style-ltr-source:physical; border-left-style-rtl-source:physical; border-left-style-value:solid; border-left-width-ltr-source:physical; border-left-width-rtl-source:physical; border-left-width-value:0; float:right;padding-left:20px; margin-top:-7px; width:38% } #board-stats dl{margin-top:10px}#board-stats dd,#board-stats dt{ border-top-color:#DEDEDE; border-top-style:solid; border-top-width:1px; float:left; font-size:.85em;padding:6px 2px; width:45%} #board-stats dt{ color: #595959; font: normal 10px tahoma, arial, verdana, sans-serif; clear:both; font-weight:700 } #board-stats h2{ padding-top:10px; font-size: 1.1em; font-weight: bold; clear:both; font-weight:700 } .maintitle { background: #F8F8F8 url(http://www.ggames.com.br/forum/public/style_images/baisik/gradient_bg.png) repeat-x left 50%; color: #B4453B; text-shadow: white 0px 1px 0px; font-size: 14px; line-height: 20px; font-weight: bold; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; padding: 11px !important; margin: 0 !important; overflow: hidden; border-bottom: 1px solid #EAEAEA; } h3.maintitle{ color: #B4453B; text-shadow: white 0px 1px 0px; line-height: 20px; font-weight: bold; display: block; font-size: 1.17em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; } #estadisticas{ background: #ffffff; border:1px solid #d9d9d9; padding-top: 0px; padding-bottom: 0px; padding-right: 8px; padding-left: 8px; border-radius:7px; } #Legend { border-top: 1px solid #EAEAEA; padding-top:10px; font-size: 1.1em; font-weight: bold; clear:both; font-weight:700; padding-bottom:5px } ::-webkit-scrollbar-track-piece{background: #c2c2c2} ::-webkit-scrollbar-thumb:vertical{background:#F70A31;border-radius: 1px} ::-webkit-scrollbar-corner{background: #ebebeb} ::-webkit-scrollbar{-webkit-border-radius: 1ex; background: #FFFFFF; height: 13px; width: 13px} ::-webkit-scrollbar-thumb{-webkit-border-radius: 2px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.30); background: #F70A31} #pun-intro a img{transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -moz-opacity: 0.6; opacity: 0.6; filter:alpha(opacity=40); -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s}#pun-intro a img:hover{ transition-duration: 1.0s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 1.0s; -o-transition-duration: 1.0s; -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -moz-opacity: 0.6; opacity: 1.0; filter:alpha(opacity=40)} h4.username{margin-left:53px}.user-ident{text-align:center} #wrap{padding-top:42px}#page-header .navbar{position:fixed;top:0px;left:0px;width:100%} .estatis-1{height:136px;position:absolute;width:390px} .estatis-3{margin-top: 190px; margin-left: 29%!important} .estatis-1{margin-top: 40px; margin-left: 355px!important} .title-esta{color:#d62020;font-size:23px!important;font-weight:700!important;margin-top:-10px;padding-bottom:10px;text-shadow:1px 2px 1px #000} .estatis-1,.estatis-3{background:#F1F1F1;border-left:10px solid #C82626;border-radius:0 10px 10px 0;box-shadow:1px 2px 5px #949494;float:left;margin:10px;padding:7px;} .estatis-2{background:#F1F1F1;border-left:10px solid #C82626;border-radius:0 10px 10px 0;box-shadow:1px 2px 5px #949494;float:right;margin-top:10px;margin-right: 40px;padding:25px;width:290px} .estatis-1{margin-left: 8px!important} .estatis-3{margin-top: 80px; margin-left: 8px!important}.page-bottom{display:none!important} .main .main-head { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000000; } .pun .table .tc2, .pun .table .tc3 { display: none; } .postbody .user{ margin-bottom:1em; overflow:visible; } .postbody .user .user-info span{display:table !important; float:left;} .postbody .user .user-info { width: 195px; border: 1px solid red; display: none; top: 20px; position: absolute; background-color: #e0e0e0; padding: 10px 8px 12px; border-left: 1px solid red; margin-left: 1em; border-radius: 5px; border-radius: 5px; box-shadow: 2px 2px 2px #a8a180; } .user { background-color: white; border: 1px solid #BEBEBE; border-radius: 0px 20px 20px 0px; margin-left: -17em !Important; } .postbody .user:hover .user-info{ z-index: 9; left: 100%; display:block; } .postbody .user .user-info span { color: #333; font-weight: bold; } .page-title h2{ text-align:center!Important; } #pun-head #pun-navlinks { background-color: #333; border-color: #CCC; padding: .5em 1.1em .6em; } ... .postbody img .user img .user-info img{ text-align:center; float:center; } .post:hover .post-options { -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; opacity: .5; } .post .post-options:hover { -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; opacity: 1!important; } .post .post-options { -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; opacity: 0; } .pun .post .user { -moz-border-radius: 6px; -moz-box-shadow: 2px 2px 2px #a8a180; -webkit-border-radius: 6px; -webkit-box-shadow: 2px 2px 2px #a8a180; background-color: white; border: 1px solid red; border-radius: 6px; box-shadow: 2px 2px 2px #a8a180; } .main-content thead { display: none; } /* Caixa do Perfil*/ .pun .posthead { background: #600 url(http://i.imgur.com/8USLg.jpg) repeat-x; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset black 0px 1px 3px; -moz-box-shadow: inset #000 0px 1px 3px; box-shadow: inset black 0px 1px 3px; padding: 0 10px; height: 36px; line-height: 36px; margin-top: 8px; border-bottom: 0px; } /* Visita*/ #pun-visit { -moz-border-radius: 6px; -moz-box-shadow: 2px 2px 2px #a8a180; -webkit-border-radius: 6px; -webkit-box-shadow: 2px 2px 2px #a8a180; background-color: #FFFFFF; border: 1px solid red; border-radius: 6px; box-shadow: 2px 2px 2px #a8a180;} /*Caixa de Baixo*/ #pun-about { -moz-border-radius: 6px; -moz-box-shadow: 2px 2px 2px #a8a180; -webkit-border-radius: 6px; -webkit-box-shadow: 2px 2px 2px #a8a180; background-color: #dedede; border: 1px solid red; border-radius: 6px; box-shadow: 2px 2px 2px #a8a180;} /*Menu*/ #pun-head #pun-navlinks { background-color: #333; border-color: #CCC; padding: .5em 1.1em .6em; } #pun-navlinks { background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029); background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029)); background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029); background-image: -o-linear-gradient(#313029, #58564A 10%, #313029); } #pun-navlinks { border-top: 5px solid #21C8FF!important; height: 43px; overflow: visible!important; padding: 1px 10px!important; } #pun-navlinks li:hover { -webkit-transition: all .2s linear; background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 30% top; } #pun-navlinks ul[class="clearfix"] { border: 0!important; padding-top: 4px; width: 90%; } #pun-navlinks a, #pun-navlinks a:visited { text-decoration: none; } #pun-navlinks li a { color: #EDEDED; font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; font-size: 12px; font-weight: 700; margin: 0; } #pun-navlinks li a { background: url() repeat-y center right; color: white; font-family: Arial,Helvetica,sans-serif!important; font-size: 14px!important; font-weight: 700; margin: 0!important; padding: 14px 7px 14px 0; text-decoration: none!important; } #pun-navlinks li { -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 30% -10px; padding-top: 12px; position: relative; transition: all .2s linear; } #pun-navlinks li { display: inline; font-size: 1.15em; } .main-head .page-title h2 { text-transform: uppercase; font-weight: normal !important; font-size: 13px !important; font-family: Francois One!important; text-shadow: 1px 1px 0px black; } .main .main-head { background: #600 url(http://i.imgur.com/8USLg.jpg) repeat-x; background-image: none; color: white; clear: both; border: 1px solid black; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; } td.tcl .descri a { display: none; position: relative; } td.tcl .descri:hover a { display: block; position: relative; } h3.hierarchy { display: block !important; }

por Firenando 04.02.13 17:02

Olá, não é problema do código, porque testei em meu fórum de testes e está funcionando. Deve ser o seu template.

Espere um membro da Staff lhe ajudar, porque o seu CSS ainda continua o mesmo pelo /css.forum.

por killerplay 04.02.13 19:26

Mais Comigo não Funciona ! --'

por killerplay 05.02.13 20:04

por killerplay 06.02.13 21:13

por Consolado 08.02.13 12:55

Olá!

Painel de controle >> Visualização >> Templates >> Geral >> index_box >>
Procure pela variável "{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}" e troque por:

Código:: <div class="sublinks">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

Salve e publique o template.

Painel de controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilos CSS >>
Cole o código e valide:

Código:: .sublinks{display:none}.table tbody.statused tr td.tcl:hover .sublinks{display:block}

Até mais!

por killerplay 09.02.13 19:07

Funcionou!

Agora Quero Centralizar os Sub FOruns e também quero que o hover apareca mais suavemente entende!

Piscada

por ™David™ 09.02.13 19:12

por ™David™ 10.02.13 16:42

affs troca de tema