Duvida como deixar as categoria assim Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Duvida como deixar as categoria assim

4 participantes

Ir para baixo

Tópico resolvido Duvida como deixar as categoria assim

Mensagem por maykondouglas 16.04.15 0:59

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : hoje
Endereço do fórum : http://brasiltruelife-rp.forumeiros.com/

Descrição do problema

Então queria saber como faço pra deixar igual esse forum..
1 img
Duvida como deixar as categoria assim 7AhUfUF
2 Img essa 2 e a do meu forum
Duvida como deixar as categoria assim 1bq5Jlm
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Luis_xD 16.04.15 1:04

Olá tente fazer isso

Painel de Controle > Visualização > Templates > Geral
Procure pelo Template index_box e clique em Editar e altere pelo código abaixo:


Código:

<style>
 td.mensagens {
 margin-top: 10px;
 position: absolute;
}
 .topicoos {
 position: relative;
 margin-top: 0px;
 margin-left: 126px;
 display: table-cell;
 left: 126px;
 z-index: 9999;
 top: 6px;
}td.topicos {
 left: 0pc;
 position: relative;
}.pun table.table td {
 background-color: #fbfbfb;
 border-color: #ddd;
 border-style: solid none none solid;
 border-width: 1px;
 line-height: 130%;
 padding: .6em 0 .7em;
}.pun table.table td {
 border-style: none;
}.main-head {
 background: url(http://worldwartwozone.com/forums/public/style_images/WorldWarIIZone/maintitle.png) repeat-x scroll 0 0 #252525!important;
 border: 1px solid #171717;
 border-radius: 4px;
 box-shadow: 0 1px 3px rgba(0,0,0,0.45);
 color: #FFF!important;
 font-size: 14px;
 font-weight: 300!important;
 margin-bottom: 6px;
 overflow: hidden;
 padding: 14px 14px 14px 20px!important;
}h2 {
 font-family: helvetica,arial,sans-serif !important;
 font-size: 13px!important;
 font-style: normal;
 font-variant: normal;
 font-weight: 400;
 color: white;
}</style>
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></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">
           
           <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}
                 </td>
                                         <td class="topicos"><div class="topicoos">{catrow.forumrow.TOPICS} Tópicos</div></td>
                                         <td class="mensagens"><div class="mensaagens">{catrow.forumrow.POSTS} Mensagens</div></td>
                 <td class="tcr">
                           <!-- BEGIN avatar -->
                           <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                           <!-- END avatar -->

                    <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}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Depois clique em Adicionar publicar.
Até mais.
avatar
Luis_xD
****

Membro desde : 14/03/2015
Mensagens : 220
Pontos : 320

http://teesteforumeiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Não deu certo luiz

Mensagem por maykondouglas 16.04.15 1:09

Luiz olha como meu forum ficou agora..
fiz exatamente como falou
Duvida como deixar as categoria assim 8D7Imel
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Luis_xD 16.04.15 1:13

Você quer q mude alguma coisa? pq ae pra min fico do jeito q você pediu

Caso precisa comente q eu vo tentar ajudar se tiver no meu alcançe
avatar
Luis_xD
****

Membro desde : 14/03/2015
Mensagens : 220
Pontos : 320

http://teesteforumeiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por maykondouglas 16.04.15 1:14

Então luis como pode ver na 1 imagen que eu postei.. Pode ver que quando eu coloco o mouse sobre oficil da justiça..
Aparece as organizações queria fazer o mesmo com o meu..
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Luis_xD 16.04.15 1:58

Vish amigo n consigo fazer isso eu tenho essa duvida tb sinto mt, espero q algum adm consiga ajudar malz ae manin
avatar
Luis_xD
****

Membro desde : 14/03/2015
Mensagens : 220
Pontos : 320

http://teesteforumeiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Shaman 16.04.15 3:03

Vejo que mudou a skin de seu fórum, ainda deseja suporte?

Até mais!
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Sim shaman

Mensagem por maykondouglas 16.04.15 3:08

Sim ainda desejo o suporte obrigado
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Shaman 16.04.15 3:12

Poderia me passar sua folha de estilo CSS por gentileza, para fazer as devidas modificações?

Até mais!

A propósito, bem vindo ao FDF Welcome FdF

Duvida como deixar as categoria assim Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por maykondouglas 16.04.15 3:21

Onde posso pegar?não sei onde pega..
Voltei ao meu antigo "tema"
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Shaman 16.04.15 3:25

Opa amigo desculpe Ops... aceda em: Painel de controle Seta Visualização Seta Cores Seta Folha de estilo CSS, copie todo código e cole no fórum entre as tags [code][code]

Até mais!
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por maykondouglas 16.04.15 3:29

Código:

}
#i_logo {
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); /* For IE8 and earlier */
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}
#i_logo: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); /* For IE8 and earlier */
}
}

.postbody p.author {
   margin-top: 4px !important;
   position: inherit !important;
   width: 50% !important;
}

p.author {
   background: none repeat scroll 0px 0px rgb(255, 255, 255);
   border: 1px solid rgb(195, 224, 241);
   border-radius: 6px 6px 6px 6px;
   margin-top: 10px;
   padding-left: 3px;
   padding-top: 3px;
   position: relative;
   width: 300px;
}
.box-content.profile.center img:nth-of-type(2) {
 margin-top: -20px;
}
.box-content.profile.center {
 color: rgba(0, 0, 0, 0);
}

.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}
.topics {
   color: #000000 !important;
}
.posts {
   color: #000000!important;
}
.lastpost > span {
   color: #000000!important;
}
.topics {
   color: #000000 !important;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
t€ext-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}  


#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}

