Botoes do menu

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

Resolvido Botoes do menu

Mensagem por coenzi em 20/01/14, 03:11 am

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


Última edição por coenzi em 27/01/14, 08:53 pm, editado 1 vez(es)
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botoes do menu

Mensagem por Alex Habilidade em 20/01/14, 09:22 am

Olá,

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

Cordiais Saudações;
Alex!Piscada
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Botoes do menu

Mensagem por coenzi em 24/01/14, 07:35 pm

não ajudou em nada, '-'
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botoes do menu

Mensagem por JScript em 25/01/14, 12:56 am

@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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Botoes do menu

Mensagem por coenzi em 25/01/14, 12:15 pm

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 '-'
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botoes do menu

Mensagem por coenzi em 26/01/14, 02:12 pm

alguém poderia ajudar ?..
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botoes do menu

Mensagem por Azure em 26/01/14, 02:29 pm

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

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

Azure
Usuário destaque

Masculino
Inscrito dia : 17/04/2008
Mensagens : 810
Pontos Ativos : 785

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

Resolvido Re: Botoes do menu

Mensagem por coenzi em 26/01/14, 02:48 pm

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

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botoes do menu

Mensagem por Gaaratsu em 26/01/14, 02:58 pm

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! Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Botoes do menu

Mensagem por coenzi em 26/01/14, 03:37 pm

nem 1 efeito amigo '-'
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botoes do menu

Mensagem por coenzi em 27/01/14, 06:14 pm

alguém poderia ajudar? '-'
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botoes do menu

Mensagem por JScript em 27/01/14, 07:14 pm

@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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

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

Resolvido Re: Botoes do menu

Mensagem por coenzi em 27/01/14, 08:59 pm

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

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botoes do menu

Mensagem por Gaaratsu em 27/01/14, 09:17 pm

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! Muito feliz
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

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

- Tópicos similares

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