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
» Imagens dos Tópicos serem todas do mesmo tamanho
Hoje à(s) 10:35 am por EDU2010

» aumentar largura
Hoje à(s) 09:41 am por Luckcaddie

» Plaquinhas de Rank para o meu Fórum
Hoje à(s) 09:00 am por Fou-Lu

» Logo Fórum
Hoje à(s) 08:54 am por Fou-Lu

» Modificar aparência das listas
Ontem à(s) 11:53 pm por BichodoMato

» Slide no index
Ontem à(s) 11:51 pm por iScroll

» Caixa de moderação.
Ontem à(s) 09:49 pm por virus

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
230 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 226 Visitantes :: 2 Motores de busca

EDU2010, Fou-Lu, LeoziN_WallkeR, Luckcaddie

[ 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

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

Ver perfil do usuário 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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

Ver perfil do usuário 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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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

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

Ver perfil do usuário 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

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

Ver perfil do usuário 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

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

Ver perfil do usuário 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

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

Ver perfil do usuário 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

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

Ver perfil do usuário 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

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

Ver perfil do usuário 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

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

Ver perfil do usuário 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.
avatar

Holkis
Hiperativo

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

Ver perfil do usuário 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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário 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