.forabg {
   border-radius: 10px;
}
{
text-decoration: none;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
{
margin: 0px;
padding: 0px;
}
user agent stylesheetdiv {
display: block;
}
Pseudo ::-webkit-file-upload-button element
::-webkit-scrollbar {
height: 8px;
width: 10px;
}
Pseudo ::-webkit-search-decoration element
::-webkit-scrollbar-track-piece {
background: rgb(255, 255, 255);
}
Inherited from div.module
.module {
background-repeat: repeat;
border: 1px solid rgb(238, 238, 238);
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
text-align: center;
}
.module {
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
}
Inherited from table.portal
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
{
margin: 0px;padding: 0px;}a.mainmenu img:hover {-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}a{outline:none}ul.linklist li a img { propriedades}ul.linklist a img:hover {propriedades}a[href="/faq"] {display: none !important;}.postprofile dl dd:first-of-type {display: Rank;}div.postprofile dl dt img{      margin-left: 3px;    border: 5px solid #eee;    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;} div.postprofile dl dt img:hover {    -webkit-transform: rotate(-7deg);    -moz-transform: rotate(-7deg);    -o-transform: rotate(-7deg);}a[href ="/u1"] {color:#FF0000;}a[href="/u1"] {background: url("http://i.imgur.com/GOJ0R.gif");}#page-header #search-box {position: absolute;top: 20px;right: 7%;}/* Caixa de busca por SUPERO*/#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;background: transparent url(https://lh5.googleusercontent.com/-Jy9D2n_Pr9Y/UaHT2EnqlrI/AAAAAAAAAlU/ukHSX22HbR4/w304-h52-no/Sem%2Bt%25C3%25ADtulo.png) no-repeat center;}#search-box input.button2 {display: none;}#search-box {padding-bottom: 5px !important;}#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}#search-box input {border: none !important;background: none;}#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}/* Fim da caixa de busca */#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}.LGlike {  background: #105289;  padding: 3px;  border-radius: 4px;  color: #fff;  font-size: 10px;  font-weight: bold;  text-shadow: -1px 0.5px #888;  box-shadow: 1px 1px 1px #888;  cursor: pointer;  margin-right: 4px; } .LGvote { margin: 0 5px; } .LGnovote {  filter:Alpha(opacity=50);  opacity: 0.5;  cursor: default;  box-shadow: none;  text-shadow: none; }.sbSelector {    display: block;    height: 30px;    left: 0px;    line-height: 30px;    outline: medium none;    overflow: hidden;    position: absolute;    text-indent: 10px;    top: 0px;    width: 170px;}.sbToggle {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/select14.png") no-repeat scroll 0px -116px transparent;    display: block;    height: 30px;    outline: medium none;    position: absolute;    right: 0px;    top: 0px;    width: 30px;}.sbSelector:hover, .sbSelector:link, .sbSelector:visited {    color: rgb(235, 181, 45);    outline: medium none;    text-decoration: none;}.sbOptions a:link, .sbOptions a:visited {    color: rgb(221, 221, 221);    text-decoration: none;}.sbOptions a {    border-bottom: 1px dotted rgb(81, 81, 81);    display: block;    outline: medium none;    padding: 7px 0px 7px 3px;}.sbOptions {    background-color: rgb(33, 33, 33);    border: 1px solid rgb(81, 81, 81);    left: -1px;    list-style: none outside none;    margin: 0px;    overflow-y: auto;    padding: 0px;    position: absolute;    top: 30px;    width: 200px;    z-index: 1;}a.mainmenu:hover {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44%, url("http://i81.servimg.com/u/f81/18/23/47/35/0e8wm11.png") no-repeat scroll center top rgba(0, 0, 0, 0);}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}a.mainmenu {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44% rgba(0, 0, 0, 0);    color: #FFFFFF !important;    display: inline-block;    height: 35px;    margin: 0 !important;    padding-right: 10px;    padding-top: 7px;}a:hover {    color: #4876FF;    text-shadow: 0 0 10px #000000;}a:hover {    color: #000000;    text-decoration: none;}a:link {    color: #000000;    text-decoration: none;}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}#page-header .navbar ul.linklist.navlinks {    background: url("http://i81.servimg.com/u/f81/18/23/47/35/kbcoz10.png") repeat-x scroll left top rgba(0, 0, 0, 0);    height: 42px;    left: -1.2%;    width: 100.5%;}#page-footer, div.navbar, div.navbar ul.linklist {    display: block !important;}ul.navlinks {    border-bottom: 1px solid #000000;    font-weight: 700;    text-align: center;}ul {    list-style-type: none;}#page-header #search-box {display: none;}em{font-style: normal;}.module .postbody .postbody-head {background-color: #e5e6e7;}.post-footer {background-color: #CCCCCC;}.post .post-header {background-color: #CCCCCC;}.headerbar {margin-bottom:0;}blockquote {background-color:#CCCCCC;}ul.linklist li a img {filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}ul.linklist li a img:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;cursor:allowed;}
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Sennior 16.04.15 3:45

Saudações,

Vamos fazer o efeito por Template, tudo bem?
Primeiramente vá em:
Painel de Controle Seta Visualização Seta Templates Seta Geral
Procure pelo Template index_box que o nosso amigo pediu para o senhor editar e quando encontrar clique sobre o :deletar:para voltar ao código original do Template e mande para mim aqui, entendeu?

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Novo code

Mensagem por maykondouglas 16.04.15 3:51

Code.. E obrigado por estar ajudando
Código:
<ul class="linklist">
   <!-- BEGIN switch_user_logged_in -->
   <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
   <!-- END switch_user_logged_in -->
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   <!-- BEGIN switch_user_logged_in -->
   <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
   <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                  <dd class="topics">{L_TOPICS}</dd>
                  <dd class="posts">{L_POSTS}</dd>
                  <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <li class="row">
               <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <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 -->
                           {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}
                     </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <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>
                  </dd>
               </dl>
            </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>

         <span class="corners-bottom"><span></span></span></div>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   <!-- BEGIN switch_delete_cookies -->
   <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
   <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Shaman 16.04.15 3:55

Troque todo seu CSS por este:

Código:
}
#i_logo {
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); /* For IE8 and earlier */
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}

#wrap {
  width: 78% !Important;
}

.table-title, .table-title h2 {
  color: #fff;
  display: block;
  font-size: 1em;
  margin-top: -6px !Important;
}

#i_logo: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); /* For IE8 and earlier */
}
}

.postbody p.author {
  margin-top: 4px !important;
  position: inherit !important;
  width: 50% !important;
}

p.author {
  background: none repeat scroll 0px 0px rgb(255, 255, 255);
  border: 1px solid rgb(195, 224, 241);
  border-radius: 6px 6px 6px 6px;
  margin-top: 10px;
  padding-left: 3px;
  padding-top: 3px;
  position: relative;
  width: 300px;
}
.box-content.profile.center img:nth-of-type(2) {
 margin-top: -20px;
}
.box-content.profile.center {
 color: rgba(0, 0, 0, 0);
}

.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}
.topics {
  color: #000000 !important;
}
.posts {
  color: #000000!important;
}
.lastpost > span {
  color: #FFF !important;
}
.topics {
  color: #000000 !important;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
t€ext-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;



#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}

.forabg {
  background: url(http://worldwartwozone.com/forums/public/style_images/WorldWarIIZone/maintitle.png) repeat-x scroll 0 0 #252525;
  border: 1px solid #171717;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45);
  color: #FFF !Important;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 6px;
  overflow: hidden;
  padding: 10px 0px 0px 0px;
}

li.row {
  border-bottom: 1px solid #C5C1C1;
  border-top: 1px solid #C5C1C1;
}

ul.forums dd {
  border-color: transparent;
  border-left-style: solid;
  border-left-width: 0px;
}
ul.topiclist dd {
  border-left: transparent;
  display: block;
  float: left;
  padding: 4px 0;
}

ul.topiclist li.header dl dd {
  border: none;
  color: white !Important;
}


#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
{
margin: 0px;
padding: 0px;
}
user agent stylesheetdiv {
display: block;
}
Pseudo ::-webkit-file-upload-button element
::-webkit-scrollbar {
height: 8px;
width: 10px;
}
Pseudo ::-webkit-search-decoration element
::-webkit-scrollbar-track-piece {
background: rgb(255, 255, 255);
}
Inherited from div.module
.module {
background-repeat: repeat;
border: 1px solid rgb(238, 238, 238);
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
text-align: center;
}
.module {
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
}
Inherited from table.portal
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
{
margin: 0px;padding: 0px;}a.mainmenu img:hover {-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}a{outline:none}ul.linklist li a img { propriedades}ul.linklist a img:hover {propriedades}a[href="/faq"] {display: none !important;}.postprofile dl dd:first-of-type {display: Rank;}div.postprofile dl dt img{      margin-left: 3px;    border: 5px solid #eee;    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;} div.postprofile dl dt img:hover {    -webkit-transform: rotate(-7deg);    -moz-transform: rotate(-7deg);    -o-transform: rotate(-7deg);}a[href ="/u1"] {color:#FF0000;}a[href="/u1"] {background: url("http://i.imgur.com/GOJ0R.gif");}#page-header #search-box {position: absolute;top: 20px;right: 7%;}/* Caixa de busca por SUPERO*/#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;background: transparent url(https://lh5.googleusercontent.com/-Jy9D2n_Pr9Y/UaHT2EnqlrI/AAAAAAAAAlU/ukHSX22HbR4/w304-h52-no/Sem%2Bt%25C3%25ADtulo.png) no-repeat center;}#search-box input.button2 {display: none;}#search-box {padding-bottom: 5px !important;}#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}#search-box input {border: none !important;background: none;}#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}/* Fim da caixa de busca */#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}.LGlike {  background: #105289;  padding: 3px;  border-radius: 4px;  color: #fff;  font-size: 10px;  font-weight: bold;  text-shadow: -1px 0.5px #888;  box-shadow: 1px 1px 1px #888;  cursor: pointer;  margin-right: 4px; } .LGvote { margin: 0 5px; } .LGnovote {  filter:Alpha(opacity=50);  opacity: 0.5;  cursor: default;  box-shadow: none;  text-shadow: none; }.sbSelector {    display: block;    height: 30px;    left: 0px;    line-height: 30px;    outline: medium none;    overflow: hidden;    position: absolute;    text-indent: 10px;    top: 0px;    width: 170px;}.sbToggle {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/select14.png") no-repeat scroll 0px -116px transparent;    display: block;    height: 30px;    outline: medium none;    position: absolute;    right: 0px;    top: 0px;    width: 30px;}.sbSelector:hover, .sbSelector:link, .sbSelector:visited {    color: rgb(235, 181, 45);    outline: medium none;    text-decoration: none;}.sbOptions a:link, .sbOptions a:visited {    color: rgb(221, 221, 221);    text-decoration: none;}.sbOptions a {    border-bottom: 1px dotted rgb(81, 81, 81);    display: block;    outline: medium none;    padding: 7px 0px 7px 3px;}.sbOptions {    background-color: rgb(33, 33, 33);    border: 1px solid rgb(81, 81, 81);    left: -1px;    list-style: none outside none;    margin: 0px;    overflow-y: auto;    padding: 0px;    position: absolute;    top: 30px;    width: 200px;    z-index: 1;}a.mainmenu:hover {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44%, url("http://i81.servimg.com/u/f81/18/23/47/35/0e8wm11.png") no-repeat scroll center top rgba(0, 0, 0, 0);}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}a.mainmenu {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44% rgba(0, 0, 0, 0);    color: #FFFFFF !important;    display: inline-block;    height: 35px;    margin: 0 !important;    padding-right: 10px;    padding-top: 7px;}a:hover {    color: #4876FF;    text-shadow: 0 0 10px #000000;}a:hover {    color: #000000;    text-decoration: none;}a:link {    color: #000000;    text-decoration: none;}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}#page-header .navbar ul.linklist.navlinks {    background: url("http://i81.servimg.com/u/f81/18/23/47/35/kbcoz10.png") repeat-x scroll left top rgba(0, 0, 0, 0);    height: 42px;    left: -1.2%;    width: 100.5%;}#page-footer, div.navbar, div.navbar ul.linklist {    display: block !important;}ul.navlinks {    border-bottom: 1px solid #000000;    font-weight: 700;    text-align: center;}ul {    list-style-type: none;}#page-header #search-box {display: none;}em{font-style: normal;}.module .postbody .postbody-head {background-color: #e5e6e7;}.post-footer {background-color: #CCCCCC;}.post .post-header {background-color: #CCCCCC;}.headerbar {margin-bottom:0;}blockquote {background-color:#CCCCCC;}ul.linklist li a img {filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}ul.linklist li a img:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;cursor:allowed;}

Será isto amigo?
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por maykondouglas 16.04.15 4:04

phpBB3 A versão do meu template.
Puis igual tu falou olhe como ficou..
Duvida como deixar as categoria assim Gk9xHOU
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Shaman 16.04.15 4:06

Amigo troque seu CSS todo por este:

Código:
}
#i_logo {
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); /* For IE8 and earlier */
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}

