Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
69 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 68 Visitantes :: 2 Motores de busca

Lineshooter

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Menu CSS Personalizado

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

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por while em Sex 5 Ago 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2820
Pontos Ativos : 4152

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

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por REVIEW em Sex 5 Ago 2016 - 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
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 2969

http://ceudasart.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por Sennior em Sex 5 Ago 2016 - 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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22715

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

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por Wamki em Sex 5 Ago 2016 - 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

Wamki
Usuário avançado

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

http://infostyle.forumbrasil.net

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por Wamki em Sex 5 Ago 2016 - 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

Wamki
Usuário avançado

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

http://infostyle.forumbrasil.net

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por Cepheus em Sex 5 Ago 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 474
Pontos Ativos : 1973

http://www.bestskins.net/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por REVIEW em Sex 5 Ago 2016 - 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
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 2969

http://ceudasart.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por REVIEW em Sex 5 Ago 2016 - 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
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 2969

http://ceudasart.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por while em Sab 6 Ago 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2820
Pontos Ativos : 4152

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

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por while em Sab 6 Ago 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2820
Pontos Ativos : 4152

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

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por while em Sab 6 Ago 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2820
Pontos Ativos : 4152

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

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por while em Dom 7 Ago 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2820
Pontos Ativos : 4152

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

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por while em Dom 7 Ago 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2820
Pontos Ativos : 4152

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

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por while em Dom 7 Ago 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2820
Pontos Ativos : 4152

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

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Menu CSS Personalizado

Mensagem por while em Dom 7 Ago 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2820
Pontos Ativos : 4152

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

Resolvido Re: Menu CSS Personalizado

Mensagem por Sowisker em Qui 11 Ago 2016 - 0:39

Boa noite.

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

Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.


Bem-vindo ao FdF!

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



Sowisker
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 21/04/2015
Mensagens : 2982
Pontos Ativos : 4271

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 Sex 12 Ago 2016 - 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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22715

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5