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

Olá,

Leia:

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

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

Até Mais.

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

Agradecido!

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.

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

Olá,

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

Até

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

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é

Não Funcionou!

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é

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

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é

Não Funcional..

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é

Não!

Olá,

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

Até

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

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é

Olha,ta ao contrario de novo
Deve ser alguma coisa no CSS ou no Index_box ou nao?

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é

kk

Xi nao deu :X

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

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?

Olá,

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

Até

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">
    <!-- BEGIN catrow -->
      <!-- BEGIN tablehead -->
          <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;">
      <!-- END tablehead -->

      <!-- BEGIN forumrow -->
                  <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>
                        <!-- BEGIN switch_moderators_links -->
                        <br />
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {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 >
                        <!-- BEGIN switch_topic_title -->
                        <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                        <!-- END switch_topic_title -->
                        {catrow.forumrow.USER_LAST_POST}
                        </span>
                                                      </div>
                      </td>
                  </tr>
      <!-- END forumrow -->

      <!-- BEGIN tablefoot -->
                </tbody>
            </table>
          </div>
      <!-- END tablefoot -->
    <!-- END catrow -->
    </div>

    <!-- BEGIN switch_on_index -->
    <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>
      <!-- BEGIN switch_delete_cookies -->
      <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>
      <!-- END switch_delete_cookies -->
    </div>
    <!-- END switch_on_index -->


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!

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">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <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">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <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}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                        {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 >
                        <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<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>
   <!-- BEGIN switch_delete_cookies -->
   <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>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->



Estou Aguardando!

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é

Nothing..

UP

UP

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

Não resultou!

Troque por este.

Código:

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

Não!

Troque por este.

Código:

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

Não Funciona!
;X

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

Código:

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

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

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;
}

Continua mesma coisa!

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.

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;
}

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.

Mais Comigo não Funciona ! --'

UP

UP

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!

Funcionou!

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

Up

affs troca de tema