[RESOLVIDO]Menu igual widgets e categorias

3 participantes

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

Tópico resolvido [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 20.08.14 2:06

Minha questão é: https://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 17:16, editado 1 vez(es)
Meky3

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior 20.08.14 17:58

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 20.08.14 22:54

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>
Meky3

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior 21.08.14 0:25

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 21.08.14 0:28

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

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior 21.08.14 6:23

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 21.08.14 13:54

Os widgets não ficaram iguais. :/
Meky3

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior 21.08.14 14:12

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 21.08.14 14:15

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

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior 21.08.14 14:35

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 21.08.14 14:45

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

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior 21.08.14 14:52

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 21.08.14 15:32

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

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior 21.08.14 16:57

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 21.08.14 22:58

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

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior 22.08.14 6:26

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 22.08.14 14:52

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

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior 23.08.14 3:15

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 23.08.14 15:35

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

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior 23.08.14 19:21

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 23.08.14 19:57

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

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Lima 3005 23.08.14 20:29

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

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 23.08.14 20:34

Não resultou
Meky3

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Sennior 24.08.14 11:32

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: [RESOLVIDO]Menu igual widgets e categorias

Mensagem por Meky3 24.08.14 12:36

Não resultou continua preta..
Meky3

Meky3
****

Membro desde : 17/07/2013
Mensagens : 290
Pontos : 471

http://zonetoony.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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