Menu flutuante/fixo
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Menu flutuante/fixo
Qual é minha questão:
Qual é a minha questão:
Bem, eu gostaria de fazer um menu que ficasse fixo na parte superior da tela do navegador.
Que ao descer ou subir a tela/scroll o menu acompanhe.
Um menu fixo no estilo da FdF, que tem uma ferramenta de pesquisa, notificações e um botão de esconder/aparecer.
Obrigado desde já.
Endereço do meu fórum:
http://aigamrpg.forumeiros.com/
Versão do fórum:
PhpBB3
Endereço do meu fórum:
http://aigamrpg.forumeiros.com
Versão do fórum:
PHPBB3
Qual é a minha questão:
Bem, eu gostaria de fazer um menu que ficasse fixo na parte superior da tela do navegador.
Que ao descer ou subir a tela/scroll o menu acompanhe.
Um menu fixo no estilo da FdF, que tem uma ferramenta de pesquisa, notificações e um botão de esconder/aparecer.
Obrigado desde já.
Endereço do meu fórum:
http://aigamrpg.forumeiros.com/
Versão do fórum:
PhpBB3
Endereço do meu fórum:
http://aigamrpg.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por Axel Terra Branford em 13.04.13 22:18, editado 1 vez(es)
Re: Menu flutuante/fixo
|
Primeiramente queira ler este tópico https://ajuda.forumeiros.com/t67829-
Depois acenda sua "Folha de estilo CSS"
Código:Painel de controle -> Visualização -> Imagens e Cores -> Cores -> Folha de estilo CSS
- 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;
}
#search-box input.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #666666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
p.nomargin {
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: 0;
}
#search-box #keywords {
background-color: #FFFFFF;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D9D9D9;
color: #000000;
height: 23px;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
#search-box{margin-bottom:5px}search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}
.quick_connex {
padding: 5px;
position: absolute;
right: 200px;
top: 242px;
width: 160px;
}
.quick_connex .connec_close {
bottom: 3px;
float: right;
left: 5px;
position: relative;
}
Até
Convidado- Convidado
Tópicos semelhantes
» Menu flutuante.
» Menu flutuante animado
» Como criar um menu esticado flutuante?
» Menu fixo no top
» Logo e menu fixo
» Menu flutuante animado
» Como criar um menu esticado flutuante?
» Menu fixo no top
» Logo e menu fixo
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos