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
» Nova opção de login
Hoje à(s) 07:06 am por Starset

» Template quebra ao ser editado
Hoje à(s) 07:02 am por Starset

» Como fazer sub entrada?
Hoje à(s) 01:31 am por Czins

» Problema após adicionar widget
Hoje à(s) 12:52 am por Harleen

» Pagina Desalinhado
Ontem à(s) 11:33 pm por Harleen

» (PEDIDO) Ranks
Ontem à(s) 08:58 pm por mrvisible

» (PEDIDO) Icone para o meu forum
Ontem à(s) 08:47 pm por mrvisible

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
185 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 183 Visitantes :: 2 Motores de busca

rlmac, Starset

[ Ver toda a lista ]


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

Menu CSS Personalizado

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

Resolvido Menu CSS Personalizado

Mensagem por Muller em 04/08/16, 07:16 pm

Detalhes da questão


Endereço do fórum: artmeirosc.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Bom,gostaria de um menu no que combinasse com meu forum artmeirosc.forumeiros.com


Última edição por Muller em 12/08/16, 02:10 am, editado 1 vez(es)
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por while em 04/08/16, 09:44 pm

Olá autor, eu não sou adivinho... não sei bem como é seu gosto.

Poderia por gentileza descrever como deseja, tendo as seguintes informações:
  • Cores
  • Borda
  • Efeitos
  • Cor de fundo


Se ter uma print ou fórum de como queres parecido, seria bom também...
Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 04/08/16, 11:04 pm

Olá,gostaria que ficasse assim >Inicio >Portal >MP ...etc
ai quando passar o mouse em cima vinhesse uma listra em ciano do canto esquerdo mas so na parte do nome, exemplo

>Inicio
ai passa o mouse
>Inicio
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por REVIEW em 05/08/16, 01:36 am

Olá,
adiciona esse código em sua folha de CSS
Código:
.navbar ul.linklist li:hover {
    background-color: transparent;
    border-bottom: 4px solid #00FFFF;
    padding: 2px 7px!important;
}
resulta?

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 05/08/16, 01:43 am

Olhe esse forum http://www.nwdgames.com/forum passe o mouse pela categoria,gostaria assim no meu menu
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por Sennior em 05/08/16, 04:12 am

Saudações! Muito feliz

O que acha se fizermos assim, pois não entendi qual função da categoria o senhor quer.
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Código:
.navbar {
    background: #1f80ff!important;
    font-weight: 400!important;
    left: 0!important;
    padding: 0px 0!important;
    text-transform: uppercase;
    width: 100%!important;
    z-index: 999!important;
    font-size: 10px!important;
    color: white!important;
    height: 36px!important;
    border-bottom: 5px solid #1ff8b3!important;
}ul.linklist.navlinks {
    border-bottom: none!important;
    color: white!important;
}span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
    background-image: none!important;
}a.mainmenu:hover {
    background: rgba(0, 0, 0, 0.42)!important;
    padding: 9px 5px 12px!important;
}
a.mainmenu {
    color: white;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
    font-size: 12px!important;
}
Coloque o código no inicio de teu CSS.

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16304
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 05/08/16, 11:07 am

Nao e assim,Sabe o efeito que ta na categoria? que quando voce passa o mouse,vem uma listra vermelha? e esse efeito que eu quero no meu menu
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por Wamki em 05/08/16, 11:14 am

Bom dia,
Pela forma de eu entender, altere seu código CSS para este abaixo:
Código:

.navbar {
    background: #1f80ff!important;
    font-weight: 400!important;
    left: 0!important;
    padding: 0px 0!important;
    text-transform: uppercase;
    width: 100%!important;
    z-index: 999!important;
    font-size: 10px!important;
    color: white!important;
    height: 36px!important;
    border-bottom: 5px solid #1ff8b3!important;
}ul.linklist.navlinks {
    border-bottom: none!important;
    color: white!important;
}span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
    background-image: none!important;
}a.mainmenu:hover {
    border-bottom: 5px solid red!important
    padding: 9px 5px 12px!important;
}
a.mainmenu {
    color: white;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
    font-size: 12px!important;
}
Um grande abraço e carinho,
Wamki
avatar

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 450

http://infostyle.forumbrasil.net

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 05/08/16, 11:21 am

http://www.nwdgames.com/forum oolha esse link passa o mouse nas categoria,da pra ver que a listra vermelha vem da esquerda gostaria desse efeito
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por Wamki em 05/08/16, 11:24 am

Bom dia,
Você gostaria desse efeito para categorias ou para menu? Se for para categorias, crie outro tópico com esta dúvida.

Ao relação do menu, foi resolvido?

Wamki
avatar

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 450

http://infostyle.forumbrasil.net

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 05/08/16, 11:38 am

e no meu,Quero esse efeito que ta na categoria no meu MENU.
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por Cepheus em 05/08/16, 12:01 pm

Procure no seu css por: a.mainmenu:hover

Você encontrará algo similar a isso:
Código:
a.mainmenu:hover {
    border-bottom: 5px solid red!important;
    padding: 9px 5px 12px!important;
}
Então remova essa linha,

Após isso adicione na sua folha de estilo css:

Código:
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

http://www.bestskins.net/

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 05/08/16, 12:29 pm

Código:
.navbar {
    background: #1f80ff!important;
    font-weight: 400!important;
    left: 0!important;
    padding: 0px 0!important;
    text-transform: uppercase;
    width: 100%!important;
    z-index: 999!important;
    font-size: 10px!important;
    color: white!important;
    height: 36px!important;
    border-bottom: 5px solid #1ff8b3!important;
}ul.linklist.navlinks {
    border-bottom: none!important;
    color: white!important;
}span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
    background-image: none!important;
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
  a.mainmenu {
    color: white;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
    font-size: 12px!important;
}

.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:7px solid transparent}

div.module {
    -webkit-box-shadow: -1px 1px 6px;
    border-color: #315C99 #00A5CD #00A5CD!important;
    border-radius: 6px 6px 3px 3px!important;
    border-style: solid!important;
    border-width: 0 1px 1px!important;
}
        .module .h3 {
    background: #1876bb!important;
    color: #FFF!important;
    height: 11px;
    margin: -3px -10px 10px!important;
    padding: 15px 3px!important;
    text-align: center!important;
    text-transform: uppercase;
}
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}

Deu erro
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por REVIEW em 05/08/16, 12:31 pm

Olá,
sua CSS tava toda bagunçada troca por está
Código:
.navbar {
    background: #1f80ff!important;
    font-weight: 400!important;
    left: 0!important;
    padding: 0px 0!important;
    text-transform: uppercase;
    width: 100%!important;
    z-index: 999!important;
    font-size: 10px!important;
    color: white!important;
    height: 36px!important;
    border-bottom: 5px solid #1ff8b3!important;
}
ul.linklist.navlinks {
    border-bottom: none!important;
    color: white!important;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: none!important;
}
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
  a.mainmenu {
    color: white;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
    font-size: 12px!important;
}
 
.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:7px solid transparent}
 
div.module {
    -webkit-box-shadow: -1px 1px 6px;
    border-color: #315C99 #00A5CD #00A5CD!important;
    border-radius: 6px 6px 3px 3px!important;
    border-style: solid!important;
    border-width: 0 1px 1px!important;
}
        .module .h3 {
    background: #1876bb!important;
    color: #FFF!important;
    height: 11px;
    margin: -3px -10px 10px!important;
    padding: 15px 3px!important;
    text-align: center!important;
    text-transform: uppercase;
}
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
Resulta?

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 05/08/16, 12:41 pm

perfeito,agora gostaria de deixar desse jeito http://prntscr.com/c20jdt
com esse ''>'' no inicio de cada nome do menu.

e gostaria de deixar o menu de uma unica cor ESSA
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por REVIEW em 05/08/16, 01:47 pm

Olá,
troque sua CSS toda por está:
Código:
.navbar {
    background: #00FFFF!important;
    font-weight: 400!important;
    left: 0!important;
    padding: 0px 0!important;
    text-transform: uppercase;
    width: 100%!important;
    z-index: 999!important;
    font-size: 10px!important;
    color: white!important;
    height: 36px!important;
    border-bottom: 5px solid #00FFFF!important;
}
ul.linklist.navlinks {
    border-bottom: none!important;
    color: white!important;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: none!important;
}
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}
  a.mainmenu {
    color: white;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
    font-size: 12px!important;
}
 
.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:7px solid transparent}
 
