[RESOLVIDO]Menu igual widgets e categorias

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

Resolvido [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 19/08/14, 10:06 pm

Minha questão é: http://i.imgur.com/9RBeUAP.png
Eu grifei o meu menu , que é diferente dos widgets o table type e as categorias também.
Tem como editar as categorias e os widgets igual ao menu?
Tem como? 
E como editar?


Última edição por Meky3 em 24/08/14, 01:16 pm, editado 1 vez(es)
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior em 20/08/14, 01:58 pm

Saudações querido!  Eu amo você 

Preciso da tua Folha de Estilo CSS, para que eu possa fazer algumas modificações nela. Positivo

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 20/08/14, 06:54 pm

Olá.
Aqui está:
Código:
<script>
jQuery(document).ready(function(){
function makeArray() {
      for (i = 0; i<makeArray.arguments.length; i++)
      this[i + 1] = makeArray.arguments[i];
  }
  var months = new makeArray('Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro');
  var date = new Date();
  var month = date.getMonth() + 1;
  var yy = date.getYear();
  var year = (yy < 1000) ? yy + 1900 : yy;
    var member_month = sessionStorage.getItem('member_month');
    if(member_month) {
      jQuery('#member_month').html(member_month);
    } else {
  var link = jQuery('.module table[summary="Os membros mais ativos do mês"] td:eq(0) a').attr('href');
jQuery.get(link, function(b){
  var usernametxt = jQuery('#profile-advanced-right .module .main-head .h3:eq(0) strong', b).text();
  var avatar = jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0) img',b).attr('src');
  var rep = jQuery('#field_id-14 div',b).html();
  var posts = jQuery('#field_id-6 div',b).html();
  var register = jQuery('#field_id-4 div',b).html();
  var birth = jQuery('#field_id-12 div',b).html();
  var id = link.match(/\d+/g);
  jQuery('.box_container').html('<table><tr><td class="av"><img src="'+avatar+'" alt="'+avatar+'" /></td><td style="width:100%"><div class="inner_container"><h4>'+usernametxt+'</h4><span class="mi"><a href="/privmsg?mode=post&u='+id+'"><img src="http://imgur.com/Czex6X4.png" alt="Enviar PM" /></a></span><span class="mi"><a href="/spa/'+usernametxt+'"><img src="http://imgur.com/72Ep0wz.png" alt="Procurar posts" /></a></span><hr><span class="txt">Membro do mês</span><span class="m">'+months[month]+' '+year+'</span></div></td></tr></table>');
  jQuery('.member_month').html('Parabéns a '+usernametxt+' nosso novo membro do mês de '+months[month]+' '+year+'. Registrado pela primeira vez neste fórum '+register+'. Ele comemora aniversário em '+birth+'. Tem o total de '+posts+' posts. Ele recebeu '+rep+' pontos de reputação. Parabéns ao membro do mês.<div class="profile" align="right"><span class="m m_lightgrey"><a href="'+link+'">Ir para o perfil</a></span></div>');
sessionStorage.setItem('member_month', jQuery('#member_month').html());
});
}
});
</script>
<div id="member_month">
   
   <div class="box_container">
      
   </div>
   
   <div class="member_month">
      
   </div>
</div><style>
.box_container, .member_month {
background: white;
border: 1px solid #CECED1;
}
.member_month {
margin-top: 5px;
padding: 5px 8px 10px 8px;
font-size: 10px;
color: #1E7145;
}
.box_container td.av {
background-color: rgb(240, 248, 255);
padding: 3px;
width: 80px;
}
.box_container td.av img {
height: 50px;
width: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.box_container .inner_container {
width: 100%;
position: relative;
left: -5px;
padding: 5px 5px 5px 10px;
}
.box_container .inner_container hr {
border: 1px solid #ddd;
margin: 2px 5px 2px 0;
}
.box_container .inner_container .txt {
display: block;
color:grey;
font-size:10px;
position:relative;
}
#member_month .m {
background: green;
cursor: default;
height: 17px;
line-height: 17px;
padding: 2px 5px;
font-size: 9px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align: middle;
}
#member_month .m, #member_month a {
color: white;
}
.m_lightgrey {
    background: #b3b3b3;
}
.box_container .inner_container .mi {
padding: 3px 5px 3px 5px;
}
.box_container .inner_container h4 {
display: inline-block;
}
.member_month .profile {
padding: 5px;
}
</style>
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior em 20/08/14, 08:25 pm

Saudações amigo,

Acho que o senhor se enganou.
Peço que aceda a tua folha de estilo CSS e copie tudo e mande para mim:
Painel de controle >> Visualização >> Imagens e Cores >> Folha de Estilo CSS

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 20/08/14, 08:28 pm

Opa, verdade Muito feliz
Código:
/*************************************************************************************/
/************************************************************************************/
/********************************  Play Revolt  ************************************/
/**************************  Tema criado por JQuery  ******************************/
/*******************  Todos os direitos reservados à SkyTemas  *******************/
/****************************  skytemas.forumeiros.com  *************************/
/*******************************************************************************/
/******************************************************************************/

/*Códigos em geral*/
#pun-about {
line-height: 150%;
padding: .6em 1em;
text-align: right;
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
}
#pun-visit, .main-box{
display: none;
}
a {
text-decoration: none !important;
}
/*Logo e Fundo*/
#pun-intro {
background-color: #75bff0;
background-image: url(http://i77.servimg.com/u/f77/17/32/13/00/banner10.jpg);
background-repeat: repeat-x;
border: 0!important;
border-bottom: 1px solid #75bff0;
margin: 0;
max-height: 170px;
overflow: hidden;
text-align: left;
}
#pun-intro {
border: 0 !important;
max-height: 170px;
overflow: hidden;
}

/*Menu do fórum*/
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a, #pun-foot a {
margin: 0;
font-weight: 700;
color: #ededed;
font-size: 12px;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

#pun-navlinks li a {
margin: 0 .8em 0 0;
}
#pun-head #pun-navlinks {
background-color: #333;
border-color: #ccc;
padding: .5em 1.1em .6em;
}
#pun-navlinks, #pun-foot {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
border-top: 5px solid #21c8ff !important;
height: 43px;
padding: 1px 10px 1px 10px !important;
overflow: visible !important;
}
#pun-navlinks ul {
padding-top: 14px;
border: 0 !important;
width: 90%;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}

