Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Registre-se em verde
Ontem à(s) 11:48 pm por Harleen

» Widget staff online
Ontem à(s) 11:33 pm por Harleen

» Assinatura grande!
Ontem à(s) 09:46 pm por Uatyla

» Sub-Fóruns
Ontem à(s) 07:23 pm por Harleen

» Skin do Fórum
Ontem à(s) 07:03 pm por Harleen

» Caixa de busca
Ontem à(s) 06:58 pm por Fatalisss

» Categorias
Ontem à(s) 05:16 pm por Froozen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Lincoln
 
Roger_Crazzy
 
Holkis
 

Quem está conectado
212 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 210 Visitantes :: 2 Motores de busca

ViniZiNN, Weep

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

personalização de menu

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

Resolvido personalização de menu

Mensagem por William_iHarDz em 23/03/15, 06:05 pm

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Administrador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Problema começou : sempre
Endereço do fórum : http://playfatal.forumeiros.com/forum

Descrição do problema

Olá senhores da forumeiros gostaria de uma ajuda iper mega importante para mim gostaria de mudar meu menu que é este http://imgur.com/Zf7lvgA para este aqui http://imgur.com/Fbm7YQi forum onde eu vi http://teste98.forumeiros.com/ estou aguardando resposta muito obrigado
avatar

William_iHarDz
Nível 9

Masculino
Inscrito dia : 09/06/2014
Mensagens : 159
Pontos Ativos : 263

http://www.playfatal.forumeiros.com/forum

Resolvido Re: personalização de menu

Mensagem por Gaaratsu em 23/03/15, 06:38 pm

Saudações!

Cá está o código:
Código:
#pun-navlinks {
  -moz-border-radius: 3px;
  -moz-box-shadow: rgba(255,255,255,0.1) 0 1px 0px, rgba(255,255,255,0.05) 0 0 0 1px, inset #000 0 1px 4px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0px, rgba(255,255,255,0.05) 0 0 0 1px, inset #000 0 1px 4px;
  background: rgba(0,0,0,0.3) url(http://i55.servimg.com/u/f55/18/71/50/00/trans310.png) repeat;
  background-color: #141414;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFW…iDyvqNykIjfqGyiCB+4uL+JMUUNMvRCDSHo3nrL0CAAQBzOzIE69Ar8wAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  border-bottom: 3px solid red!important;
  border-radius: 3px;
  box-shadow: rgba(255,255,255,0.1) 0 1px 0px, rgba(255,255,255,0.05) 0 0 0 1px, inset #000 0 1px 4px;
  color: #fff;
  display: block;
  float: right;
  font-family: Lato,"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 35px;
  line-height: 30px;
  margin-left: -15px;
  margin-top: 16px;
  padding: 5px 20px 13px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 101%;
}
#pun-navlinks a.mainmenu {
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  -webkit-transition: all .15s ease-in-out;
  color: #e9ebed;
  height: 35px;
  line-height: 35px;
  padding: 8px;
}
#pun-navlinks a, #pun-navlinks a:visited {
  text-decoration: none;
}
#pun-navlinks ul {
  list-style: none;
  text-align: center;
}
#pun-navlinks a.mainmenu:hover {
  background: rgba(255,255,255,0.05) url(http://i55.servimg.com/u/f55/18/71/50/00/nav_ac10.png) repeat;
  color: #fff;
  text-decoration: none;
  text-shadow: #fff 0 0 4px;
}
Caminho: CPainel >> Visualização >> Imagens e Cores > Cores >>> Folha de estilo CSS

Até! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: personalização de menu

Mensagem por William_iHarDz em 23/03/15, 06:42 pm

deu um erro http://imgur.com/HIMb1Ez tem como arrumar n fico do mesmo jeito
avatar

William_iHarDz
Nível 9

Masculino
Inscrito dia : 09/06/2014
Mensagens : 159
Pontos Ativos : 263

http://www.playfatal.forumeiros.com/forum

Resolvido Re: personalização de menu

Mensagem por Gaaratsu em 23/03/15, 06:52 pm

Perdão amigão, o erro foi meu! Eu confundi os fóruns Louco

Substitua por este:
Código:
#pun-head #pun-navlinks {
 background-color: #18405e;
 border-color: #ddd;
 padding: .5em 1.1em .6em;
}
div#pun-navlinks {
 left: 16px!important;
 margin-left: -6pc!important;
 position: relative!important;
 width: auto!important;
}
#pun-navlinks li a.mainmenu {
  background: none!important;
  border: 0!important;
  margin-left: 20px!important;
}
#pun-navlinks a, #pun-navlinks a:visited {
  text-decoration: none;
}
#pun-navlinks li a {
  margin: 0 .8em 0 0;
  position: relative!important;
  top: 5px!important;
}
#pun-navlinks ul {
  list-style: none;
  text-align: center;
}
#pun-navlinks li:hover {
  background: #525151!important;
  border-bottom: 3px solid #22242D!important;
  border-left: 1px solid #fff;
  cursor: pointer;
  margin-left: -1px!important;
  padding-bottom: 19px!important;
  padding-top: 13px!important;
  position: relative!important;
}
#pun-navlinks a:hover {
  border-top: 3px solid red;
  color: #fff!important;
  padding-bottom: 11px!important;
}