div.module {
    -webkit-box-shadow: -1px 1px 6px;
    border-color: #315C99 #00A5CD #00A5CD!important;
    border-radius: 6px 6px 3px 3px!important;
    border-style: solid!important;
    border-width: 0 1px 1px!important;
}
        .module .h3 {
    background: #1876bb!important;
    color: #FFF!important;
    height: 11px;
    margin: -3px -10px 10px!important;
    padding: 15px 3px!important;
    text-align: center!important;
    text-transform: uppercase;
}
a.mainmenu {
position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
bottom: -12px;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
a.mainmenu:hover:after {
width: 100%;
}

Menu que você quer seria assim?

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 06/08/16, 02:38 pm

Quasae faltaa so um ">" antes de cada nome
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por while em 06/08/16, 03:14 pm

Olá, adicione mais esse código em sua folha de estilo css:
Código:
a.mainmenu:hover:before {
                content:">";
                padding:5px;
        }

Seria assim?
Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 06/08/16, 03:46 pm

resulto,porem ''>'' tem que ser fixo.
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por while em 06/08/16, 04:18 pm

Puts, pensei que fosse só quando colocar o mouse em cada item aparecer... perdão!
Troque o código que te passei acima por este:

Código:
a.mainmenu:before {
                content:">";
                padding:5px;
        }

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 06/08/16, 05:47 pm

Olá,Desculpa,eu acabei mudando o tema do meu forum e não peguei a css,será que tem como me mandaar do menu completo já,com os efeitos e tudo.
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por while em 06/08/16, 06:40 pm

Não sei como tava pois não acompanhei, mas aqui está:
Código:
ul.linklist.navlinks {
    border-bottom: none!important;
    color: white!important;
}
a.mainmenu:hover:after {
width: 100%;
}
  a.mainmenu {
    color: white;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
    font-size: 12px!important;
    position: relative;
transition: color .2s;
}
a.mainmenu:after {
background-color: red;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
#page-header .navbar .navlinks li a[href="/"] {
  color:#fff!important;
  background:#000;
}
a.mainmenu:before {
                content:">";
                padding:5px;
        }

Seria assim?
Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 06/08/16, 11:40 pm

Não resulto em nada
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por while em 06/08/16, 11:48 pm

Tem que ser no topo de sua folha de estilo css( acima de todos os códigos )

troque o código por este:

Código:
 ul.linklist.navlinks {
    border-bottom: none!important;
    color: white!important;
    margin-top:-55px!important;
}
#search-box #keywords {margin-top:-30px!important;}
#search-box input.button2 {margin-top:-30px!important;margin-left:-6px!important;}
a.mainmenu:hover:after {
width: 100%;
}
  a.mainmenu {
    color: white!important;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
    font-size: 12px!important;
    position: relative!important;
transition: color .2s!important;
}
a.mainmenu:after {
background-color: red;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
#page-header .navbar .navlinks li a[href="/"] {
  color:#fff!important;
  background:#000!important;
}
a.mainmenu:before {
                content:">";
                padding:5px;
        }

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 06/08/16, 11:56 pm

Esta dando erro
Código:
ul.linklist.navlinks {
    border-bottom: none!important;
    color: white!important;
}
a.mainmenu:hover:after {
width: 100%;
}
  a.mainmenu {
    color: white!important;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
    font-size: 12px!important;
    position: relative!important;
transition: color .2s!important;
}
a.mainmenu:after {
background-color: red;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
#page-header .navbar .navlinks li a[href="/"] {
  color:#fff!important;
  background:#000!important;
}
a.mainmenu:before {
                content:">";
                padding:5px;
}

        /*------------------------------------------------*/
        /*-------------[Body tamanho do foórum e descrição]------------*/
        /*------------------------------------------------*/
        .navbar span.corners-bottom, .navbar span.corners-top, .panel span.corners-bottom, .panel span.corners-top, .post span.corners-bottom, .post span.corners-top {
        margin: 0 -5px;
        }
        .module { position: relative !important; left: -3px !important; width: 150px !important; }
        .mainmenu {
        padding: 9px !important;
        }       
        body#phpbb{
        background:#d8dde8 url(http://i.imgur.com/ByI9p.png) top repeat-x;
        margin-top: 175px;
        }
        .select{
        margin-top:-190px!important;
        }

        #wrap {
        font: normal 11px helvetica,arial,sans-serif;
        -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        background: #fff;
        box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        line-height: 120%;
        padding: 10px;
        width: 85%;
        top: 100px;
        margin-top: -52px;
        }
        #logo {
        position: absolute;
        top: -155px;
        margin-left: -20px;
        }

        #site-title h1 {display: none;}
        #site-title, #site-title h1{display: none;}
        #logo-desc p {display: none;}
     
        /*------------------------------------------------*/
        /*-------------[Painel dos subfóruns]------------*/
        /*------------------------------------------------*/
        .panel {
        background:#ebf0f3;
        border: 1px #dbe4ef solid;
        }
        .row {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }
        .forabg {
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom: 4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;
        }
        .row1 {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }
        .row2 {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }

        /*------------------------------------------------*/
        /*-------------[Fóruns, categoria e Portal]------------*/
        /*------------------------------------------------*/
        .forumbg {
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom: 4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;}
        span.corners-bottom {display:none;}

        .post {
        background:rgb(252, 252, 252);
        border: none;
        padding-bottom: 5px;
        }
        .postbody .content {
        padding-right: 10px;
        }
        .post .inner{background: #fff;}
        .post span.corners-top{
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom:4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;
        height:34px;
        }
        .module {
        background: rgb(255, 255, 255);
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border: 1px solid rgb(185, 185, 185);
        }
        .module span.corners-top {
        border-bottom: 1px #dbe4ef solid;
        height: 29px;
        background: #ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        }
        ul.topiclist {
        margin: 6px 6px 10px 6px;
        }
        /*------------------------------------------------*/
        /*-------------[Caixa de busca e alguns códigos importântes]------------*/
        /*------------------------------------------------*/
        #search-box {
        float: right;
        margin-right: 5px;
        margin-top: 10px;
        position: relative;
        top: -60px;
        white-space: nowrap;
        }

        #search-box #keywords {
        -moz-border-radius: 3px 4px 4px 3px;
        -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        background: #fff;
        border: 1px solid #000;
        border-radius: 3px 4px 4px 3px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        color: #5a5a5a;
        padding: 5px 30px 5px 10px;
        width: 200px;
        height: 15px;
        }
        #search-box input.button2 {
        background: #7ba60d url(http://i.imgur.com/vJs32.png) no-repeat 50%!important;
        color: transparent;
        height: 26px!important;
        position: relative;
        right: 25px;
        width: 30px!important;
        border: 1px solid #7ba60d;
        border-radius: 0px 3px 3px 0px;
        -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
        border-top: 1px solid #000;
        box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
        #search_menu {
        background: #fff;
        font-size: 11px!important;
        left: 10%!important;
        top: 40px!important;
        }
        #search_menu a{
        color:#000!important;
        position: relative;
        top:none!important;
        background:none!important}
        #search_menu a:hover{background:none!important}

        .conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

        /*------------------------------------------------*/
        /*-------------[Remover o sublinhado de links]------------*/
        /*------------------------------------------------*/
        a {text-decoration: none;}
        a:link {text-decoration: none;}
        a:hover {text-decoration: none!important;}
        a.forumtitle {text-decoration: none;}
        a.forumtitle:hover {text-decoration: none!important;}
        a.topictitle {text-decoration: none;}
        a.topictitle:hover {text-decoration: none!important;}

        /*------------------------------------------------*/
        /*-------------[Botões]------------*/
        /*------------------------------------------------*/
        input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
        background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 2px;}



        /*------------------------------------------------*/
        /*-------------[códigos de agregados em solução de problemas e não excluir nada de importante contribuição]------------*/
        /*------------------------------------------------*/
        #plus_menu {
        background: #ffffff;
        }
        .user_login_form input[type="text"], .user_login_form input[type="password"]{
        position:relative;
        top:7px;
        }
        .postbody .topic-title {
        font-size:1.2em;}
        fieldset.fields1 div {
        margin-bottom: 0px;
        }


        /*------------------------------------------------*/
        /*------------------------------------------------*/
        .cpinfo {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .cpinfo {
        color: #00529B;
        background-color: #BDE5F8;
        background-image: url('http://i.imgur.com/BZ17N.png');
        }
        blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}
        .postprofile {
        border-color: rgb(207, 207, 207);
        }
        #main-content p em b a,#main-content p em{font-style:normal}
                input#username.inputbox.autowidth, input#password.inputbox.autowidth{visibility:visible !important;background-color:#fff !important; border:1px solid #000;}

        .img_list_hp {
        border: 1px solid #00A1BA;
        padding: 0;
        float: left;
        color: #FFF !important;
        width: auto;
        font-size: 11px;
        text-align: center;
        margin: auto 10px auto auto;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        }

        .img_list_hp:hover {
        background-color: #DCEAF5;
        }

        .img_list_hp img {
        padding: 8px 15px;
        }

        .img_list_hp span {
        background-color: #00A1BA;
        color #FFF;
        display: block;
        padding: 0 10px;
        }
        .img_list_hp a {
        color: #FFF !important;
        text-decoration: none;
        }
        #img_list_alt {
        background-image: url(http://img5.imageshack.us/img5/9393/nvzu.png);
        background-repeat: no-repeat;
        background-position: 20px 0;
        padding-top: 13px;
        padding-left: 55px;
        }
        .vote .vote-button, .vote-no-bar {
        display:none;
        }
        .vote .vote-button:first-child {
        display:block;
        }

        #username_reg {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        #email {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        #password_reg {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        .user_login_form.center label input.post {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
#quick_reply {
width: 780px !important;
}
#textarea_content{width:90%!important}
ul.topiclist li.header dl dd.lastpost{padding-left:8px}

.post { border: 10px solid #ebf0f3 !important; border-radius: 5px !Important; padding: 0px 0px 0px 0px !important; } .post .inner { background: transparent !important; position: relative !important; top: -10px !important; }
body {
color: #595959;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
}
.post {
background: rgb(242, 249, 255);
border: 5px solid rgb(230, 230, 230)!important;
border-radius: 15px!important;
padding: 0!important;
}
.panel.row3 {
border-radius: 8px;
box-shadow: 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.panel {
background: rgb(255, 255, 255);
border: 1px rgb(139, 187, 247) solid;
box-shadow: 10px 6px 10px rgba(5, 5, 5, 0.1);
border-radius: 10px;
}
.module {
background: rgb(255, 255, 255);
box-shadow: 3px 4px 5px #ccc;
left: 5px!important;
position: relative!important;
width: 150px!important;
}
.forabg {
box-shadow: 10px 5px 4px #ccc;
margin-bottom: 10px;
}
.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:6px solid transparent}
/* ------------------------- Legenda Personalizada ------------------------------- */
 #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;

#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
 background: white;
 border: 3px solid #e2e2e1;
 box-shadow: 0px 0px 7px #d2d2d2;
  border-radius: 5px 5px 5px;
  padding: 4px;
}
.header, .module span.corners-top }
  padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por while em 06/08/16, 11:59 pm