/*Categorias*/
#main #main-content .main .main-head, .header .lastpost, .header .posts, .header .topics, .onglets li a, .onglets li a:hover, .page-title h2, .table-title h2 {
color: #636363!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px!important;
font-weight: 700!important;
text-shadow: 1px 1px 3px #fff;
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
}
.phpbb3 .forabg, #main #main-content .main {
background: #f0f0f0;
border: 1px solid #C4C4C4;
padding: 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.table-title h2, .header .topics, .header .posts, .header .lastpost, .page-title h2, .onglets li a, #main #main-content .main .main-head, .onglets li a:hover {
font-weight: 700 !important;
text-shadow: 1px 1px 3px #fff;
color: #636363 !important;
font-size: 12px !important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-foot, .main .main-head {
background-color: rgba(31, 83, 123, 0);
color: #000000;
font-weight: 400;
padding: .7em 1.3em;
}

/*Widgets*/
#right .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border: 1px solid #4380F0;
border-radius: 6px;
background-color: #00C8F0;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
box-shadow: .0px .0px 03px #1F83DB;
}
#left .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border: 1px solid #4380F0;
border-radius: 6px;
background-color: #00C8F0;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
box-shadow: .0px .0px 03px #1F83DB;
}

/*Tópicos*/
.pun .post .user {
overflow: hidden;
background: #F8F5F1 url('http://www.tatulonas.com.br/fotos/cores_lonas/267.jpg') 0 top;
}
.userAdministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userAdministrador {
background: #881418;
}
.userBanido {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0868DE;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userBanido {
background: #0868DE;
}
.userSuporte {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8FBFFA;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userSuporte {
background: #8FBFFA;
}
.userDesigner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FD9C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userDesigner {
background: #FD9C00;
}
.userModerador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0026FF;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userModerador {
background: #0026FF;
}
.userGerente {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6200;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userGerente {
background: #FF6200;
}
.userNovato {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userNovato {
background: #00000;
}
.userMembro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembro {
background: #00000;
}
.userMembroAtivo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroAtivo {
background: #00000;
}
.userMembroBronze {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD7F32;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroBronze {
background: #CD7F32;
}
.userMembroPrata {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #C0C0C0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroPrata {
background: #C0C0C0;
}
.userMembroOuro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFD700;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroOuro {
background: #FFD700;
}
.userMembroLendario {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF8C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroLendario {
background: #FF8C00;
}
.userMembroExpert {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #120A8F;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroExpert {
background: #120A8F;
}
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
.user-info .i_icon_online {
  display: none;
}
/*Perfil*/
.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}

.pun .user-ident .user-basic-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}

.pun .user .user-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
hr {
  border: 0 none #D6D6D6;
  border-bottom: 1px solid white;
border-top: 1px solid #D6D6D6;
}
.pun .post .user {
text-align: center;
}
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior em 21/08/14, 02:23 am

Saudações amigo,

Altere teu código pelo abaixo:
Código:
#left .module .main-head, #right .module .main-head, .feedTitle, .portal .module .main-head {border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;padding: 0px 10px!important;position: relative;top: -5px;}.main-head {background-color: #333 !important;border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;
padding: 0px 10px!important;position: relative;top: -5px;}.h3 {color: #ededed !important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;font-size: 12px !important;font-weight: 700 !important;margin: 0 !important;position: relative !important;top: 13px !important;text-shadow: none !important;}



/*************************************************************************************/
/************************************************************************************/
/********************************  Play Revolt  ************************************/
/**************************  Tema criado por JQuery  ******************************/
/*******************  Todos os direitos reservados à SkyTemas  *******************/
/****************************  skytemas.forumeiros.com  *************************/
/*******************************************************************************/
/******************************************************************************/

/*Códigos em geral*/
#pun-about {
line-height: 150%;
padding: .6em 1em;
text-align: right;
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
}
#pun-visit, .main-box{
display: none;
}
a {
text-decoration: none !important;
}
/*Logo e Fundo*/
#pun-intro {
background-color: #75bff0;
background-image: url(http://i77.servimg.com/u/f77/17/32/13/00/banner10.jpg);
background-repeat: repeat-x;
border: 0!important;
border-bottom: 1px solid #75bff0;
margin: 0;
max-height: 170px;
overflow: hidden;
text-align: left;
}
#pun-intro {
border: 0 !important;
max-height: 170px;
overflow: hidden;
}

/*Menu do fórum*/
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a, #pun-foot a {
margin: 0;
font-weight: 700;
color: #ededed;
font-size: 12px;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

#pun-navlinks li a {
margin: 0 .8em 0 0;
}
#pun-head #pun-navlinks {
background-color: #333;
border-color: #ccc;
padding: .5em 1.1em .6em;
}
#pun-navlinks, #pun-foot {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
border-top: 5px solid #21c8ff !important;
height: 43px;
padding: 1px 10px 1px 10px !important;
overflow: visible !important;
}
#pun-navlinks ul {
padding-top: 14px;
border: 0 !important;
width: 90%;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}

/*Categorias*/
#main #main-content .main .main-head, .header .lastpost, .header .posts, .header .topics, .onglets li a, .onglets li a:hover, .page-title h2, .table-title h2 {
color: #636363!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px!important;
font-weight: 700!important;
text-shadow: 1px 1px 3px #fff;
}
.phpbb3 .forabg, #main #main-content .main {
background: #f0f0f0;
border: 1px solid #C4C4C4;
padding: 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.table-title h2, .header .topics, .header .posts, .header .lastpost, .page-title h2, .onglets li a, #main #main-content .main .main-head, .onglets li a:hover {
font-weight: 700 !important;
text-shadow: 1px 1px 3px #fff;
color: #636363 !important;
font-size: 12px !important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-foot, .main .main-head {
background-color: rgba(31, 83, 123, 0);
color: #000000;
font-weight: 400;
padding: .7em 1.3em;
}