#wrap {
  width: 78% !Important;
}

.table-title, .table-title h2 {
  color: #fff;
  display: block;
  font-size: 1em;
  margin-top: -6px !Important;
}

#i_logo: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); /* For IE8 and earlier */
}
}

.postbody p.author {
  margin-top: 4px !important;
  position: inherit !important;
  width: 50% !important;
}

p.author {
  background: none repeat scroll 0px 0px rgb(255, 255, 255);
  border: 1px solid rgb(195, 224, 241);
  border-radius: 6px 6px 6px 6px;
  margin-top: 10px;
  padding-left: 3px;
  padding-top: 3px;
  position: relative;
  width: 300px;
}
.box-content.profile.center img:nth-of-type(2) {
 margin-top: -20px;
}
.box-content.profile.center {
 color: rgba(0, 0, 0, 0);
}

.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}
.topics {
  color: #000000 !important;
}
.posts {
  color: #000000!important;
}
.lastpost > span {
  color: #FFF !important;
}
.topics {
  color: #000000 !important;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
t€ext-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;



#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}

.forabg {
  background: url(http://worldwartwozone.com/forums/public/style_images/WorldWarIIZone/maintitle.png) repeat-x scroll 0 0 #252525;
  border: 1px solid #171717;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45);
  color: #FFF !Important;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 6px;
  overflow: hidden;
  padding: 10px 0px 0px 0px;
}

li.row {
  border-bottom: 1px solid #C5C1C1;
  border-top: 1px solid #C5C1C1;
}

ul.forums dd {
  border-color: transparent;
  border-left-style: solid;
  border-left-width: 0px;
}
ul.topiclist dd {
  border-left: transparent;
  display: block;
  float: left;
  padding: 4px 0;
}

ul.topiclist li.header dl dd {
  border: none;
  color: white !Important;
}


#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
{
margin: 0px;
padding: 0px;
}
user agent stylesheetdiv {
display: block;
}
Pseudo ::-webkit-file-upload-button element
::-webkit-scrollbar {
height: 8px;
width: 10px;
}
Pseudo ::-webkit-search-decoration element
::-webkit-scrollbar-track-piece {
background: rgb(255, 255, 255);
}
Inherited from div.module
.module {
background-repeat: repeat;
border: 1px solid rgb(238, 238, 238);
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
text-align: center;
}
.module {
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
}
Inherited from table.portal
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
{
margin: 0px;padding: 0px;}a.mainmenu img:hover {-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}a{outline:none}ul.linklist li a img { propriedades}ul.linklist a img:hover {propriedades}a[href="/faq"] {display: none !important;}.postprofile dl dd:first-of-type {display: Rank;}div.postprofile dl dt img{      margin-left: 3px;    border: 5px solid #eee;    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;} div.postprofile dl dt img:hover {    -webkit-transform: rotate(-7deg);    -moz-transform: rotate(-7deg);    -o-transform: rotate(-7deg);}a[href ="/u1"] {color:#FF0000;}a[href="/u1"] {background: url("http://i.imgur.com/GOJ0R.gif");}#page-header #search-box {position: absolute;top: 20px;right: 7%;}/* Caixa de busca por SUPERO*/#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;background: transparent url(https://lh5.googleusercontent.com/-Jy9D2n_Pr9Y/UaHT2EnqlrI/AAAAAAAAAlU/ukHSX22HbR4/w304-h52-no/Sem%2Bt%25C3%25ADtulo.png) no-repeat center;}#search-box input.button2 {display: none;}#search-box {padding-bottom: 5px !important;}#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}#search-box input {border: none !important;background: none;}#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}/* Fim da caixa de busca */#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}.LGlike {  background: #105289;  padding: 3px;  border-radius: 4px;  color: #fff;  font-size: 10px;  font-weight: bold;  text-shadow: -1px 0.5px #888;  box-shadow: 1px 1px 1px #888;  cursor: pointer;  margin-right: 4px; } .LGvote { margin: 0 5px; } .LGnovote {  filter:Alpha(opacity=50);  opacity: 0.5;  cursor: default;  box-shadow: none;  text-shadow: none; }.sbSelector {    display: block;    height: 30px;    left: 0px;    line-height: 30px;    outline: medium none;    overflow: hidden;    position: absolute;    text-indent: 10px;    top: 0px;    width: 170px;}.sbToggle {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/select14.png") no-repeat scroll 0px -116px transparent;    display: block;    height: 30px;    outline: medium none;    position: absolute;    right: 0px;    top: 0px;    width: 30px;}.sbSelector:hover, .sbSelector:link, .sbSelector:visited {    color: rgb(235, 181, 45);    outline: medium none;    text-decoration: none;}.sbOptions a:link, .sbOptions a:visited {    color: rgb(221, 221, 221);    text-decoration: none;}.sbOptions a {    border-bottom: 1px dotted rgb(81, 81, 81);    display: block;    outline: medium none;    padding: 7px 0px 7px 3px;}.sbOptions {    background-color: rgb(33, 33, 33);    border: 1px solid rgb(81, 81, 81);    left: -1px;    list-style: none outside none;    margin: 0px;    overflow-y: auto;    padding: 0px;    position: absolute;    top: 30px;    width: 200px;    z-index: 1;}a.mainmenu:hover {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44%, url("http://i81.servimg.com/u/f81/18/23/47/35/0e8wm11.png") no-repeat scroll center top rgba(0, 0, 0, 0);}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}a.mainmenu {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44% rgba(0, 0, 0, 0);    color: #FFFFFF !important;    display: inline-block;    height: 35px;    margin: 0 !important;    padding-right: 10px;    padding-top: 7px;}a:hover {    color: #4876FF;    text-shadow: 0 0 10px #000000;}a:hover {    color: #000000;    text-decoration: none;}a:link {    color: #000000;    text-decoration: none;}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}#page-header .navbar ul.linklist.navlinks {    background: url("http://i81.servimg.com/u/f81/18/23/47/35/kbcoz10.png") repeat-x scroll left top rgba(0, 0, 0, 0);    height: 42px;    left: -1.2%;    width: 100.5%;}#page-footer, div.navbar, div.navbar ul.linklist {    display: block !important;}ul.navlinks {    border-bottom: 1px solid #000000;    font-weight: 700;    text-align: center;}ul {    list-style-type: none;}#page-header #search-box {display: none;}em{font-style: normal;}.module .postbody .postbody-head {background-color: #e5e6e7;}.post-footer {background-color: #CCCCCC;}.post .post-header {background-color: #CCCCCC;}.headerbar {margin-bottom:0;}blockquote {background-color:#CCCCCC;}ul.linklist li a img {filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}ul.linklist li a img:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;cursor:allowed;}

Resulta? Até mais!
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por maykondouglas 16.04.15 4:13

Sim eu fui ate index_box
E coloquei todo esse css ..
Ficou daquele jeito.. olha meu forum pra ti ver..
http://brasiltruelife-rp.forumeiros.com/
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Shaman 16.04.15 4:15

Não amigo, era pra por em Painel de controle Seta Visualização Seta Cores Seta Folha de estilo CSS este código:

Código:
}
#i_logo {
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); /* For IE8 and earlier */
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}

