personalização de menu

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 https://imgur.com/Zf7lvgA para este aqui https://imgur.com/Fbm7YQi forum onde eu vi http://teste98.forumeiros.com/ estou aguardando resposta muito obrigado

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

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

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

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

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

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!

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

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!

Até amigão!

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

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...
Eu testei o código em meu fórum e é funcional, pode me mandar a tua CSS?

Até!

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

Sou homem amigão!

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