/*Widgets*/
#right .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border: 1px solid #4380F0;
border-radius: 6px;
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
box-shadow: .0px .0px 03px #1F83DB;
}
#left .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border-radius: 6px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
}

/*Tópicos*/
.pun .post .user {
overflow: hidden;
background: #F8F5F1 url('http://www.tatulonas.com.br/fotos/cores_lonas/267.jpg') 0 top;
}
.userAdministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userAdministrador {
background: #881418;
}
.userBanido {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0868DE;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userBanido {
background: #0868DE;
}
.userSuporte {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8FBFFA;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userSuporte {
background: #8FBFFA;
}
.userDesigner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FD9C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userDesigner {
background: #FD9C00;
}
.userModerador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0026FF;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userModerador {
background: #0026FF;
}
.userGerente {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6200;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userGerente {
background: #FF6200;
}
.userNovato {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userNovato {
background: #00000;
}
.userMembro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembro {
background: #00000;
}
.userMembroAtivo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroAtivo {
background: #00000;
}
.userMembroBronze {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD7F32;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroBronze {
background: #CD7F32;
}
.userMembroPrata {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #C0C0C0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroPrata {
background: #C0C0C0;
}
.userMembroOuro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFD700;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroOuro {
background: #FFD700;
}
.userMembroLendario {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF8C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroLendario {
background: #FF8C00;
}
.userMembroExpert {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #120A8F;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroExpert {
background: #120A8F;
}
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
.user-info .i_icon_online {
  display: none;
}
/*Perfil*/
.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}

.pun .user-ident .user-basic-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}

.pun .user .user-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
hr {
  border: 0 none #D6D6D6;
  border-bottom: 1px solid white;
border-top: 1px solid #D6D6D6;
}
.pun .post .user {
text-align: center;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 21/08/14, 09:54 am

Os widgets não ficaram iguais. :/
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior em 21/08/14, 10:12 am

Bom dia!

Altere por este código:
Código:
/*************************************************************************************/
/************************************************************************************/
/********************************  Play Revolt  ************************************/
/**************************  Tema criado por JQuery  ******************************/
/*******************  Todos os direitos reservados à SkyTemas  *******************/
/****************************  skytemas.forumeiros.com  *************************/
/*******************************************************************************/
/******************************************************************************/

/*Códigos em geral*/
#pun-about {
line-height: 150%;
padding: .6em 1em;
text-align: right;
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
}
#pun-visit, .main-box{
display: none;
}
a {
text-decoration: none !important;
}
/*Logo e Fundo*/
#pun-intro {
background-color: #75bff0;
background-image: url(http://i77.servimg.com/u/f77/17/32/13/00/banner10.jpg);
background-repeat: repeat-x;
border: 0!important;
border-bottom: 1px solid #75bff0;
margin: 0;
max-height: 170px;
overflow: hidden;
text-align: left;
}
#pun-intro {
border: 0 !important;
max-height: 170px;
overflow: hidden;
}

/*Menu do fórum*/
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a, #pun-foot a {
margin: 0;
font-weight: 700;
color: #ededed;
font-size: 12px;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

#pun-navlinks li a {
margin: 0 .8em 0 0;
}
#pun-head #pun-navlinks {
background-color: #333;
border-color: #ccc;
padding: .5em 1.1em .6em;
}
#pun-navlinks, #pun-foot {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
border-top: 5px solid #21c8ff !important;
height: 43px;
padding: 1px 10px 1px 10px !important;
overflow: visible !important;
}
#pun-navlinks ul {
padding-top: 14px;
border: 0 !important;
width: 90%;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}

/*Categorias*/
#main #main-content .main .main-head, .header .lastpost, .header .posts, .header .topics, .onglets li a, .onglets li a:hover, .page-title h2, .table-title h2 {
color: #636363!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px!important;
font-weight: 700!important;
text-shadow: 1px 1px 3px #fff;
}
.phpbb3 .forabg, #main #main-content .main {
background: #f0f0f0;
border: 1px solid #C4C4C4;
padding: 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.table-title h2, .header .topics, .header .posts, .header .lastpost, .page-title h2, .onglets li a, #main #main-content .main .main-head, .onglets li a:hover {
font-weight: 700 !important;
text-shadow: 1px 1px 3px #fff;
color: #636363 !important;
font-size: 12px !important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-foot, .main .main-head {
background-color: rgba(31, 83, 123, 0);
color: #000000;
font-weight: 400;
padding: .7em 1.3em;
}

/*Widgets*/
#right .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border: 1px solid #4380F0;
border-radius: 6px;
background-color: #00C8F0;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
box-shadow: .0px .0px 03px #1F83DB;
}
#left .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border: 1px solid #4380F0;
border-radius: 6px;
background-color: #00C8F0;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
box-shadow: .0px .0px 03px #1F83DB;
}