#wrap {
  width: 78% !Important;
}

.table-title, .table-title h2 {
  color: #fff;
  display: block;
  font-size: 1em;
  margin-top: -6px !Important;
}

#i_logo: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); /* For IE8 and earlier */
}
}

.postbody p.author {
  margin-top: 4px !important;
  position: inherit !important;
  width: 50% !important;
}

p.author {
  background: none repeat scroll 0px 0px rgb(255, 255, 255);
  border: 1px solid rgb(195, 224, 241);
  border-radius: 6px 6px 6px 6px;
  margin-top: 10px;
  padding-left: 3px;
  padding-top: 3px;
  position: relative;
  width: 300px;
}
.box-content.profile.center img:nth-of-type(2) {
 margin-top: -20px;
}
.box-content.profile.center {
 color: rgba(0, 0, 0, 0);
}

.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}
.topics {
  color: #000000 !important;
}
.posts {
  color: #000000!important;
}
.lastpost > span {
  color: #FFF !important;
}
.topics {
  color: #000000 !important;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
t€ext-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;



#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}

.forabg {
  background: url(http://worldwartwozone.com/forums/public/style_images/WorldWarIIZone/maintitle.png) repeat-x scroll 0 0 #252525;
  border: 1px solid #171717;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45);
  color: #FFF !Important;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 6px;
  overflow: hidden;
  padding: 10px 0px 0px 0px;
}

li.row {
  border-bottom: 1px solid #C5C1C1;
  border-top: 1px solid #C5C1C1;
}

ul.forums dd {
  border-color: transparent;
  border-left-style: solid;
  border-left-width: 0px;
}
ul.topiclist dd {
  border-left: transparent;
  display: block;
  float: left;
  padding: 4px 0;
}

ul.topiclist li.header dl dd {
  border: none;
  color: white !Important;
}


#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
{
margin: 0px;
padding: 0px;
}
user agent stylesheetdiv {
display: block;
}
Pseudo ::-webkit-file-upload-button element
::-webkit-scrollbar {
height: 8px;
width: 10px;
}
Pseudo ::-webkit-search-decoration element
::-webkit-scrollbar-track-piece {
background: rgb(255, 255, 255);
}
Inherited from div.module
.module {
background-repeat: repeat;
border: 1px solid rgb(238, 238, 238);
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
text-align: center;
}
.module {
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
}
Inherited from table.portal
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
{
margin: 0px;padding: 0px;}a.mainmenu img:hover {-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}a{outline:none}ul.linklist li a img { propriedades}ul.linklist a img:hover {propriedades}a[href="/faq"] {display: none !important;}.postprofile dl dd:first-of-type {display: Rank;}div.postprofile dl dt img{      margin-left: 3px;    border: 5px solid #eee;    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;} div.postprofile dl dt img:hover {    -webkit-transform: rotate(-7deg);    -moz-transform: rotate(-7deg);    -o-transform: rotate(-7deg);}a[href ="/u1"] {color:#FF0000;}a[href="/u1"] {background: url("http://i.imgur.com/GOJ0R.gif");}#page-header #search-box {position: absolute;top: 20px;right: 7%;}/* Caixa de busca por SUPERO*/#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;background: transparent url(https://lh5.googleusercontent.com/-Jy9D2n_Pr9Y/UaHT2EnqlrI/AAAAAAAAAlU/ukHSX22HbR4/w304-h52-no/Sem%2Bt%25C3%25ADtulo.png) no-repeat center;}#search-box input.button2 {display: none;}#search-box {padding-bottom: 5px !important;}#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}#search-box input {border: none !important;background: none;}#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}/* Fim da caixa de busca */#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}.LGlike {  background: #105289;  padding: 3px;  border-radius: 4px;  color: #fff;  font-size: 10px;  font-weight: bold;  text-shadow: -1px 0.5px #888;  box-shadow: 1px 1px 1px #888;  cursor: pointer;  margin-right: 4px; } .LGvote { margin: 0 5px; } .LGnovote {  filter:Alpha(opacity=50);  opacity: 0.5;  cursor: default;  box-shadow: none;  text-shadow: none; }.sbSelector {    display: block;    height: 30px;    left: 0px;    line-height: 30px;    outline: medium none;    overflow: hidden;    position: absolute;    text-indent: 10px;    top: 0px;    width: 170px;}.sbToggle {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/select14.png") no-repeat scroll 0px -116px transparent;    display: block;    height: 30px;    outline: medium none;    position: absolute;    right: 0px;    top: 0px;    width: 30px;}.sbSelector:hover, .sbSelector:link, .sbSelector:visited {    color: rgb(235, 181, 45);    outline: medium none;    text-decoration: none;}.sbOptions a:link, .sbOptions a:visited {    color: rgb(221, 221, 221);    text-decoration: none;}.sbOptions a {    border-bottom: 1px dotted rgb(81, 81, 81);    display: block;    outline: medium none;    padding: 7px 0px 7px 3px;}.sbOptions {    background-color: rgb(33, 33, 33);    border: 1px solid rgb(81, 81, 81);    left: -1px;    list-style: none outside none;    margin: 0px;    overflow-y: auto;    padding: 0px;    position: absolute;    top: 30px;    width: 200px;    z-index: 1;}a.mainmenu:hover {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44%, url("http://i81.servimg.com/u/f81/18/23/47/35/0e8wm11.png") no-repeat scroll center top rgba(0, 0, 0, 0);}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}a.mainmenu {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44% rgba(0, 0, 0, 0);    color: #FFFFFF !important;    display: inline-block;    height: 35px;    margin: 0 !important;    padding-right: 10px;    padding-top: 7px;}a:hover {    color: #4876FF;    text-shadow: 0 0 10px #000000;}a:hover {    color: #000000;    text-decoration: none;}a:link {    color: #000000;    text-decoration: none;}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}#page-header .navbar ul.linklist.navlinks {    background: url("http://i81.servimg.com/u/f81/18/23/47/35/kbcoz10.png") repeat-x scroll left top rgba(0, 0, 0, 0);    height: 42px;    left: -1.2%;    width: 100.5%;}#page-footer, div.navbar, div.navbar ul.linklist {    display: block !important;}ul.navlinks {    border-bottom: 1px solid #000000;    font-weight: 700;    text-align: center;}ul {    list-style-type: none;}#page-header #search-box {display: none;}em{font-style: normal;}.module .postbody .postbody-head {background-color: #e5e6e7;}.post-footer {background-color: #CCCCCC;}.post .post-header {background-color: #CCCCCC;}.headerbar {margin-bottom:0;}blockquote {background-color:#CCCCCC;}ul.linklist li a img {filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}ul.linklist li a img:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;cursor:allowed;}


No index_box o senhor deixe este código:

Código:
<ul class="linklist">
  <!-- BEGIN switch_user_logged_in -->
  <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
  <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
  <!-- END switch_user_logged_in -->
  <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
  <!-- BEGIN switch_user_logged_in -->
  <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
  <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="forabg">
        <div class="inner"><span class="corners-top"><span></span></span>
        <ul class="topiclist">
            <li class="header">
              <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                  <dd class="topics">{L_TOPICS}</dd>
                  <dd class="posts">{L_POSTS}</dd>
                  <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
              </dl>
            </li>
        </ul>
        <ul class="topiclist forums">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
            <li class="row">
              <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                    <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <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 -->
                          {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}
                    </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                    <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>
                  </dd>
              </dl>
            </li>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </ul>

        <span class="corners-bottom"><span></span></span></div>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
  <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
  <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</li>
  <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  <!-- BEGIN switch_delete_cookies -->
  <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
  <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por maykondouglas 16.04.15 4:18

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.
Lhe aconselhamos que releia o seu código.

Arrumei o index ..
Fui na folha e coloquei o codigo apareceu esse erro ^^
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Shaman 16.04.15 4:21

Troque o CSS por este:

Código:
}
#i_logo {
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); /* For IE8 and earlier */
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}

