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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
186 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 185 Visitantes :: 2 Motores de busca

soldado

[ 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 : 214
Pontos Ativos : 336

Ver perfil do usuário 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 : 5549
Pontos Ativos : 6948

Ver perfil do usuário 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 : 214
Pontos Ativos : 336

Ver perfil do usuário 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 : 5549
Pontos Ativos : 6948

Ver perfil do usuário 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 : 214
Pontos Ativos : 336

Ver perfil do usuário 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 : 5549
Pontos Ativos : 6948

Ver perfil do usuário 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 : 214
Pontos Ativos : 336

Ver perfil do usuário 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 : 5549
Pontos Ativos : 6948

Ver perfil do usuário 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 : 214
Pontos Ativos : 336

Ver perfil do usuário 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 : 5549
Pontos Ativos : 6948

Ver perfil do usuário 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 : 214
Pontos Ativos : 336

Ver perfil do usuário 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 : 5549
Pontos Ativos : 6948

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