Troque por:

Código:
 ul.linklist.navlinks {
    border-bottom: none!important;
    color: white!important;
    margin-top:-55px!important;
}
#search-box #keywords {margin-top:-30px!important;}
#search-box input.button2 {margin-top:-30px!important;margin-left:-6px!important;}
a.mainmenu:hover:after {
width: 100%;
}
  a.mainmenu {
    color: white!important;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
    font-size: 12px!important;
    position: relative!important;
transition: color .2s!important;
}
a.mainmenu:after {
background-color: red;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
#page-header .navbar .navlinks li a[href="/"] {
  color:#fff!important;
  background:#000!important;
}
a.mainmenu:before {
                content:">";
                padding:5px;
        }

        /*------------------------------------------------*/
        /*-------------[Body tamanho do foórum e descrição]------------*/
        /*------------------------------------------------*/
        .navbar span.corners-bottom, .navbar span.corners-top, .panel span.corners-bottom, .panel span.corners-top, .post span.corners-bottom, .post span.corners-top {
        margin: 0 -5px;
        }
        .module { position: relative !important; left: -3px !important; width: 150px !important; }
        .mainmenu {
        padding: 9px !important;
        }       
        body#phpbb{
        background:#d8dde8 url(http://i.imgur.com/ByI9p.png) top repeat-x;
        margin-top: 175px;
        }
        .select{
        margin-top:-190px!important;
        }

        #wrap {
        font: normal 11px helvetica,arial,sans-serif;
        -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        background: #fff;
        box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        line-height: 120%;
        padding: 10px;
        width: 85%;
        top: 100px;
        margin-top: -52px;
        }
        #logo {
        position: absolute;
        top: -155px;
        margin-left: -20px;
        }

        #site-title h1 {display: none;}
        #site-title, #site-title h1{display: none;}
        #logo-desc p {display: none;}
     
        /*------------------------------------------------*/
        /*-------------[Painel dos subfóruns]------------*/
        /*------------------------------------------------*/
        .panel {
        background:#ebf0f3;
        border: 1px #dbe4ef solid;
        }
        .row {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }
        .forabg {
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom: 4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;
        }
        .row1 {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }
        .row2 {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }

        /*------------------------------------------------*/
        /*-------------[Fóruns, categoria e Portal]------------*/
        /*------------------------------------------------*/
        .forumbg {
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom: 4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;}
        span.corners-bottom {display:none;}

        .post {
        background:rgb(252, 252, 252);
        border: none;
        padding-bottom: 5px;
        }
        .postbody .content {
        padding-right: 10px;
        }
        .post .inner{background: #fff;}
        .post span.corners-top{
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom:4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;
        height:34px;
        }
        .module {
        background: rgb(255, 255, 255);
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border: 1px solid rgb(185, 185, 185);
        }
        .module span.corners-top {
        border-bottom: 1px #dbe4ef solid;
        height: 29px;
        background: #ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        }
        ul.topiclist {
        margin: 6px 6px 10px 6px;
        }
        /*------------------------------------------------*/
        /*-------------[Caixa de busca e alguns códigos importântes]------------*/
        /*------------------------------------------------*/
        #search-box {
        float: right;
        margin-right: 5px;
        margin-top: 10px;
        position: relative;
        top: -60px;
        white-space: nowrap;
        }

        #search-box #keywords {
        -moz-border-radius: 3px 4px 4px 3px;
        -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        background: #fff;
        border: 1px solid #000;
        border-radius: 3px 4px 4px 3px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        color: #5a5a5a;
        padding: 5px 30px 5px 10px;
        width: 200px;
        height: 15px;
        }
        #search-box input.button2 {
        background: #7ba60d url(http://i.imgur.com/vJs32.png) no-repeat 50%!important;
        color: transparent;
        height: 26px!important;
        position: relative;
        right: 25px;
        width: 30px!important;
        border: 1px solid #7ba60d;
        border-radius: 0px 3px 3px 0px;
        -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
        border-top: 1px solid #000;
        box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
        #search_menu {
        background: #fff;
        font-size: 11px!important;
        left: 10%!important;
        top: 40px!important;
        }
        #search_menu a{
        color:#000!important;
        position: relative;
        top:none!important;
        background:none!important;}
        #search_menu a:hover{background:none!important;}

        .conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

        /*------------------------------------------------*/
        /*-------------[Remover o sublinhado de links]------------*/
        /*------------------------------------------------*/
        a {text-decoration: none;}
        a:link {text-decoration: none;}
        a:hover {text-decoration: none!important;}
        a.forumtitle {text-decoration: none;}
        a.forumtitle:hover {text-decoration: none!important;}
        a.topictitle {text-decoration: none;}
        a.topictitle:hover {text-decoration: none!important;}

        /*------------------------------------------------*/
        /*-------------[Botões]------------*/
        /*------------------------------------------------*/
        input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
        background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 2px;}



        /*------------------------------------------------*/
        /*-------------[códigos de agregados em solução de problemas e não excluir nada de importante contribuição]------------*/
        /*------------------------------------------------*/
        #plus_menu {
        background: #ffffff;
        }
        .user_login_form input[type="text"], .user_login_form input[type="password"]{
        position:relative;
        top:7px;
        }
        .postbody .topic-title {
        font-size:1.2em;}
        fieldset.fields1 div {
        margin-bottom: 0px;
        }


        /*------------------------------------------------*/
        /*------------------------------------------------*/
        .cpinfo {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .cpinfo {
        color: #00529B;
        background-color: #BDE5F8;
        background-image: url('http://i.imgur.com/BZ17N.png');
        }
        blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}
        .postprofile {
        border-color: rgb(207, 207, 207);
        }
        #main-content p em b a,#main-content p em{font-style:normal}
                input#username.inputbox.autowidth, input#password.inputbox.autowidth{visibility:visible !important;background-color:#fff !important; border:1px solid #000;}

        .img_list_hp {
        border: 1px solid #00A1BA;
        padding: 0;
        float: left;
        color: #FFF !important;
        width: auto;
        font-size: 11px;
        text-align: center;
        margin: auto 10px auto auto;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        }

        .img_list_hp:hover {
        background-color: #DCEAF5;
        }

        .img_list_hp img {
        padding: 8px 15px;
        }

        .img_list_hp span {
        background-color: #00A1BA;
        color #FFF;
        display: block;
        padding: 0 10px;
        }
        .img_list_hp a {
        color: #FFF !important;
        text-decoration: none;
        }
        #img_list_alt {
        background-image: url(http://img5.imageshack.us/img5/9393/nvzu.png);
        background-repeat: no-repeat;
        background-position: 20px 0;
        padding-top: 13px;
        padding-left: 55px;
        }
        .vote .vote-button, .vote-no-bar {
        display:none;
        }
        .vote .vote-button:first-child {
        display:block;
        }

        #username_reg {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        #email {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        #password_reg {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        .user_login_form.center label input.post {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