#wrap {
  width: 78% !Important;
}

.table-title, .table-title h2 {
  color: #fff;
  display: block;
  font-size: 1em;
  margin-top: -6px !Important;
}

#i_logo: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); /* For IE8 and earlier */
}
}

.postbody p.author {
  margin-top: 4px !important;
  position: inherit !important;
  width: 50% !important;
}

p.author {
  background: none repeat scroll 0px 0px rgb(255, 255, 255);
  border: 1px solid rgb(195, 224, 241);
  border-radius: 6px 6px 6px 6px;
  margin-top: 10px;
  padding-left: 3px;
  padding-top: 3px;
  position: relative;
  width: 300px;
}
.box-content.profile.center img:nth-of-type(2) {
 margin-top: -20px;
}
.box-content.profile.center {
 color: rgba(0, 0, 0, 0);
}

.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}
.topics {
  color: #000000 !important;
}
.posts {
  color: #000000!important;
}
.lastpost > span {
  color: #FFF !important;
}
.topics {
  color: #000000 !important;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
t€ext-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;



#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}

.forabg {
  background: url(http://worldwartwozone.com/forums/public/style_images/WorldWarIIZone/maintitle.png) repeat-x scroll 0 0 #252525;
  border: 1px solid #171717;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45);
  color: #FFF !Important;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 6px;
  overflow: hidden;
  padding: 10px 0px 0px 0px;
}

li.row {
  border-bottom: 1px solid #C5C1C1;
  border-top: 1px solid #C5C1C1;
}

ul.forums dd {
  border-color: transparent;
  border-left-style: solid;
  border-left-width: 0px;
}
ul.topiclist dd {
  border-left: transparent;
  display: block;
  float: left;
  padding: 4px 0;
}

ul.topiclist li.header dl dd {
  border: none;
  color: white !Important;
}


#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}

user agent stylesheetdiv {
display: block;
}
Pseudo ::-webkit-file-upload-button element
::-webkit-scrollbar {
height: 8px;
width: 10px;
}
Pseudo ::-webkit-search-decoration element
::-webkit-scrollbar-track-piece {
background: rgb(255, 255, 255);
}
Inherited from div.module
.module {
background-repeat: repeat;
border: 1px solid rgb(238, 238, 238);
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
text-align: center;
}
.module {
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
}
Inherited from table.portal
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}

margin: 0px;padding: 0px;}a.mainmenu img:hover {-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}a{outline:none}ul.linklist li a img { propriedades}ul.linklist a img:hover {propriedades}a[href="/faq"] {display: none !important;}.postprofile dl dd:first-of-type {display: Rank;}div.postprofile dl dt img{      margin-left: 3px;    border: 5px solid #eee;    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;} div.postprofile dl dt img:hover {    -webkit-transform: rotate(-7deg);    -moz-transform: rotate(-7deg);    -o-transform: rotate(-7deg);}a[href ="/u1"] {color:#FF0000;}a[href="/u1"] {background: url("http://i.imgur.com/GOJ0R.gif");}#page-header #search-box {position: absolute;top: 20px;right: 7%;}/* Caixa de busca por SUPERO*/#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;background: transparent url(https://lh5.googleusercontent.com/-Jy9D2n_Pr9Y/UaHT2EnqlrI/AAAAAAAAAlU/ukHSX22HbR4/w304-h52-no/Sem%2Bt%25C3%25ADtulo.png) no-repeat center;}#search-box input.button2 {display: none;}#search-box {padding-bottom: 5px !important;}#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}#search-box input {border: none !important;background: none;}#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}/* Fim da caixa de busca */#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}.LGlike {  background: #105289;  padding: 3px;  border-radius: 4px;  color: #fff;  font-size: 10px;  font-weight: bold;  text-shadow: -1px 0.5px #888;  box-shadow: 1px 1px 1px #888;  cursor: pointer;  margin-right: 4px; } .LGvote { margin: 0 5px; } .LGnovote {  filter:Alpha(opacity=50);  opacity: 0.5;  cursor: default;  box-shadow: none;  text-shadow: none; }.sbSelector {    display: block;    height: 30px;    left: 0px;    line-height: 30px;    outline: medium none;    overflow: hidden;    position: absolute;    text-indent: 10px;    top: 0px;    width: 170px;}.sbToggle {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/select14.png") no-repeat scroll 0px -116px transparent;    display: block;    height: 30px;    outline: medium none;    position: absolute;    right: 0px;    top: 0px;    width: 30px;}.sbSelector:hover, .sbSelector:link, .sbSelector:visited {    color: rgb(235, 181, 45);    outline: medium none;    text-decoration: none;}.sbOptions a:link, .sbOptions a:visited {    color: rgb(221, 221, 221);    text-decoration: none;}.sbOptions a {    border-bottom: 1px dotted rgb(81, 81, 81);    display: block;    outline: medium none;    padding: 7px 0px 7px 3px;}.sbOptions {    background-color: rgb(33, 33, 33);    border: 1px solid rgb(81, 81, 81);    left: -1px;    list-style: none outside none;    margin: 0px;    overflow-y: auto;    padding: 0px;    position: absolute;    top: 30px;    width: 200px;    z-index: 1;}a.mainmenu:hover {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44%, url("http://i81.servimg.com/u/f81/18/23/47/35/0e8wm11.png") no-repeat scroll center top rgba(0, 0, 0, 0);}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}a.mainmenu {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44% rgba(0, 0, 0, 0);    color: #FFFFFF !important;    display: inline-block;    height: 35px;    margin: 0 !important;    padding-right: 10px;    padding-top: 7px;}a:hover {    color: #4876FF;    text-shadow: 0 0 10px #000000;}a:hover {    color: #000000;    text-decoration: none;}a:link {    color: #000000;    text-decoration: none;}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}#page-header .navbar ul.linklist.navlinks {    background: url("http://i81.servimg.com/u/f81/18/23/47/35/kbcoz10.png") repeat-x scroll left top rgba(0, 0, 0, 0);    height: 42px;    left: -1.2%;    width: 100.5%;}#page-footer, div.navbar, div.navbar ul.linklist {    display: block !important;}ul.navlinks {    border-bottom: 1px solid #000000;    font-weight: 700;    text-align: center;}ul {    list-style-type: none;}#page-header #search-box {display: none;}em{font-style: normal;}.module .postbody .postbody-head {background-color: #e5e6e7;}.post-footer {background-color: #CCCCCC;}.post .post-header {background-color: #CCCCCC;}.headerbar {margin-bottom:0;}blockquote {background-color:#CCCCCC;}ul.linklist li a img {filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}ul.linklist li a img:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;cursor:allowed;}

Resulta?
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por maykondouglas 16.04.15 4:26

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.
O erro persiste..
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Shaman 16.04.15 4:34

Vamos mais uma vez rs: Troque por este:

Código:
}
#i_logo {
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); /* For IE8 and earlier */
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}

#wrap {
  width: 78% !Important;
}

.table-title, .table-title h2 {
  color: #fff;
  display: block;
  font-size: 1em;
  margin-top: -6px !Important;
}

#i_logo: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); /* For IE8 and earlier */
}


.postbody p.author {
  margin-top: 4px !important;
  position: inherit !important;
  width: 50% !important;
}

p.author {
  background: none repeat scroll 0px 0px rgb(255, 255, 255);
  border: 1px solid rgb(195, 224, 241);
  border-radius: 6px 6px 6px 6px;
  margin-top: 10px;
  padding-left: 3px;
  padding-top: 3px;
  position: relative;
  width: 300px;
}
.box-content.profile.center img:nth-of-type(2) {
 margin-top: -20px;
}
.box-content.profile.center {
 color: rgba(0, 0, 0, 0);
}

.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}
.topics {
  color: #000000 !important;
}
.posts {
  color: #000000!important;
}
.lastpost > span {
  color: #FFF !important;
}
.topics {
  color: #000000 !important;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
t€ext-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;



#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}

.forabg {
  background: url(http://worldwartwozone.com/forums/public/style_images/WorldWarIIZone/maintitle.png) repeat-x scroll 0 0 #252525;
  border: 1px solid #171717;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45);
  color: #FFF !Important;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 6px;
  overflow: hidden;
  padding: 10px 0px 0px 0px;
}

li.row {
  border-bottom: 1px solid #C5C1C1;
  border-top: 1px solid #C5C1C1;
}

ul.forums dd {
  border-color: transparent;
  border-left-style: solid;
  border-left-width: 0px;
}
ul.topiclist dd {
  border-left: transparent;
  display: block;
  float: left;
  padding: 4px 0;
}

ul.topiclist li.header dl dd {
  border: none;
  color: white !Important;
}


#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}

user agent stylesheetdiv {
display: block;
}
Pseudo ::-webkit-file-upload-button element
::-webkit-scrollbar {
height: 8px;
width: 10px;
}
Pseudo ::-webkit-search-decoration element
::-webkit-scrollbar-track-piece {
background: rgb(255, 255, 255);
}
Inherited from div.module
.module {
background-repeat: repeat;
border: 1px solid rgb(238, 238, 238);
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
text-align: center;
}
.module {
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
}
Inherited from table.portal
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}

margin: 0px;padding: 0px;}a.mainmenu img:hover {-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}a{outline:none}ul.linklist li a img { propriedades}ul.linklist a img:hover {propriedades}a[href="/faq"] {display: none !important;}.postprofile dl dd:first-of-type {display: Rank;}div.postprofile dl dt img{      margin-left: 3px;    border: 5px solid #eee;    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;} div.postprofile dl dt img:hover {    -webkit-transform: rotate(-7deg);    -moz-transform: rotate(-7deg);    -o-transform: rotate(-7deg);}a[href ="/u1"] {color:#FF0000;}a[href="/u1"] {background: url("http://i.imgur.com/GOJ0R.gif");}#page-header #search-box {position: absolute;top: 20px;right: 7%;}/* Caixa de busca por SUPERO*/#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;background: transparent url(https://lh5.googleusercontent.com/-Jy9D2n_Pr9Y/UaHT2EnqlrI/AAAAAAAAAlU/ukHSX22HbR4/w304-h52-no/Sem%2Bt%25C3%25ADtulo.png) no-repeat center;}#search-box input.button2 {display: none;}#search-box {padding-bottom: 5px !important;}#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}#search-box input {border: none !important;background: none;}#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}/* Fim da caixa de busca */#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}.LGlike {  background: #105289;  padding: 3px;  border-radius: 4px;  color: #fff;  font-size: 10px;  font-weight: bold;  text-shadow: -1px 0.5px #888;  box-shadow: 1px 1px 1px #888;  cursor: pointer;  margin-right: 4px; } .LGvote { margin: 0 5px; } .LGnovote {  filter:Alpha(opacity=50);  opacity: 0.5;  cursor: default;  box-shadow: none;  text-shadow: none; }.sbSelector {    display: block;    height: 30px;    left: 0px;    line-height: 30px;    outline: medium none;    overflow: hidden;    position: absolute;    text-indent: 10px;    top: 0px;    width: 170px;}.sbToggle {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/select14.png") no-repeat scroll 0px -116px transparent;    display: block;    height: 30px;    outline: medium none;    position: absolute;    right: 0px;    top: 0px;    width: 30px;}.sbSelector:hover, .sbSelector:link, .sbSelector:visited {    color: rgb(235, 181, 45);    outline: medium none;    text-decoration: none;}.sbOptions a:link, .sbOptions a:visited {    color: rgb(221, 221, 221);    text-decoration: none;}.sbOptions a {    border-bottom: 1px dotted rgb(81, 81, 81);    display: block;    outline: medium none;    padding: 7px 0px 7px 3px;}.sbOptions {    background-color: rgb(33, 33, 33);    border: 1px solid rgb(81, 81, 81);    left: -1px;    list-style: none outside none;    margin: 0px;    overflow-y: auto;    padding: 0px;    position: absolute;    top: 30px;    width: 200px;    z-index: 1;}a.mainmenu:hover {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44%, url("http://i81.servimg.com/u/f81/18/23/47/35/0e8wm11.png") no-repeat scroll center top rgba(0, 0, 0, 0);}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}a.mainmenu {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44% rgba(0, 0, 0, 0);    color: #FFFFFF !important;    display: inline-block;    height: 35px;    margin: 0 !important;    padding-right: 10px;    padding-top: 7px;}a:hover {    color: #4876FF;    text-shadow: 0 0 10px #000000;}a:hover {    color: #000000;    text-decoration: none;}a:link {    color: #000000;    text-decoration: none;}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}#page-header .navbar ul.linklist.navlinks {    background: url("http://i81.servimg.com/u/f81/18/23/47/35/kbcoz10.png") repeat-x scroll left top rgba(0, 0, 0, 0);    height: 42px;    left: -1.2%;    width: 100.5%;}#page-footer, div.navbar, div.navbar ul.linklist {    display: block !important;}ul.navlinks {    border-bottom: 1px solid #000000;    font-weight: 700;    text-align: center;}ul {    list-style-type: none;}#page-header #search-box {display: none;}em{font-style: normal;}.module .postbody .postbody-head {background-color: #e5e6e7;}.post-footer {background-color: #CCCCCC;}.post .post-header {background-color: #CCCCCC;}.headerbar {margin-bottom:0;}blockquote {background-color:#CCCCCC;}ul.linklist li a img {filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}ul.linklist li a img:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;cursor:allowed;}
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por maykondouglas 16.04.15 4:41

Erro ainda persiste..
Duvida como deixar as categoria assim MqrdmgP
Pra lhe mostrar melhor.
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Sennior 16.04.15 5:47

Amigo, me atualize aqui sobre tua situação...
O que deseja? E peço que retire os códigos passados pelo nosso amigo Shaman, e mande me o Template que eu pedi.

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por maykondouglas 16.04.15 6:22

Então sennior. Quero saber como faço pra colocar aquela categoria que está como a imagen 2 imagen..
Queria saber como eu faço pra colocar igual aquele jeito passar o mouse em cima e aparecer .. os topicos.. como mostra na img
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Sennior 16.04.15 6:48

Tudo bem, lembra que eu lhe pedi o código do eu Template?
Poderia me mandar?

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por maykondouglas 16.04.15 8:25

Se for o index box.
e esse
Código:
<ul class="linklist">
  <!-- BEGIN switch_user_logged_in -->
  <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;&bull;&nbsp;</li>
  <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&nbsp;</li>
  <!-- END switch_user_logged_in -->
  <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
  <!-- BEGIN switch_user_logged_in -->
  <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
  <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="forabg">
        <div class="inner"><span class="corners-top"><span></span></span>
        <ul class="topiclist">
            <li class="header">
              <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                  <dd class="topics">{L_TOPICS}</dd>
                  <dd class="posts">{L_POSTS}</dd>
                  <dd class="lastpost"><span>{L_LASTPOST}</span></dd>
              </dl>
            </li>
        </ul>
        <ul class="topiclist forums">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
            <li class="row">
              <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                    <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <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 -->
                          {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}
                    </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                    <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>
                  </dd>
              </dl>
            </li>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </ul>

        <span class="corners-bottom"><span></span></span></div>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
  <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;&bull;&nbsp;</li>
  <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&nbsp;</li>
  <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  <!-- BEGIN switch_delete_cookies -->
  <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
  <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
Se for o Css
Código:
}
#i_logo {
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); /* For IE8 and earlier */
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}
#i_logo: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); /* For IE8 and earlier */
}
}

