Menu flutuante/fixo

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

Resolvido Menu flutuante/fixo

Mensagem por Axel Terra Branford em 13/04/13, 02:04 am

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


Última edição por Axel Terra Branford em 13/04/13, 06:18 pm, editado 1 vez(es)
avatar

Axel Terra Branford
Nível 2

Masculino
Inscrito dia : 13/04/2013
Mensagens : 11
Pontos Ativos : 23

Ver perfil do usuário http://aigamrpg.forumeiros.com/

Resolvido Re: Menu flutuante/fixo

Mensagem por .Danni. em 13/04/13, 09:56 am

Bom dia,

Veja este tópico: http://ajuda.forumeiros.com/t74971-

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Menu flutuante/fixo

Mensagem por Convidado em 13/04/13, 11:02 am

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
Saudações!

Primeiramente queira ler este tópico http://ajuda.forumeiros.com/t67829-
Depois acenda sua "Folha de estilo CSS"
Painel de controle -> Visualização -> Imagens e Cores -> Cores -> 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://illiweb.com/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://illiweb.com/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://illiweb.com/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;
}
e Validar.

Até Piscada

Convidado
Convidado


Resolvido Re: Menu flutuante/fixo

Mensagem por Axel Terra Branford em 13/04/13, 06:18 pm

Muito obrigado aos dois ^^
avatar

Axel Terra Branford
Nível 2

Masculino
Inscrito dia : 13/04/2013
Mensagens : 11
Pontos Ativos : 23

Ver perfil do usuário http://aigamrpg.forumeiros.com/

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