#quick_reply {
width: 780px !important;
}
#textarea_content{width:90%!important}
ul.topiclist li.header dl dd.lastpost{padding-left:8px}

.post { border: 10px solid #ebf0f3 !important; border-radius: 5px !Important; padding: 0px 0px 0px 0px !important; } .post .inner { background: transparent !important; position: relative !important; top: -10px !important; }
body {
color: #595959;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
}
.post {
background: rgb(242, 249, 255);
border: 5px solid rgb(230, 230, 230)!important;
border-radius: 15px!important;
padding: 0!important;
}
.panel.row3 {
border-radius: 8px;
box-shadow: 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.panel {
background: rgb(255, 255, 255);
border: 1px rgb(139, 187, 247) solid;
box-shadow: 10px 6px 10px rgba(5, 5, 5, 0.1);
border-radius: 10px;
}
.module {
background: rgb(255, 255, 255);
box-shadow: 3px 4px 5px #ccc;
left: 5px!important;
position: relative!important;
width: 150px!important;
}
.forabg {
box-shadow: 10px 5px 4px #ccc;
margin-bottom: 10px;
}
.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:6px solid transparent;}
/* ------------------------- Legenda Personalizada ------------------------------- */
 #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;

#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
 background: white;
 border: 3px solid #e2e2e1;
 box-shadow: 0px 0px 7px #d2d2d2;
  border-radius: 5px 5px 5px;
  padding: 4px;
}
.header, .module span.corners-top {
  padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 07/08/16, 12:16 am

http://prntscr.com/c2k69e
gostaria de tirar esse preto do inicio,e abaixar um pouco o menu
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por while em 07/08/16, 12:20 am

Troque por:
Código:
 ul.linklist.navlinks {
    border-bottom: none!important;
    color: white!important;
    margin-top:-52px!important;
}
#search-box #keywords {margin-top:-30px!important;}
#search-box input.button2 {margin-top:-30px!important;margin-left:-6px!important;}
a.mainmenu:hover:after {
width: 100%;
}
  a.mainmenu {
    color: white!important;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45)!important;
    font-size: 12px!important;
    position: relative!important;
transition: color .2s!important;
}
a.mainmenu:after {
background-color: red;
content: "";
display: block;
height: 5px;
left: 0;
position: absolute;
transition: width .2s ease-in-out;
width: 0;
}
#page-header .navbar .navlinks li a[href="/"] {
  color:#fff!important;
}
a.mainmenu:before {
                content:">";
                padding:5px;
        }

        /*------------------------------------------------*/
        /*-------------[Body tamanho do foórum e descrição]------------*/
        /*------------------------------------------------*/
        .navbar span.corners-bottom, .navbar span.corners-top, .panel span.corners-bottom, .panel span.corners-top, .post span.corners-bottom, .post span.corners-top {
        margin: 0 -5px;
        }
        .module { position: relative !important; left: -3px !important; width: 150px !important; }
        .mainmenu {
        padding: 9px !important;
        }       
        body#phpbb{
        background:#d8dde8 url(http://i.imgur.com/ByI9p.png) top repeat-x;
        margin-top: 175px;
        }
        .select{
        margin-top:-190px!important;
        }

        #wrap {
        font: normal 11px helvetica,arial,sans-serif;
        -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        background: #fff;
        box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        line-height: 120%;
        padding: 10px;
        width: 85%;
        top: 100px;
        margin-top: -52px;
        }
        #logo {
        position: absolute;
        top: -155px;
        margin-left: -20px;
        }

        #site-title h1 {display: none;}
        #site-title, #site-title h1{display: none;}
        #logo-desc p {display: none;}
     
        /*------------------------------------------------*/
        /*-------------[Painel dos subfóruns]------------*/
        /*------------------------------------------------*/
        .panel {
        background:#ebf0f3;
        border: 1px #dbe4ef solid;
        }
        .row {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }
        .forabg {
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom: 4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;
        }
        .row1 {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }
        .row2 {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }

        /*------------------------------------------------*/
        /*-------------[Fóruns, categoria e Portal]------------*/
        /*------------------------------------------------*/
        .forumbg {
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom: 4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;}
        span.corners-bottom {display:none;}

        .post {
        background:rgb(252, 252, 252);
        border: none;
        padding-bottom: 5px;
        }
        .postbody .content {
        padding-right: 10px;
        }
        .post .inner{background: #fff;}
        .post span.corners-top{
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom:4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;
        height:34px;
        }
        .module {
        background: rgb(255, 255, 255);
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border: 1px solid rgb(185, 185, 185);
        }
        .module span.corners-top {
        border-bottom: 1px #dbe4ef solid;
        height: 29px;
        background: #ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        }
        ul.topiclist {
        margin: 6px 6px 10px 6px;
        }
        /*------------------------------------------------*/
        /*-------------[Caixa de busca e alguns códigos importântes]------------*/
        /*------------------------------------------------*/
        #search-box {
        float: right;
        margin-right: 5px;
        margin-top: 10px;
        position: relative;
        top: -60px;
        white-space: nowrap;
        }

        #search-box #keywords {
        -moz-border-radius: 3px 4px 4px 3px;
        -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        background: #fff;
        border: 1px solid #000;
        border-radius: 3px 4px 4px 3px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        color: #5a5a5a;
        padding: 5px 30px 5px 10px;
        width: 200px;
        height: 15px;
        }
        #search-box input.button2 {
        background: #7ba60d url(http://i.imgur.com/vJs32.png) no-repeat 50%!important;
        color: transparent;
        height: 26px!important;
        position: relative;
        right: 25px;
        width: 30px!important;
        border: 1px solid #7ba60d;
        border-radius: 0px 3px 3px 0px;
        -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
        border-top: 1px solid #000;
        box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
        #search_menu {
        background: #fff;
        font-size: 11px!important;
        left: 10%!important;
        top: 40px!important;
        }
        #search_menu a{
        color:#000!important;
        position: relative;
        top:none!important;
        background:none!important;}
        #search_menu a:hover{background:none!important;}

        .conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

        /*------------------------------------------------*/
        /*-------------[Remover o sublinhado de links]------------*/
        /*------------------------------------------------*/
        a {text-decoration: none;}
        a:link {text-decoration: none;}
        a:hover {text-decoration: none!important;}
        a.forumtitle {text-decoration: none;}
        a.forumtitle:hover {text-decoration: none!important;}
        a.topictitle {text-decoration: none;}
        a.topictitle:hover {text-decoration: none!important;}

        /*------------------------------------------------*/
        /*-------------[Botões]------------*/
        /*------------------------------------------------*/
        input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
        background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 2px;}



        /*------------------------------------------------*/
        /*-------------[códigos de agregados em solução de problemas e não excluir nada de importante contribuição]------------*/
        /*------------------------------------------------*/
        #plus_menu {
        background: #ffffff;
        }
        .user_login_form input[type="text"], .user_login_form input[type="password"]{
        position:relative;
        top:7px;
        }
        .postbody .topic-title {
        font-size:1.2em;}
        fieldset.fields1 div {
        margin-bottom: 0px;
        }


        /*------------------------------------------------*/
        /*------------------------------------------------*/
        .cpinfo {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .cpinfo {
        color: #00529B;
        background-color: #BDE5F8;
        background-image: url('http://i.imgur.com/BZ17N.png');
        }
        blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}
        .postprofile {
        border-color: rgb(207, 207, 207);
        }
        #main-content p em b a,#main-content p em{font-style:normal}
                input#username.inputbox.autowidth, input#password.inputbox.autowidth{visibility:visible !important;background-color:#fff !important; border:1px solid #000;}

        .img_list_hp {
        border: 1px solid #00A1BA;
        padding: 0;
        float: left;
        color: #FFF !important;
        width: auto;
        font-size: 11px;
        text-align: center;
        margin: auto 10px auto auto;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        }

        .img_list_hp:hover {
        background-color: #DCEAF5;
        }

        .img_list_hp img {
        padding: 8px 15px;
        }

        .img_list_hp span {
        background-color: #00A1BA;
        color #FFF;
        display: block;
        padding: 0 10px;
        }
        .img_list_hp a {
        color: #FFF !important;
        text-decoration: none;
        }
        #img_list_alt {
        background-image: url(http://img5.imageshack.us/img5/9393/nvzu.png);
        background-repeat: no-repeat;
        background-position: 20px 0;
        padding-top: 13px;
        padding-left: 55px;
        }
        .vote .vote-button, .vote-no-bar {
        display:none;
        }
        .vote .vote-button:first-child {
        display:block;
        }

        #username_reg {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        #email {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        #password_reg {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        .user_login_form.center label input.post {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
