Menu fixado no topo

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

Resolvido Menu fixado no topo

Mensagem por ShaDownS em 13/05/16, 04:03 pm

Detalhes da questão


Endereço do fórum: http://fairytailcelestial.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Olá pessoal, gostaria de pedir o código CSS do menu de navegação do FdF (topo do fórum). Eu perdi o código e não lembro de como o compor.

Eu agradeço desde já ^^


Última edição por Cloud' em 21/05/16, 06:51 pm, editado 1 vez(es)
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu fixado no topo

Mensagem por ShaDownS em 20/05/16, 11:03 pm

Subir! De bem com a vida
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu fixado no topo

Mensagem por iPrompt em 21/05/16, 01:46 pm

Olá,

Você deseja o menu fixado ou só a barra de ferramentas ?

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Menu fixado no topo

Mensagem por ShaDownS em 21/05/16, 05:45 pm

Olá ^^
Como eu consegui o código do menu anterior do Menu do FdF, através das questões resolvidas, já não precisaria mais. Porém, fiz um logo novo para fazer essa fixação do menu na borda inferior do logo.
Então, a resposta seria o menu fixado Muito feliz

Até mais o/
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues
  • 0

Resolvido Re: Menu fixado no topo

Mensagem por iPrompt em 21/05/16, 06:28 pm

Olá,

Crie um novo widget com este código

Código:
<script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script>
<div id="cdp-is-installed" style="display: none;"></div>
<ul class="linklist navlinks" id="fa_sticky_nav" style="width: 100%; top: 30px;"><li><a class="mainmenu" href="/forum"><img id="i_icon_mini_index" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Início" title="Início">Início</a> &nbsp;</li><li><a class="mainmenu" href="/"><img id="i_icon_mini_portal" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Portal" title="Portal">Portal</a> &nbsp;</li><li><a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="FAQ" title="FAQ">FAQ</a> &nbsp;</li><li><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Buscar" title="Buscar">Buscar</a> &nbsp;<div class="overview row3" id="search_menu" style="display:none;position:absolute;width:350px;z-index:10000"><form action="/search" method="get"><input type="hidden" name="mode" value="searchbox"><p class="title-overview row2">Pesquisar</p><p class="center-overview"><input type="text" class="inputbox medium" name="search_keywords"><input type="submit" class="button1" value="Go"><br>Resultados por:<input id="rposts" type="radio" name="show_results" value="posts"> <label for="rposts">Mensagens</label><input id="rtopics" type="radio" name="show_results" value="topics" checked="checked"> <label for="rtopics">Tópicos</label></p><p class="center-overview"><label for="rtags">Etiquetas </label><input id="rtags" type="checkbox" name="is_tag" value="tags"></p><hr class="dashed"><p class="center-overview"><a href="/search" rel="nofollow" title="Busca avançada"><img src="http://illiweb.com/fa/empty.gif" width="12" height="13" alt="Busca avançada"> Busca avançada</a></p></form></div></li><li><a class="mainmenu" href="/memberlist"><img id="i_icon_mini_members" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Membros" title="Membros">Membros</a> &nbsp;</li><li><a class="mainmenu" href="/groups"><img id="i_icon_mini_groups" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Grupos" title="Grupos">Grupos</a> &nbsp;</li><li><a class="mainmenu" href="/profile?mode=editprofile"><img id="i_icon_mini_profile" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Perfil" title="Perfil">Perfil</a> &nbsp;</li><li><a class="mainmenu" href="/privmsg?folder=inbox" rel="nofollow"><img id="i_icon_mini_message" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Mensagens privadas" title="Mensagens privadas">Mensagens privadas</a> &nbsp;</li><li><a class="mainmenu" href="/login?logout=1&amp;tid=e5f811092b942284601be6d44e4d1e41&amp;key=896b88" rel="nofollow" id="logout"><img id="i_icon_mini_logout" src="http://illiweb.com/fa/empty.gif" border="0" hspace="2" alt="Sair [{USERNAME}]" title="Sair [{USERNAME}]">Sair [{USERNAME}]</a> &nbsp;</li></ul><a id="fa_sticky_toggle" href="#" style="top: 30px;"></a>
<style>
#fa_sticky_nav {
    background: #FAFAFA;
    border-bottom: 1px solid #CCC!important;
    font-size: 0;
    height: 30px;
    overflow: hidden;
    position: fixed;
    right: 0;
    text-align: center;
    transition: top 200ms linear, width 600ms ease-in-out;
    z-index: 999;
}
#fa_sticky_nav a.mainmenu.fa_navactif, #fa_sticky_nav a.mainmenu:hover {
    background-position: 0 25px;
}
#fa_sticky_nav a.mainmenu {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 30px;
    color: #39C;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    transition: 200ms;
}
#fa_sticky_toggle:hover {
    background-position: -30px 0;
}
#fa_sticky_toggle {
    background: url(http://i21.servimg.com/u/f21/18/21/41/30/omnibo10.png) no-repeat 0 0 #FAFAFA;
    border: 1px solid #CCC;
    border-right: none;
    display: inline-block;
    height: 29px;
    position: fixed;
    right: 0;
    transition: top 200ms linear;
    width: 30px;
    z-index: 999;
}</style>

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Menu fixado no topo

Mensagem por ShaDownS em 21/05/16, 06:50 pm

Olá novamente,
Obrigado pela ajuda Muito feliz

Podem fechar o/
@while @Cephes @Hancki
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

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