Barra de menus como a do fdf

2 participantes

Ir para baixo

Tópico resolvido Barra de menus como a do fdf

Mensagem por Kolseuvis 24.04.13 21:18

Qual é minha questão:
Amigos, eu gostaria de uma barra de menus exatamente como a do fdf. Segue a imagem para facilitar o entendimento:
- https://i.servimg.com/u/f80/18/26/37/20/barra10.png

Alguém poderia me auxiliar como fazer ?

Att.

Endereço do meu fórum:
http://suportewindows.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Kolseuvis em 25.04.13 3:56, editado 1 vez(es)
Kolseuvis
Kolseuvis
Super Membro

Membro desde : 25/04/2009
Mensagens : 1099
Pontos : 2122

http://www.formigaeletrica.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de menus como a do fdf

Mensagem por Convidado 24.04.13 21:24

Saudações!

Adicione em sua "Folha de estilo CSS"
Código:
Código:
/*menu personalizado*/

a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(http://2img.net/i/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(http://2img.net/i/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(http://2img.net/i/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}#left .module-advert{background-color:#dcebf5;color:#536482;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#dcebf5;color:#536482;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:400}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:85%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #FF0000;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: ;
padding: 3px 5px;
}
.navbar {
background-color: transparent;
clear: both;
padding: 0 10px;
}
ul.navlinks {
border-bottom: 1px solid black;
font-weight: 700;
text-align: center;
}
#fa_ticker_block{background-color:#E5F1F9;border:1px solid #C3E0F1;border-radius:4px 4px 4px 4px}.linklist.navlinks{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0 0 #1775BD!important;border-color:#4CA0CE #155D98 #155D98;border-image:none;border-radius:0 0 6px 6px;border-right:1px solid #155D98;border-style:solid;border-width:1px;overflow:hidden}.linklist.navlinks a{color:#FFF;font-family:Verdana;font-size:11px;padding:3px 7px;text-shadow:1px 1px 0 #124B79}.linklist.navlinks a:hover{background:none repeat scroll 0 0 #155D98;box-shadow:0 0 4px #124B79 inset;color:none;outline:medium none;padding:5px 7px 6px}ul.navlinks{margin:auto -10px!important; margin-top: 10px}#page-header .navbar span.corners-top{display:none!important}#page-header #logo-desc{min-height:auto!important}#page-header .headerbar{margin-bottom:0}#page-header #logo-desc #logo{padding:0}.prettyprint ol.linenums{padding-left:0!important}.prettyprint{border:none!important}#fa_toolbar,#fa_toolbar_hidden{background:url(http://2img.net/i/fa/fdf3/bg_cat.png)} .tblass{-khtml-margin-end:auto;-khtml-margin-start:auto;-moz-margin-end:auto;-moz-margin-start:auto;-webkit-margin-end:auto;-webkit-margin-start:auto;text-align:center!important}
e Validar.

Até Piscada
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de menus como a do fdf

Mensagem por Kolseuvis 24.04.13 21:38

Certo, a princípio deu bastante certo.

O que me falta fazer é ajustar as bordas. Elas estão arredondadas e eu gostaria de deixá-las quadradas. É possível?

Também gostaria que ela tivesse a seguinte cor: #27408B
Kolseuvis
Kolseuvis
Super Membro

Membro desde : 25/04/2009
Mensagens : 1099
Pontos : 2122

http://www.formigaeletrica.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de menus como a do fdf

Mensagem por Sennior 25.04.13 0:00

Saudações! Muito feliz

Aceda à tua "Folha De Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

Código:
.linklist.navlinks {
border-radius: 0px !important;
}

Valide.

Até mais.
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: Barra de menus como a do fdf

Mensagem por Kolseuvis 25.04.13 2:06

Certo, perfeito. Estamos indo bem!

Últimas dúvidas em relação a barra:
- Gostaria de deixá-la com a fonte Microsoft Sans Serif.
- Gostaria de deixá-la na cor #27408B
Kolseuvis
Kolseuvis
Super Membro

Membro desde : 25/04/2009
Mensagens : 1099
Pontos : 2122

http://www.formigaeletrica.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de menus como a do fdf

Mensagem por Sennior 25.04.13 2:12

Saudações! Muito feliz

Aceda à tua "Folha De Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

Código:
.mainmenu {
font-family: Microsoft Sans Serif !important;
font-size: 12px !important;
}
.linklist.navlinks {
background: #27408B !important;
}

Valide.

Até mais.
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: Barra de menus como a do fdf

Mensagem por Kolseuvis 25.04.13 3:24

Sensacional! *-*

Só falta mais uma coisa, juro que é a última!

Existe a possibilidade de tirar o Negrito ?

Att.
Kolseuvis
Kolseuvis
Super Membro

Membro desde : 25/04/2009
Mensagens : 1099
Pontos : 2122

http://www.formigaeletrica.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de menus como a do fdf

Mensagem por Sennior 25.04.13 3:42

Saudações!

Qual negrito amigo? Não pude ver.

Até mais.
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: Barra de menus como a do fdf

Mensagem por Kolseuvis 25.04.13 3:49

Compare a fonte do menu com a fonte dos títulos das categorias. A fonte da barra de menus está em negrito, não?
Kolseuvis
Kolseuvis
Super Membro

Membro desde : 25/04/2009
Mensagens : 1099
Pontos : 2122

http://www.formigaeletrica.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de menus como a do fdf

Mensagem por Sennior 25.04.13 3:50

Saudações! Muito feliz

Aceda à tua "Folha De Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

Código:
.mainmenu {
font-weight: 500 !important;
}

Valide.

Até mais.
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: Barra de menus como a do fdf

Mensagem por Kolseuvis 25.04.13 3:56

Perfeito amigo, encerramos o tópico por aqui.

Agradeço a paciência e as questões resolvidas.

Abraço!
Kolseuvis
Kolseuvis
Super Membro

Membro desde : 25/04/2009
Mensagens : 1099
Pontos : 2122

http://www.formigaeletrica.com.br

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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