#quick_reply {
width: 780px !important;
}
#textarea_content{width:90%!important}
ul.topiclist li.header dl dd.lastpost{padding-left:8px}

.post { border: 10px solid #ebf0f3 !important; border-radius: 5px !Important; padding: 0px 0px 0px 0px !important; } .post .inner { background: transparent !important; position: relative !important; top: -10px !important; }
body {
color: #595959;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
}
.post {
background: rgb(242, 249, 255);
border: 5px solid rgb(230, 230, 230)!important;
border-radius: 15px!important;
padding: 0!important;
}
.panel.row3 {
border-radius: 8px;
box-shadow: 1px 6px 0px rgba(0, 0, 0, 0.2);
}
.panel {
background: rgb(255, 255, 255);
border: 1px rgb(139, 187, 247) solid;
box-shadow: 10px 6px 10px rgba(5, 5, 5, 0.1);
border-radius: 10px;
}
.module {
background: rgb(255, 255, 255);
box-shadow: 3px 4px 5px #ccc;
left: 5px!important;
position: relative!important;
width: 150px!important;
}
.forabg {
box-shadow: 10px 5px 4px #ccc;
margin-bottom: 10px;
}
.hierarchy + br + span a img, .hierarchy + br + span + span a img{border-right:6px solid transparent;}
/* ------------------------- Legenda Personalizada ------------------------------- */
 #i_whosonline + p br + br + em {
  width: 70%;
  background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 6px;
  text-align: justify;
  padding: 10px 8px 5px 5px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
}
#i_whosonline + p br + br + em a {
  -webkit-transition-duration: .3s;
  text-shadow: 0px 1px 1px #454545;
  font-size: 15px;
  margin: 0 5px;
  font-style: normal;
  font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
  background: #DDD;
  padding: 9px 10px 10px;

#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
 background: white;
 border: 3px solid #e2e2e1;
 box-shadow: 0px 0px 7px #d2d2d2;
  border-radius: 5px 5px 5px;
  padding: 4px;
}
.header, .module span.corners-top {
  padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
.postprofile {text-align:center;}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Menu CSS Personalizado

Mensagem por Muller em 07/08/16, 12:37 am

Isso,o Menu ta muito em cima gostaria de abaixar um pouco ele
avatar

Muller
Nível 8

Masculino
Inscrito dia : 21/07/2016
Mensagens : 105
Pontos Ativos : 151

http://newagegames.forumeiros.com

Resolvido Re: Menu CSS Personalizado

Mensagem por while em 07/08/16, 12:42 am

Primeira linha da sua folha de estilo css é esta:
ul.linklist.navlinks {
border-bottom: none!important;
color: white!important;
margin-top:-52px!important;
}

Altere o valor que está em vermelho para ajustar ao seu gosto.
Posso considerar como resolvido?

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Menu CSS Personalizado

Mensagem por Holkis em 10/08/16, 08:39 pm

Boa noite.

Já pensou em utilizar este modelo de menu:
Seta http://ajuda.forumeiros.com/t103596-

Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.


HolkisAdmineiro - Fórum dos Fóruns

• Tenha conhecimento do regulamento do FdF
• Conheça a staff e suas diretrizes.
• Acesse as  ferramentas do administrador.
• Confira a lista de tutoriais.
• MP apenas para assuntos importantes!

Holkis - Admineiro do Fórum dos Fóruns
avatar

Holkis
Admineiro
Admineiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 3480
Pontos Ativos : 4189

http://www.holkis.net/ https://www.facebook.com/https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA https://twitter.com/https://www.youtube.com/channel/UCyb9m2QrxbWPVsnYYfjhKHA

Resolvido Re: Menu CSS Personalizado

Mensagem por Sennior em 12/08/16, 06:45 am

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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16304
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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