/*Tópicos*/
.pun .post .user {
overflow: hidden;
background: #F8F5F1 url('http://www.tatulonas.com.br/fotos/cores_lonas/267.jpg') 0 top;
}
.userAdministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userAdministrador {
background: #881418;
}
.userBanido {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0868DE;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userBanido {
background: #0868DE;
}
.userSuporte {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8FBFFA;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userSuporte {
background: #8FBFFA;
}
.userDesigner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FD9C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userDesigner {
background: #FD9C00;
}
.userModerador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0026FF;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userModerador {
background: #0026FF;
}
.userGerente {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6200;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userGerente {
background: #FF6200;
}
.userNovato {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userNovato {
background: #00000;
}
.userMembro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembro {
background: #00000;
}
.userMembroAtivo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroAtivo {
background: #00000;
}
.userMembroBronze {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD7F32;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroBronze {
background: #CD7F32;
}
.userMembroPrata {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #C0C0C0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroPrata {
background: #C0C0C0;
}
.userMembroOuro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFD700;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroOuro {
background: #FFD700;
}
.userMembroLendario {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF8C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroLendario {
background: #FF8C00;
}
.userMembroExpert {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #120A8F;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroExpert {
background: #120A8F;
}
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
.user-info .i_icon_online {
  display: none;
}
/*Perfil*/
.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}

.pun .user-ident .user-basic-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}

.pun .user .user-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
hr {
  border: 0 none #D6D6D6;
  border-bottom: 1px solid white;
border-top: 1px solid #D6D6D6;
}
.pun .post .user {
text-align: center;
}

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 21/08/14, 10:15 am

Agora sumiu ._.
Veja no fórum.
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior em 21/08/14, 10:35 am

Boas,

Coloque este novamente:
Código:
#left .module .main-head, #right .module .main-head, .feedTitle, .portal .module .main-head {border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;padding: 0px 10px!important;position: relative;top: -5px;}.main-head {background-color: #333 !important;border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;
padding: 0px 10px!important;position: relative;top: -5px;}.h3 {color: #ededed !important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;font-size: 12px !important;font-weight: 700 !important;margin: 0 !important;position: relative !important;top: 13px !important;text-shadow: none !important;}



/*************************************************************************************/
/************************************************************************************/
/********************************  Play Revolt  ************************************/
/**************************  Tema criado por JQuery  ******************************/
/*******************  Todos os direitos reservados à SkyTemas  *******************/
/****************************  skytemas.forumeiros.com  *************************/
/*******************************************************************************/
/******************************************************************************/

/*Códigos em geral*/
#pun-about {
line-height: 150%;
padding: .6em 1em;
text-align: right;
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
}
#pun-visit, .main-box{
display: none;
}
a {
text-decoration: none !important;
}
/*Logo e Fundo*/
#pun-intro {
background-color: #75bff0;
background-image: url(http://i77.servimg.com/u/f77/17/32/13/00/banner10.jpg);
background-repeat: repeat-x;
border: 0!important;
border-bottom: 1px solid #75bff0;
margin: 0;
max-height: 170px;
overflow: hidden;
text-align: left;
}
#pun-intro {
border: 0 !important;
max-height: 170px;
overflow: hidden;
}

/*Menu do fórum*/
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a, #pun-foot a {
margin: 0;
font-weight: 700;
color: #ededed;
font-size: 12px;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

#pun-navlinks li a {
margin: 0 .8em 0 0;
}
#pun-head #pun-navlinks {
background-color: #333;
border-color: #ccc;
padding: .5em 1.1em .6em;
}
#pun-navlinks, #pun-foot {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
border-top: 5px solid #21c8ff !important;
height: 43px;
padding: 1px 10px 1px 10px !important;
overflow: visible !important;
}
#pun-navlinks ul {
padding-top: 14px;
border: 0 !important;
width: 90%;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}

/*Categorias*/
#main #main-content .main .main-head, .header .lastpost, .header .posts, .header .topics, .onglets li a, .onglets li a:hover, .page-title h2, .table-title h2 {
color: #636363!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px!important;
font-weight: 700!important;
text-shadow: 1px 1px 3px #fff;
}
.phpbb3 .forabg, #main #main-content .main {
background: #f0f0f0;
border: 1px solid #C4C4C4;
padding: 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.table-title h2, .header .topics, .header .posts, .header .lastpost, .page-title h2, .onglets li a, #main #main-content .main .main-head, .onglets li a:hover {
font-weight: 700 !important;
text-shadow: 1px 1px 3px #fff;
color: #636363 !important;
font-size: 12px !important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-foot, .main .main-head {
background-color: rgba(31, 83, 123, 0);
color: #000000;
font-weight: 400;
padding: .7em 1.3em;
}

/*Widgets*/
#right .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border: 1px solid #4380F0;
border-radius: 6px;
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
box-shadow: .0px .0px 03px #1F83DB;
}
#left .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border-radius: 6px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
}

/*Tópicos*/
.pun .post .user {
overflow: hidden;
background: #F8F5F1 url('http://www.tatulonas.com.br/fotos/cores_lonas/267.jpg') 0 top;
}
.userAdministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userAdministrador {
background: #881418;
}
.userBanido {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0868DE;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userBanido {
background: #0868DE;
}
.userSuporte {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8FBFFA;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userSuporte {
background: #8FBFFA;
}
.userDesigner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FD9C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userDesigner {
background: #FD9C00;
}
.userModerador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0026FF;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userModerador {
background: #0026FF;
}
.userGerente {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6200;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userGerente {
background: #FF6200;
}
.userNovato {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userNovato {
background: #00000;
}
.userMembro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembro {
background: #00000;
}
.userMembroAtivo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroAtivo {
background: #00000;
}
.userMembroBronze {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD7F32;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroBronze {
background: #CD7F32;
}
.userMembroPrata {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #C0C0C0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroPrata {
background: #C0C0C0;
}
.userMembroOuro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFD700;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroOuro {
background: #FFD700;
}
.userMembroLendario {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF8C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroLendario {
background: #FF8C00;
}
.userMembroExpert {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #120A8F;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroExpert {
background: #120A8F;
}
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
.user-info .i_icon_online {
  display: none;
}
/*Perfil*/
.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}

.pun .user-ident .user-basic-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}

.pun .user .user-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
hr {
  border: 0 none #D6D6D6;
  border-bottom: 1px solid white;
border-top: 1px solid #D6D6D6;
}
.pun .post .user {
text-align: center;
}

Quando adiciona-lo me diga por gentileza.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 21/08/14, 10:45 am

A alteração não mudou quase nenhuma, o primeiro código que me passou foi o melhor, tente modifica-lo com ele;
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior em 21/08/14, 10:52 am

Saudações! Muito feliz

Adicione este código no inicio de teu CSS.
Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
#left .module .main-head, #right .module .main-head, .feedTitle, .portal .module .main-head {background-color: #333 !important;background-image: none !important;border-top: 5px solid #21c8ff!important;box-shadow: none !important;border-top-left-radius: 1px !important;border-top-right-radius: 1px !important;border: transparent !important;}.h3 {color: #ededed !important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;font-size: 12px !important;font-weight: 700 !important;margin: 0 !important;text-shadow: none !important;}
Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 21/08/14, 11:32 am

Perfeito, porém os nomes das categorias não estão no centro e estão estranha, veja no fórum. Muito feliz
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior em 21/08/14, 12:57 pm

Saudações! Muito feliz

Adicione este código no inicio de teu CSS.
Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
.pun h2, .pun h3 {color: #FFFFFF!important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif!important;font-size: 12px!important;font-weight: 700!important;margin: 0!important;position: relative!important;text-shadow: none!important;top: 13px!important;text-align : center !important;z-index: 999999;}
Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 21/08/14, 06:58 pm

Veja como ficou: http://zonetoony.forumeiros.com/
As categorias ficaram ótimas, o problema que alterou no widget e na logo do fórum.
Minha folha de CSS:
Código:
#left .module .main-head, #right .module .main-head, .feedTitle, .portal .module .main-head {border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;padding: 0px 10px!important;position: relative;top: -5px;}.main-head {background-color: #333 !important;border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;
padding: 0px 10px!important;position: relative;top: -5px;}.h3 {color: #ededed !important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;font-size: 12px !important;font-weight: 700 !important;margin: 0 !important;position: relative !important;top: 13px !important;text-shadow: none !important;}



/*************************************************************************************/
/************************************************************************************/
/********************************  Play Revolt  ************************************/
/**************************  Tema criado por JQuery  ******************************/
/*******************  Todos os direitos reservados à SkyTemas  *******************/
/****************************  skytemas.forumeiros.com  *************************/
/*******************************************************************************/
/******************************************************************************/

/*Códigos em geral*/
#pun-about {
line-height: 150%;
padding: .6em 1em;
text-align: right;
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
}
#pun-visit, .main-box{
display: none;
}
a {
text-decoration: none !important;
}
/*Logo e Fundo*/
#pun-intro {
background-color: #75bff0;
background-image: url(http://i77.servimg.com/u/f77/17/32/13/00/banner10.jpg);
background-repeat: repeat-x;
border: 0!important;
border-bottom: 1px solid #75bff0;
margin: 0;
max-height: 170px;
overflow: hidden;
text-align: left;
}
#pun-intro {
border: 0 !important;
max-height: 170px;
overflow: hidden;
}

/*Menu do fórum*/
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a, #pun-foot a {
margin: 0;
font-weight: 700;
color: #ededed;
font-size: 12px;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

#pun-navlinks li a {
margin: 0 .8em 0 0;
}
#pun-head #pun-navlinks {
background-color: #333;
border-color: #ccc;
padding: .5em 1.1em .6em;
}
#pun-navlinks, #pun-foot {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
border-top: 5px solid #21c8ff !important;
height: 43px;
padding: 1px 10px 1px 10px !important;
overflow: visible !important;
}
#pun-navlinks ul {
padding-top: 14px;
border: 0 !important;
width: 90%;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}

/*Categorias*/
#main #main-content .main .main-head, .header .lastpost, .header .posts, .header .topics, .onglets li a, .onglets li a:hover, .page-title h2, .table-title h2 {
color: #636363!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px!important;
font-weight: 700!important;
text-shadow: 1px 1px 3px #fff;
}
.phpbb3 .forabg, #main #main-content .main {
background: #f0f0f0;
border: 1px solid #C4C4C4;
padding: 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.table-title h2, .header .topics, .header .posts, .header .lastpost, .page-title h2, .onglets li a, #main #main-content .main .main-head, .onglets li a:hover {
font-weight: 700 !important;
text-shadow: 1px 1px 3px #fff;
color: #636363 !important;
font-size: 12px !important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-foot, .main .main-head {
background-color: rgba(31, 83, 123, 0);
color: #000000;
font-weight: 400;
padding: .7em 1.3em;
}

/*Widgets*/
#right .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border: 1px solid #4380F0;
border-radius: 6px;
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
box-shadow: .0px .0px 03px #1F83DB;
}
#left .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border-radius: 6px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
}

/*Tópicos*/
.pun .post .user {
overflow: hidden;
background: #F8F5F1 url('http://www.tatulonas.com.br/fotos/cores_lonas/267.jpg') 0 top;
}
.userAdministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userAdministrador {
background: #881418;
}
.userBanido {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0868DE;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userBanido {
background: #0868DE;
}
.userSuporte {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8FBFFA;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userSuporte {
background: #8FBFFA;
}
.userDesigner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FD9C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userDesigner {
background: #FD9C00;
}
.userModerador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0026FF;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userModerador {
background: #0026FF;
}
.userGerente {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6200;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userGerente {
background: #FF6200;
}
.userNovato {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userNovato {
background: #00000;
}
.userMembro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembro {
background: #00000;
}
.userMembroAtivo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroAtivo {
background: #00000;
}
.userMembroBronze {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD7F32;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroBronze {
background: #CD7F32;
}
.userMembroPrata {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #C0C0C0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroPrata {
background: #C0C0C0;
}
.userMembroOuro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFD700;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroOuro {
background: #FFD700;
}
.userMembroLendario {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF8C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroLendario {
background: #FF8C00;
}
.userMembroExpert {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #120A8F;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroExpert {
background: #120A8F;
}
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
.user-info .i_icon_online {
  display: none;
}
/*Perfil*/
.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}

.pun .user-ident .user-basic-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}

.pun .user .user-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
hr {
  border: 0 none #D6D6D6;
  border-bottom: 1px solid white;
border-top: 1px solid #D6D6D6;
}
.pun .post .user {
text-align: center;
}
#left .module .main-head, #right .module .main-head, .feedTitle, .portal .module .main-head {background-color: #333 !important;background-image: none !important;border-top: 5px solid #21c8ff!important;box-shadow: none !important;border-top-left-radius: 1px !important;border-top-right-radius: 1px !important;border: transparent !important;}.h3 {color: #ededed !important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;font-size: 12px !important;font-weight: 700 !important;margin: 0 !important;text-shadow: none !important;}
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior em 22/08/14, 02:26 am

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
#main #main-content .main .main-head, .header .lastpost, .header .posts, .header .topics, .onglets li a, .onglets li a:hover, .page-title h2, .table-title h2 {
color: #EBEBEB!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;
font-size: 12px!important;
font-weight: 700!important;
text-shadow: none;
text-align: center;
position: relative;
}
Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 22/08/14, 10:52 am

Eu gostaria de tirar aquele efeito neon, tem como?
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior em 22/08/14, 11:15 pm

Saudações! Muito feliz

Claro! Altere por este código:
Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
#main #main-content .main .main-head, .header .lastpost, .header .posts, .header .topics, .onglets li a, .onglets li a:hover, .page-title h2, .table-title h2 {
color: #EBEBEB!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;
font-size: 12px!important;
font-weight: 700!important;
text-shadow: none!important;
text-align: center;
position: relative;
}
Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 23/08/14, 11:35 am

Não ficou que nem os widgets  Não Queria que ficasse que nem a fonte do widget.
Css
Código:
#left .module .main-head, #right .module .main-head, .feedTitle, .portal .module .main-head {border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;padding: 0px 10px!important;position: relative;top: -5px;}.main-head {background-color: #333 !important;border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;
padding: 0px 10px!important;position: relative;top: -5px;}.h3 {color: #ededed !important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;font-size: 12px !important;font-weight: 700 !important;margin: 0 !important;position: relative !important;top: 13px !important;text-shadow: none !important;}



/*************************************************************************************/
/************************************************************************************/
/********************************  Play Revolt  ************************************/
/**************************  Tema criado por JQuery  ******************************/
/*******************  Todos os direitos reservados à SkyTemas  *******************/
/****************************  skytemas.forumeiros.com  *************************/
/*******************************************************************************/
/******************************************************************************/

/*Códigos em geral*/
#pun-about {
line-height: 150%;
padding: .6em 1em;
text-align: right;
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
}
#pun-visit, .main-box{
display: none;
}
a {
text-decoration: none !important;
}
/*Logo e Fundo*/
#pun-intro {
background-color: #75bff0;
background-image: url(http://i77.servimg.com/u/f77/17/32/13/00/banner10.jpg);
background-repeat: repeat-x;
border: 0!important;
border-bottom: 1px solid #75bff0;
margin: 0;
max-height: 170px;
overflow: hidden;
text-align: left;
}
#pun-intro {
border: 0 !important;
max-height: 170px;
overflow: hidden;
}

/*Menu do fórum*/
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a, #pun-foot a {
margin: 0;
font-weight: 700;
color: #ededed;
font-size: 12px;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

#pun-navlinks li a {
margin: 0 .8em 0 0;
}
#pun-head #pun-navlinks {
background-color: #333;
border-color: #ccc;
padding: .5em 1.1em .6em;
}
#pun-navlinks, #pun-foot {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
border-top: 5px solid #21c8ff !important;
height: 43px;
padding: 1px 10px 1px 10px !important;
overflow: visible !important;
}
#pun-navlinks ul {
padding-top: 14px;
border: 0 !important;
width: 90%;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}

/*Categorias*/
#main #main-content .main .main-head, .header .lastpost, .header .posts, .header .topics, .onglets li a, .onglets li a:hover, .page-title h2, .table-title h2 {
color: #636363!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px!important;
font-weight: 700!important;
text-shadow: 1px 1px 3px #fff;
}
.phpbb3 .forabg, #main #main-content .main {
background: #f0f0f0;
border: 1px solid #C4C4C4;
padding: 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.table-title h2, .header .topics, .header .posts, .header .lastpost, .page-title h2, .onglets li a, #main #main-content .main .main-head, .onglets li a:hover {
font-weight: 700 !important;
text-shadow: 1px 1px 3px #fff;
color: #636363 !important;
font-size: 12px !important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-foot, .main .main-head {
background-color: rgba(31, 83, 123, 0);
color: #000000;
font-weight: 400;
padding: .7em 1.3em;
}

/*Widgets*/
#right .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border: 1px solid #4380F0;
border-radius: 6px;
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
box-shadow: .0px .0px 03px #1F83DB;
}
#left .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border-radius: 6px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
}

/*Tópicos*/
.pun .post .user {
overflow: hidden;
background: #F8F5F1 url('http://www.tatulonas.com.br/fotos/cores_lonas/267.jpg') 0 top;
}
.userAdministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userAdministrador {
background: #881418;
}
.userBanido {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0868DE;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userBanido {
background: #0868DE;
}
.userSuporte {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8FBFFA;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userSuporte {
background: #8FBFFA;
}
.userDesigner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FD9C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userDesigner {
background: #FD9C00;
}
.userModerador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0026FF;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userModerador {
background: #0026FF;
}
.userGerente {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6200;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userGerente {
background: #FF6200;
}
.userNovato {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userNovato {
background: #000000;
}
.userMembro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembro {
background: #00000;
}
.userMembroAtivo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroAtivo {
background: #00000;
}
.userMembroBronze {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD7F32;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroBronze {
background: #CD7F32;
}
.userMembroPrata {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #C0C0C0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroPrata {
background: #C0C0C0;
}
.userMembroOuro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFD700;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroOuro {
background: #FFD700;
}
.userMembroLendario {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF8C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroLendario {
background: #FF8C00;
}
.userMembroExpert {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #120A8F;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroExpert {
background: #120A8F;
}
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
/*Perfil*/
.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .post .user {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border-radius: 5px;
box-shadow: inset rgba(255,255,255,0.08) 0 1px 0px, inset rgba(255,255,255,0.02) 0 0 0 1px, rgba(0,0,0,0.9) 0 1px 3px;
float: left;
font-size: 12px;
line-height: 150%;
margin-bottom: 10px;
margin-left: -17em;
margin-top: .8em;
padding: 10px;
text-align: center;
width: 155px;}
#left .module .main-head, #right .module .main-head, .feedTitle, .portal .module .main-head {background-color: #333 !important;background-image: none !important;border-top: 5px solid #21c8ff!important;box-shadow: none !important;border-top-left-radius: 1px !important;border-top-right-radius: 1px !important;border: transparent !important;}.h3 {color: #ededed !important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;font-size: 12px !important;font-weight: 700 !important;margin: 0 !important;text-shadow: none !important;}

OBS: O código inicial é as categorias, o código abaixo são os widgets;
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior em 23/08/14, 03:21 pm

Olá,

Altere teu CSS pelo abaixo:
Código:
.page-title h2 {color: #ededed!important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif!important;font-size: 12px!important;font-weight: 700!important;margin: 0!important;position: relative!important;text-shadow: none!important;top: 13px!important;text-align: center !important;}#left .module .main-head, #right .module .main-head, .feedTitle, .portal .module .main-head {border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;padding: 0px 10px!important;position: relative;top: -5px;}.main-head {background-color: #333 !important;border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;
padding: 0px 10px!important;position: relative;top: -5px;}.h3 {color: #ededed !important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;font-size: 12px !important;font-weight: 700 !important;margin: 0 !important;position: relative !important;top: 13px !important;text-shadow: none !important;}



/*************************************************************************************/
/************************************************************************************/
/********************************  Play Revolt  ************************************/
/**************************  Tema criado por JQuery  ******************************/
/*******************  Todos os direitos reservados à SkyTemas  *******************/
/****************************  skytemas.forumeiros.com  *************************/
/*******************************************************************************/
/******************************************************************************/

/*Códigos em geral*/
#pun-about {
line-height: 150%;
padding: .6em 1em;
text-align: right;
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
}
#pun-visit, .main-box{
display: none;
}
a {
text-decoration: none !important;
}
/*Logo e Fundo*/
#pun-intro {
background-color: #75bff0;
background-image: url(http://i77.servimg.com/u/f77/17/32/13/00/banner10.jpg);
background-repeat: repeat-x;
border: 0!important;
border-bottom: 1px solid #75bff0;
margin: 0;
max-height: 170px;
overflow: hidden;
text-align: left;
}
#pun-intro {
border: 0 !important;
max-height: 170px;
overflow: hidden;
}

/*Menu do fórum*/
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a, #pun-foot a {
margin: 0;
font-weight: 700;
color: #ededed;
font-size: 12px;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

#pun-navlinks li a {
margin: 0 .8em 0 0;
}
#pun-head #pun-navlinks {
background-color: #333;
border-color: #ccc;
padding: .5em 1.1em .6em;
}
#pun-navlinks, #pun-foot {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
border-top: 5px solid #21c8ff !important;
height: 43px;
padding: 1px 10px 1px 10px !important;
overflow: visible !important;
}
#pun-navlinks ul {
padding-top: 14px;
border: 0 !important;
width: 90%;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}

/*Categorias*/
#main #main-content .main .main-head, .header .lastpost, .header .posts, .header .topics, .onglets li a, .onglets li a:hover, .page-title h2, .table-title h2 {
color: #636363!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px!important;
font-weight: 700!important;
text-shadow: 1px 1px 3px #fff;
}
.phpbb3 .forabg, #main #main-content .main {
background: #f0f0f0;
border: 1px solid #C4C4C4;
padding: 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.table-title h2, .header .topics, .header .posts, .header .lastpost, .page-title h2, .onglets li a, #main #main-content .main .main-head, .onglets li a:hover {
font-weight: 700 !important;
text-shadow: 1px 1px 3px #fff;
color: #636363 !important;
font-size: 12px !important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-foot, .main .main-head {
background-color: rgba(31, 83, 123, 0);
color: #000000;
font-weight: 400;
padding: .7em 1.3em;
}

/*Widgets*/
#right .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border: 1px solid #4380F0;
border-radius: 6px;
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
box-shadow: .0px .0px 03px #1F83DB;
}
#left .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border-radius: 6px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
}

/*Tópicos*/
.pun .post .user {
overflow: hidden;
background: #F8F5F1 url('http://www.tatulonas.com.br/fotos/cores_lonas/267.jpg') 0 top;
}
.userAdministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userAdministrador {
background: #881418;
}
.userBanido {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0868DE;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userBanido {
background: #0868DE;
}
.userSuporte {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8FBFFA;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userSuporte {
background: #8FBFFA;
}
.userDesigner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FD9C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userDesigner {
background: #FD9C00;
}
.userModerador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0026FF;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userModerador {
background: #0026FF;
}
.userGerente {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6200;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userGerente {
background: #FF6200;
}
.userNovato {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userNovato {
background: #000000;
}
.userMembro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembro {
background: #00000;
}
.userMembroAtivo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroAtivo {
background: #00000;
}
.userMembroBronze {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD7F32;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroBronze {
background: #CD7F32;
}
.userMembroPrata {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #C0C0C0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroPrata {
background: #C0C0C0;
}
.userMembroOuro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFD700;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroOuro {
background: #FFD700;
}
.userMembroLendario {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF8C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroLendario {
background: #FF8C00;
}
.userMembroExpert {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #120A8F;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroExpert {
background: #120A8F;
}
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
/*Perfil*/
.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .post .user {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border-radius: 5px;
box-shadow: inset rgba(255,255,255,0.08) 0 1px 0px, inset rgba(255,255,255,0.02) 0 0 0 1px, rgba(0,0,0,0.9) 0 1px 3px;
float: left;
font-size: 12px;
line-height: 150%;
margin-bottom: 10px;
margin-left: -17em;
margin-top: .8em;
padding: 10px;
text-align: center;
width: 155px;}
#left .module .main-head, #right .module .main-head, .feedTitle, .portal .module .main-head {background-color: #333 !important;background-image: none !important;border-top: 5px solid #21c8ff!important;box-shadow: none !important;border-top-left-radius: 1px !important;border-top-right-radius: 1px !important;border: transparent !important;}.h3 {color: #ededed !important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;font-size: 12px !important;font-weight: 700 !important;margin: 0 !important;text-shadow: none !important;}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 23/08/14, 03:57 pm

Perfeito, tem como alterar a cor da fonte para branca?
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Lima 3005 em 23/08/14, 04:29 pm

Código:
.page-title h2 {color: white!important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif!important;font-size: 12px!important;font-weight: 700!important;margin: 0!important;position: relative!important;text-shadow: none!important;top: 13px!important;text-align: center !important;}#left .module .main-head, #right .module .main-head, .feedTitle, .portal .module .main-head {border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;padding: 0px 10px!important;position: relative;top: -5px;}.main-head {background-color: #333 !important;border-top: 5px solid #21c8ff!important;height: 43px;overflow: visible!important;
padding: 0px 10px!important;position: relative;top: -5px;}.h3 {color: #ededed !important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;font-size: 12px !important;font-weight: 700 !important;margin: 0 !important;position: relative !important;top: 13px !important;text-shadow: none !important;}



/*************************************************************************************/
/************************************************************************************/
/********************************  Play Revolt  ************************************/
/**************************  Tema criado por JQuery  ******************************/
/*******************  Todos os direitos reservados à SkyTemas  *******************/
/****************************  skytemas.forumeiros.com  *************************/
/*******************************************************************************/
/******************************************************************************/

/*Códigos em geral*/
#pun-about {
line-height: 150%;
padding: .6em 1em;
text-align: right;
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
}
#pun-visit, .main-box{
display: none;
}
a {
text-decoration: none !important;
}
/*Logo e Fundo*/
#pun-intro {
background-color: #75bff0;
background-image: url(http://i77.servimg.com/u/f77/17/32/13/00/banner10.jpg);
background-repeat: repeat-x;
border: 0!important;
border-bottom: 1px solid #75bff0;
margin: 0;
max-height: 170px;
overflow: hidden;
text-align: left;
}
#pun-intro {
border: 0 !important;
max-height: 170px;
overflow: hidden;
}

/*Menu do fórum*/
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: underline;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks li a, #pun-foot a {
margin: 0;
font-weight: 700;
color: #ededed;
font-size: 12px;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

#pun-navlinks li a {
margin: 0 .8em 0 0;
}
#pun-head #pun-navlinks {
background-color: #333;
border-color: #ccc;
padding: .5em 1.1em .6em;
}
#pun-navlinks, #pun-foot {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
border-top: 5px solid #21c8ff !important;
height: 43px;
padding: 1px 10px 1px 10px !important;
overflow: visible !important;
}
#pun-navlinks ul {
padding-top: 14px;
border: 0 !important;
width: 90%;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}

