Botoes do menu

Qual é minha questão:
Como deixo os botoes do menu do meu fórum igual o deste fórum ?
http://suportedesign.forumeiros.com/



Endereço do meu fórum:
http://narutolegendrpggame.forumeiros.com

Versão do fórum:
INVISION

Olá,

Veja este tutorial, creio que ajudará você nessa questão:
Adicionar um menu CSS Maker

Cordiais Saudações;
Alex!

não ajudou em nada, '-'

@coenzi
Olá amigo!

Tens certeza mesmo de que quer do mesmo estilo?! Vejamos: Seu fórum é versão INVISION, o outro é PunBB, o seu utiliza um tema e lá é utilizado outro!

Fica meio sem sentido pegar o CSS do outro fórum e "adaptar" ao seu não acha?

JS

na verdade, eu não acho, se for possível, eu gostaria sim.. pq não?

Editado, mudei meu fórum para a versão PHPB e acredito que é mais facil para você me passar o codigo daquele menu '-'

alguém poderia ajudar ?..

Muda a versão do seu fórum para phpBB 3 e segue esse tutorial!

https://ajuda.forumeiros.com/t77422-tutorial-adicionar-um-menu-css-maker

o fórum q tem os botões é PHPB praq mudar se eles conseguiram aquele designer no PHPBB '-'

Saudações meu caro!

O menu foi feito de outro site, ao qual o CSS Maker. Neste caso, vou lhe passar os códigos!

Código HTML:

Código:

<div id="cssmenu"><ul><li class="active"><a href="/">Início</a></li><li><a href="/portal">Portal</a></li><li><a href="/profile?mode=editprofile">Perfil</a></li><li><a href="/memberlist">Membros</a></li><li><a href="/groups">Grupos</a></li><li><a href="/register">Registar-se</a></li><li class="last"><a href="/login">Entrar</a></li></ul></div>

Código CSS:

Código:

#cssmenu{background:#333;border:0;border-bottom:4px solid #1b9bff;font-family:'Oxygen Mono', Tahoma, Trebuchet MS, sans-serif;font-size:12px;margin:0 0 0 -5px;padding:0;width:102%}#cssmenu li,#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul{position:relative;text-transform:uppercase;z-index:597}#cssmenu ul li{float:left;min-height:1px;vertical-align:middle}#cssmenu ul li.hover,#cssmenu ul li:hover{cursor:default;position:relative;z-index:599}#cssmenu ul ul{border-top:4px solid #1b9bff;bottom:0;left:0;margin-top:0;min-width:190px;position:absolute;text-transform:none;top:100%;visibility:hidden;width:100%;z-index:598}#cssmenu ul ul li{float:none;font-weight:400;position:relative}#cssmenu ul ul ul{border-top:0 none;left:auto;right:-99.5%;top:0}#cssmenu ul li:hover > ul{visibility:visible}#cssmenu a{background:#333;color:#CBCBCB;display:block;line-height:1em;padding:0 20px;text-decoration:none}#cssmenu > ul{display:inline-block}#cssmenu ul:after,#cssmenu:after{clear:both;content:'';display:block}#cssmenu ul ul a{background:#1b9bff;border:1px solid #0082e7;border-top:0 none;color:#FFF;line-height:150%;padding:16px 20px}#cssmenu ul ul li:first-child > a{border-top:1px solid #0082e7}#cssmenu ul ul li:hover > a{background:#35a6ff}#cssmenu ul ul li:last-child > a{-moz-background-clip:padding;-moz-border-radius:0 0 3px 3px;-moz-box-shadow:0 1px 0 #1b9bff;-webkit-background-clip:padding-box;-webkit-border-radius:0 0 3px 3px;-webkit-box-shadow:0 1px 0 #1b9bff;background-clip:padding-box;border-radius:0 0 3px 3px;box-shadow:0 1px 0 #1b9bff}#cssmenu ul ul li:last-child:hover > a{-moz-background-clip:padding;-moz-border-radius:0 0 0 3px;-webkit-background-clip:padding-box;-webkit-border-radius:0 0 0 3px;background-clip:padding-box;border-radius:0 0 0 3px}#cssmenu ul ul li.has-sub > a:after{content:'+';margin-top:-8px;position:absolute;right:15px;top:50%}#cssmenu ul li.active > a,#cssmenu ul li:hover > a{background:#1b9bff;color:#FFF}#cssmenu ul li.has-sub > a:after{content:'+';margin-left:5px}#cssmenu ul li.last ul{left:auto;right:0}#cssmenu ul li.last ul ul{left:auto;right:99.5%}#cssmenu > ul > li > a{line-height:48px}

Local: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Até mais!

nem 1 efeito amigo '-'

alguém poderia ajudar? '-'

coenzi escreveu:Como deixo os botoes do menu do meu fórum igual o deste fórum ?
http://suportedesign.forumeiros.com/

Olá, aqui está o código:

Código:


#pun-head #pun-navlinks ul li:nth-of-type(1) a {
  background: none repeat scroll 0 0 #1B9BFF !important;
  color: #FFFFFF;
}
#pun-navlinks li a {
  margin: 0 !important;
}
#pun-navlinks a {
  background: none repeat scroll 0 0 #333333;
  color: #CBCBCB;
  display: block;
  line-height: 1em;
  padding: 0 20px;
  text-decoration: none;
}
#pun-navlinks > ul > li > a {
    line-height: 48px;
}
#pun-navlinks ul li.active > a, #pun-navlinks ul li:hover > a {
    background: none repeat scroll 0px 0px #1B9BFF;
    color: #FFFFFF;
}
#pun-head #pun-navlinks ul li {
  float: left;
  height: 48px;
  min-height: 1px;
  vertical-align: middle;
}
#pun-head #pun-navlinks ul {
    position: relative;
    text-transform: uppercase;
    z-index: 597;
}
#pun-head #pun-navlinks {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #333333 !important;
  border-color: -moz-use-text-color -moz-use-text-color #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
  font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif !important;
  font-size: 12px !important;
  margin: 0 0 0 -5px !important;
  padding: 0 !important;
  width: 101%;
}


Resultado:


Abraços,

JS

man, tem como centralizar os botões? '-'

Saudações meu caro!

Substitua o código fornecido pelo o nosso grande Ajudeiro JScript por este:

Código:

#pun-head #pun-navlinks ul li:nth-of-type(1) a {
  background: none repeat scroll 0 0 #1B9BFF !important;
  color: #FFFFFF;
}
#pun-navlinks li a {
  margin: 0 !important;
}
#pun-navlinks a {
  background: none repeat scroll 0 0 #333333;
  color: #CBCBCB;
  display: block;
  line-height: 1em;
  padding: 0 20px;
  text-decoration: none;
}
#pun-navlinks > ul > li > a {
     line-height: 48px;
}
#pun-navlinks ul li.active > a, #pun-navlinks ul li:hover > a {
     background: none repeat scroll 0px 0px #1B9BFF;
     color: #FFFFFF;
}
#pun-head #pun-navlinks ul li {
  float: center !important;
  height: 48px;
  min-height: 1px;
  vertical-align: middle;
}
#pun-head #pun-navlinks ul {
     position: center !important;
     text-transform: uppercase;
     z-index: 597;
}
#pun-head #pun-navlinks {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #333333 !important;
  border-color: -moz-use-text-color -moz-use-text-color #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
  font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif !important;
  font-size: 12px !important;
  margin: 0 0 0 -5px !important;
  padding: 0 !important;
  width: 101%;
}

Não se esqueça de salvar!

Cordiais saudações!