Até! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: personalização de menu

Mensagem por William_iHarDz em 23/03/15, 07:01 pm

deu erro novamente amigão http://imgur.com/4uzUyS4
qué que eu te envie meu css ou te dou painel no forum ? ficaria mais facil
avatar

William_iHarDz
Nível 9

Masculino
Inscrito dia : 09/06/2014
Mensagens : 159
Pontos Ativos : 263

http://www.playfatal.forumeiros.com/forum

Resolvido Re: personalização de menu

Mensagem por Gaaratsu em 23/03/15, 07:45 pm

O que falta ainda amigão? Na print o menu está embaixo, no teu fórum o menu está ao lado da logo... fiquei confuso! Louco
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: personalização de menu

Mensagem por William_iHarDz em 23/03/15, 07:54 pm

sim amigo eu gostaria de deixar o menu por inteiro assim igual http://imgur.com/Fbm7YQi
avatar

William_iHarDz
Nível 9

Masculino
Inscrito dia : 09/06/2014
Mensagens : 159
Pontos Ativos : 263

http://www.playfatal.forumeiros.com/forum

Resolvido Re: personalização de menu

Mensagem por Gaaratsu em 23/03/15, 08:11 pm

Substitua por este:
Código:
#pun-intro {
  display: none!important;
}
#pun-head #pun-navlinks {
  background-color: #18405e;
  border-color: #ddd;
  padding: .5em 1.1em .6em;
}
div#pun-navlinks {
  left: 16px!important;
  margin-left: -6pc!important;
  position: relative!important;
  width: auto!important;
}
#pun-navlinks {
  background-image: url(http://i.imgur.com/FXjNmov.png);
  background-repeat: repeat-x;
  border-bottom: 3px solid #1582C6!important;
  color: #fff;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 34px;
  line-height: 30px;
  text-decoration: none;
}
#pun-navlinks ul {
  list-style: none;
  text-align: center;
}
#pun-navlinks li {
  border-right: 1px solid #fff;
  padding-bottom: 8px!important;
}
#pun-navlinks li {
  display: inline;
  font-size: 1.15em;
}
#pun-navlinks li a.mainmenu {
  background: none!important;
  border: 0!important;
  margin-left: 20px!important;
}
#pun-navlinks a, #pun-navlinks a:visited {
  text-decoration: none;
}
#pun-navlinks li a {
  margin: 0 .8em 0 0;
  position: relative!important;
  top: 5px!important;
}
#pun-navlinks li:hover {
  background: #525151!important;
  border-bottom: 3px solid #22242D!important;
  border-left: 1px solid #fff;
  cursor: pointer;
  margin-left: -1px!important;
  padding-bottom: 19px!important;
  padding-top: 13px!important;
  position: relative!important;
}
Testei em meu fórum e resultou perfeitamente! Muito feliz

Até amigão! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: personalização de menu

Mensagem por William_iHarDz em 23/03/15, 08:24 pm

lol deu um erro bem loko sumio o menu!
http://imgur.com/EBjw0pc
css
http://imgur.com/f2Khoij
avatar

William_iHarDz
Nível 9

Masculino
Inscrito dia : 09/06/2014
Mensagens : 159
Pontos Ativos : 263

http://www.playfatal.forumeiros.com/forum

Resolvido Re: personalização de menu

Mensagem por Gaaratsu em 23/03/15, 10:45 pm

Amigo, uma hora entro no teu fórum e o menu está ao lado da logo, outra está abaixo dela, estou ficando cada vez mais confuso... Tonto
Eu testei o código em meu fórum e é funcional, pode me mandar a tua CSS?

Até! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: personalização de menu

Mensagem por William_iHarDz em 24/03/15, 01:19 am

up pego do jeito que eu queria eu tinha botado errado perdao vlw amore <3 UP!!
avatar

William_iHarDz
Nível 9

Masculino
Inscrito dia : 09/06/2014
Mensagens : 159
Pontos Ativos : 263

http://www.playfatal.forumeiros.com/forum

Resolvido Re: personalização de menu

Mensagem por Gaaratsu em 24/03/15, 01:53 pm

Sou homem amigão! Rindo

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

Até! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

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