/*Categorias*/
#main #main-content .main .main-head, .header .lastpost, .header .posts, .header .topics, .onglets li a, .onglets li a:hover, .page-title h2, .table-title h2 {
color: #636363!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px!important;
font-weight: 700!important;
text-shadow: 1px 1px 3px #fff;
}
.phpbb3 .forabg, #main #main-content .main {
background: #f0f0f0;
border: 1px solid #C4C4C4;
padding: 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.table-title h2, .header .topics, .header .posts, .header .lastpost, .page-title h2, .onglets li a, #main #main-content .main .main-head, .onglets li a:hover {
font-weight: 700 !important;
text-shadow: 1px 1px 3px #fff;
color: #636363 !important;
font-size: 12px !important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-foot, .main .main-head {
background-color: rgba(31, 83, 123, 0);
color: #000000;
font-weight: 400;
padding: .7em 1.3em;
}

/*Widgets*/
#right .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border: 1px solid #4380F0;
border-radius: 6px;
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
box-shadow: .0px .0px 03px #1F83DB;
}
#left .module .main-head, #left .module .main-head, .feedTitle, .portal .module .main-head {
font-weight: bold;
font: 15px!important;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
margin: 3px;
padding: 10px 0px;
border-radius: 6px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background-image: -o-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -ms-linear-gradient(#87e0fd,#53cbf1,#05abe0);
background-image: -webkit-linear-gradient(#87e0fd,#53cbf1,#05abe0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ) !important;
color: #227BF0 !important;
text-align: center;
text-transform: uppercase;
text-shadow: .0px .5px 01px #CEE3F5;
}

/*Tópicos*/
.pun .post .user {
overflow: hidden;
background: #F8F5F1 url('http://www.tatulonas.com.br/fotos/cores_lonas/267.jpg') 0 top;
}
.userAdministrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userAdministrador {
background: #881418;
}
.userBanido {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0868DE;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userBanido {
background: #0868DE;
}
.userSuporte {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8FBFFA;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userSuporte {
background: #8FBFFA;
}
.userDesigner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FD9C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userDesigner {
background: #FD9C00;
}
.userModerador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0026FF;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userModerador {
background: #0026FF;
}
.userGerente {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6200;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userGerente {
background: #FF6200;
}
.userNovato {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #000000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userNovato {
background: #000000;
}
.userMembro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembro {
background: #00000;
}
.userMembroAtivo {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #00000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroAtivo {
background: #00000;
}
.userMembroBronze {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD7F32;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroBronze {
background: #CD7F32;
}
.userMembroPrata {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #C0C0C0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroPrata {
background: #C0C0C0;
}
.userMembroOuro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFD700;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroOuro {
background: #FFD700;
}
.userMembroLendario {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF8C00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroLendario {
background: #FF8C00;
}
.userMembroExpert {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #120A8F;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}

.userMembroExpert {
background: #120A8F;
}
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
/*Perfil*/
.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .post .user {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border-radius: 5px;
box-shadow: inset rgba(255,255,255,0.08) 0 1px 0px, inset rgba(255,255,255,0.02) 0 0 0 1px, rgba(0,0,0,0.9) 0 1px 3px;
float: left;
font-size: 12px;
line-height: 150%;
margin-bottom: 10px;
margin-left: -17em;
margin-top: .8em;
padding: 10px;
text-align: center;
width: 155px;}
#left .module .main-head, #right .module .main-head, .feedTitle, .portal .module .main-head {background-color: #333 !important;background-image: none !important;border-top: 5px solid #21c8ff!important;box-shadow: none !important;border-top-left-radius: 1px !important;border-top-right-radius: 1px !important;border: transparent !important;}.h3 {color: #ededed !important;font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif !important;font-size: 12px !important;font-weight: 700 !important;margin: 0 !important;text-shadow: none !important;}
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 23/08/14, 04:34 pm

Não resultou
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior em 24/08/14, 07:32 am

Olá,

Adicione este código acima de todos:
Código:
.pun h2, .pun h3, .pun input, .pun select, .pun th {
color: white !important;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 em 24/08/14, 08:36 am

Não resultou continua preta..
avatar

Meky3
Nível 10

Masculino
Inscrito dia : 17/07/2013
Mensagens : 290
Pontos Ativos : 471

Ver perfil do usuário http://zonetoony.forumeiros.com/

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

- Tópicos similares

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