.postbody p.author {
    margin-top: 4px !important;
    position: inherit !important;
    width: 50% !important;
}

p.author {
    background: none repeat scroll 0px 0px rgb(255, 255, 255);
    border: 1px solid rgb(195, 224, 241);
    border-radius: 6px 6px 6px 6px;
    margin-top: 10px;
    padding-left: 3px;
    padding-top: 3px;
    position: relative;
    width: 300px;
}
.box-content.profile.center img:nth-of-type(2) {
  margin-top: -20px;
}
.box-content.profile.center {
  color: rgba(0, 0, 0, 0);
}

.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}
.topics {
    color: #000000 !important;
}
.posts {
    color: #000000!important;
}
.lastpost > span {
    color: #000000!important;
}
.topics {
    color: #000000 !important;
}
#i_whosonline + p br + br + em {
 width: 70%;
 background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
 border: 2px solid #DDD;
 border-radius: 6px;
 text-align: justify;
 padding: 10px 8px 5px 5px;
 display: block;
 margin: 0 auto;
 font-size: 0px;
 color: transparent;
}

#i_whosonline + p br + br + em a {
 -webkit-transition-duration: .3s;
 t€ext-shadow: 0px 1px 1px #454545;
 font-size: 15px;
 margin: 0 5px;
 font-style: normal;
 font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
 background: #DDD;
 padding: 9px 10px 10px;



#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}

.forabg {
    border-radius: 10px;
}
{
text-decoration: none;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
{
margin: 0px;
padding: 0px;
}
user agent stylesheetdiv {
display: block;
}
Pseudo ::-webkit-file-upload-button element
::-webkit-scrollbar {
height: 8px;
width: 10px;
}
Pseudo ::-webkit-search-decoration element
::-webkit-scrollbar-track-piece {
background: rgb(255, 255, 255);
}
Inherited from div.module
.module {
background-repeat: repeat;
border: 1px solid rgb(238, 238, 238);
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
text-align: center;
}
.module {
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
}
Inherited from table.portal
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
{
margin: 0px;padding: 0px;}a.mainmenu img:hover {-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}a{outline:none}ul.linklist li a img { propriedades}ul.linklist a img:hover {propriedades}a[href="/faq"] {display: none !important;}.postprofile dl dd:first-of-type {display: Rank;}div.postprofile dl dt img{      margin-left: 3px;    border: 5px solid #eee;    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;} div.postprofile dl dt img:hover {    -webkit-transform: rotate(-7deg);    -moz-transform: rotate(-7deg);    -o-transform: rotate(-7deg);}a[href ="/u1"] {color:#FF0000;}a[href="/u1"] {background: url("http://i.imgur.com/GOJ0R.gif");}#page-header #search-box {position: absolute;top: 20px;right: 7%;}/* Caixa de busca por SUPERO*/#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;background: transparent url(https://lh5.googleusercontent.com/-Jy9D2n_Pr9Y/UaHT2EnqlrI/AAAAAAAAAlU/ukHSX22HbR4/w304-h52-no/Sem%2Bt%25C3%25ADtulo.png) no-repeat center;}#search-box input.button2 {display: none;}#search-box {padding-bottom: 5px !important;}#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}#search-box input {border: none !important;background: none;}#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}/* Fim da caixa de busca */#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}.LGlike {  background: #105289;  padding: 3px;  border-radius: 4px;  color: #fff;  font-size: 10px;  font-weight: bold;  text-shadow: -1px 0.5px #888;  box-shadow: 1px 1px 1px #888;  cursor: pointer;  margin-right: 4px; } .LGvote { margin: 0 5px; } .LGnovote {  filter:Alpha(opacity=50);  opacity: 0.5;  cursor: default;  box-shadow: none;  text-shadow: none; }.sbSelector {    display: block;    height: 30px;    left: 0px;    line-height: 30px;    outline: medium none;    overflow: hidden;    position: absolute;    text-indent: 10px;    top: 0px;    width: 170px;}.sbToggle {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/select14.png") no-repeat scroll 0px -116px transparent;    display: block;    height: 30px;    outline: medium none;    position: absolute;    right: 0px;    top: 0px;    width: 30px;}.sbSelector:hover, .sbSelector:link, .sbSelector:visited {    color: rgb(235, 181, 45);    outline: medium none;    text-decoration: none;}.sbOptions a:link, .sbOptions a:visited {    color: rgb(221, 221, 221);    text-decoration: none;}.sbOptions a {    border-bottom: 1px dotted rgb(81, 81, 81);    display: block;    outline: medium none;    padding: 7px 0px 7px 3px;}.sbOptions {    background-color: rgb(33, 33, 33);    border: 1px solid rgb(81, 81, 81);    left: -1px;    list-style: none outside none;    margin: 0px;    overflow-y: auto;    padding: 0px;    position: absolute;    top: 30px;    width: 200px;    z-index: 1;}a.mainmenu:hover {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44%, url("http://i81.servimg.com/u/f81/18/23/47/35/0e8wm11.png") no-repeat scroll center top rgba(0, 0, 0, 0);}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}a.mainmenu {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44% rgba(0, 0, 0, 0);    color: #FFFFFF !important;    display: inline-block;    height: 35px;    margin: 0 !important;    padding-right: 10px;    padding-top: 7px;}a:hover {    color: #4876FF;    text-shadow: 0 0 10px #000000;}a:hover {    color: #000000;    text-decoration: none;}a:link {    color: #000000;    text-decoration: none;}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}#page-header .navbar ul.linklist.navlinks {    background: url("http://i81.servimg.com/u/f81/18/23/47/35/kbcoz10.png") repeat-x scroll left top rgba(0, 0, 0, 0);    height: 42px;    left: -1.2%;    width: 100.5%;}#page-footer, div.navbar, div.navbar ul.linklist {    display: block !important;}ul.navlinks {    border-bottom: 1px solid #000000;    font-weight: 700;    text-align: center;}ul {    list-style-type: none;}#page-header #search-box {display: none;}em{font-style: normal;}.module .postbody .postbody-head {background-color: #e5e6e7;}.post-footer {background-color: #CCCCCC;}.post .post-header {background-color: #CCCCCC;}.headerbar {margin-bottom:0;}blockquote {background-color:#CCCCCC;}ul.linklist li a img {filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}ul.linklist li a img:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;cursor:allowed;}
.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}Bem vindo visitante! Login | Registre-se
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Sennior 17.04.15 0:15

Saudações,

Eu fiz um modificação própria do meu gosto. Rindo
Veja se gosta, basta alterar o CSS pelo abaixo:
Código:
.forabg {
  background: url(http://worldwartwozone.com/forums/public/style_images/WorldWarIIZone/maintitle.png) repeat-x scroll 0 0 #252525!important;
  border: 0px solid #171717!important;
  border-radius: 4px!important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.45)!important;
  color: #FFF!important;
  font-weight: 300!important;
  margin-bottom: 6px!important;
  overflow: inherit!important;
  padding: 0px 0px 0px 0px!important;
}
h2 {
  text-shadow: 1px 0px 1px rgba(255, 255, 255, 0.44);
  font-weight: 800;
}
#i_logo {
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); /* For IE8 and earlier */
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}
#i_logo: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); /* For IE8 and earlier */
}


.postbody p.author {
    margin-top: 4px !important;
    position: inherit !important;
    width: 50% !important;
}

p.author {
    background: none repeat scroll 0px 0px rgb(255, 255, 255);
    border: 1px solid rgb(195, 224, 241);
    border-radius: 6px 6px 6px 6px;
    margin-top: 10px;
    padding-left: 3px;
    padding-top: 3px;
    position: relative;
    width: 300px;
}
.box-content.profile.center img:nth-of-type(2) {
  margin-top: -20px;
}
.box-content.profile.center {
  color: rgba(0, 0, 0, 0);
}

.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}
.topics {
    color: #000000 !important;
}
.posts {
    color: #000000!important;
}
.lastpost > span {
    color: #000000!important;
}
.topics {
    color: #000000 !important;
}
#i_whosonline + p br + br + em {
 width: 70%;
 background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
 border: 2px solid #DDD;
 border-radius: 6px;
 text-align: justify;
 padding: 10px 8px 5px 5px;
 display: block;
 margin: 0 auto;
 font-size: 0px;
 color: transparent;
}

#i_whosonline + p br + br + em a {
 -webkit-transition-duration: .3s;
 t€ext-shadow: 0px 1px 1px #454545;
 font-size: 15px;
 margin: 0 5px;
 font-style: normal;
 font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
 background: #DDD;
 padding: 9px 10px 10px;



#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}

.forabg {
    border-radius: 10px;
}

#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}

user agent stylesheetdiv {
display: block;
}
Pseudo ::-webkit-file-upload-button element
::-webkit-scrollbar {
height: 8px;
width: 10px;
}
Pseudo ::-webkit-search-decoration element
::-webkit-scrollbar-track-piece {
background: rgb(255, 255, 255);
}
Inherited from div.module
.module {
background-repeat: repeat;
border: 1px solid rgb(238, 238, 238);
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
text-align: center;
}
.module {
color: rgb(0, 0, 0);
overflow: hidden;
padding: 0px 10px;
}
Inherited from table.portal
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
a.mainmenu img:hover {-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}a{outline:none}ul.linklist li a img { propriedades}ul.linklist a img:hover {propriedades}a[href="/faq"] {display: none !important;}.postprofile dl dd:first-of-type {display: Rank;}div.postprofile dl dt img{      margin-left: 3px;    border: 5px solid #eee;    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;} div.postprofile dl dt img:hover {    -webkit-transform: rotate(-7deg);    -moz-transform: rotate(-7deg);    -o-transform: rotate(-7deg);}a[href ="/u1"] {color:#FF0000;}a[href="/u1"] {background: url("http://i.imgur.com/GOJ0R.gif");}#page-header #search-box {position: absolute;top: 20px;right: 7%;}/* Caixa de busca por SUPERO*/#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;background: transparent url(https://lh5.googleusercontent.com/-Jy9D2n_Pr9Y/UaHT2EnqlrI/AAAAAAAAAlU/ukHSX22HbR4/w304-h52-no/Sem%2Bt%25C3%25ADtulo.png) no-repeat center;}#search-box input.button2 {display: none;}#search-box {padding-bottom: 5px !important;}#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}#search-box input {border: none !important;background: none;}#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}/* Fim da caixa de busca */#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}.LGlike {  background: #105289;  padding: 3px;  border-radius: 4px;  color: #fff;  font-size: 10px;  font-weight: bold;  text-shadow: -1px 0.5px #888;  box-shadow: 1px 1px 1px #888;  cursor: pointer;  margin-right: 4px; } .LGvote { margin: 0 5px; } .LGnovote {  filter:Alpha(opacity=50);  opacity: 0.5;  cursor: default;  box-shadow: none;  text-shadow: none; }.sbSelector {    display: block;    height: 30px;    left: 0px;    line-height: 30px;    outline: medium none;    overflow: hidden;    position: absolute;    text-indent: 10px;    top: 0px;    width: 170px;}.sbToggle {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/select14.png") no-repeat scroll 0px -116px transparent;    display: block;    height: 30px;    outline: medium none;    position: absolute;    right: 0px;    top: 0px;    width: 30px;}.sbSelector:hover, .sbSelector:link, .sbSelector:visited {    color: rgb(235, 181, 45);    outline: medium none;    text-decoration: none;}.sbOptions a:link, .sbOptions a:visited {    color: rgb(221, 221, 221);    text-decoration: none;}.sbOptions a {    border-bottom: 1px dotted rgb(81, 81, 81);    display: block;    outline: medium none;    padding: 7px 0px 7px 3px;}.sbOptions {    background-color: rgb(33, 33, 33);    border: 1px solid rgb(81, 81, 81);    left: -1px;    list-style: none outside none;    margin: 0px;    overflow-y: auto;    padding: 0px;    position: absolute;    top: 30px;    width: 200px;    z-index: 1;}a.mainmenu:hover {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44%, url("http://i81.servimg.com/u/f81/18/23/47/35/0e8wm11.png") no-repeat scroll center top rgba(0, 0, 0, 0);}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}a.mainmenu {    background: url("http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png") no-repeat scroll 100% 44% rgba(0, 0, 0, 0);    color: #FFFFFF !important;    display: inline-block;    height: 35px;    margin: 0 !important;    padding-right: 10px;    padding-top: 7px;}a:hover {    color: #4876FF;    text-shadow: 0 0 10px #000000;}a:hover {    color: #000000;    text-decoration: none;}a:link {    color: #000000;    text-decoration: none;}a, a:hover, body {    cursor: url("http://cur.cursors-4u.net/cursors/cur-7/cur610.cur"), progress;}#page-header .navbar ul.linklist.navlinks {    background: url("http://i81.servimg.com/u/f81/18/23/47/35/kbcoz10.png") repeat-x scroll left top rgba(0, 0, 0, 0);    height: 42px;    left: -1.2%;    width: 100.5%;}#page-footer, div.navbar, div.navbar ul.linklist {    display: block !important;}ul.navlinks {    border-bottom: 1px solid #000000;    font-weight: 700;    text-align: center;}ul {    list-style-type: none;}#page-header #search-box {display: none;}em{font-style: normal;}.module .postbody .postbody-head {background-color: #e5e6e7;}.post-footer {background-color: #CCCCCC;}.post .post-header {background-color: #CCCCCC;}.headerbar {margin-bottom:0;}blockquote {background-color:#CCCCCC;}ul.linklist li a img {filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}ul.linklist li a img:hover {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;cursor:allowed;}
.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}

O que acha?
Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por maykondouglas 17.04.15 19:27

Sennior não deu eu também mudei meu template pode fechar mais obg.
maykondouglas
maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como deixar as categoria assim

Mensagem por Sennior 19.04.15 7:07

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos