Menu CSS Personalizado

+3
REVIEW
while
Muller
7 participantes

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

Tópico resolvido Menu CSS Personalizado

Mensagem por Muller 04.08.16 23:16

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 6:10, editado 1 vez(es)
Muller

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por while 05.08.16 1:44

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.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 05.08.16 3:04

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
Muller

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por REVIEW 05.08.16 5:36

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.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 05.08.16 5:43

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

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Sennior 05.08.16 8:12

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 05.08.16 15:07

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
Muller

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Chagas 05.08.16 15:14

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
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 893
Pontos : 1098

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 05.08.16 15:21

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
Muller

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Chagas 05.08.16 15:24

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
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 893
Pontos : 1098

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 05.08.16 15:38

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

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Cepheus 05.08.16 16:01

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%;
}
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 05.08.16 16:29

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
Muller

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por REVIEW 05.08.16 16:31

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.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 05.08.16 16:41

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
Muller

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por REVIEW 05.08.16 17:47

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.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 06.08.16 18:38

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

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por while 06.08.16 19:14

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.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 06.08.16 19:46

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

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por while 06.08.16 20:18

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.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 06.08.16 21:47

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.
Muller

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por while 06.08.16 22:40

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.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 07.08.16 3:40

Não resulto em nada
Muller

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por while 07.08.16 3:48

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.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 07.08.16 3:56

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;}
Muller

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por while 07.08.16 3:59

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;}
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 07.08.16 4:16

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

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por while 07.08.16 4:20

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.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Muller 07.08.16 4:37

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

Muller
***

Membro desde : 21/07/2016
Mensagens : 105
Pontos : 151

http://newagegames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por while 07.08.16 4:42

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.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Holkis 11.08.16 0:39

Boa noite.

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

Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.
Holkis

Holkis
Hiper Membro

Membro desde : 21/04/2015
Mensagens : 3550
Pontos : 4277

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Menu CSS Personalizado

Mensagem por Sennior 12.08.16 10:45

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos