Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Menu fixado no topo
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Menu fixado no topo
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 22:51, editado 1 vez(es)
Re: Menu fixado no topo
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
Até mais o/
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
Até mais o/
Re: Menu fixado no topo
Olá,
Crie um novo widget com este código
Até
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://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Início" title="Início">Início</a> </li><li><a class="mainmenu" href="/"><img id="i_icon_mini_portal" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Portal" title="Portal">Portal</a> </li><li><a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="FAQ" title="FAQ">FAQ</a> </li><li><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Buscar" title="Buscar">Buscar</a> <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://2img.net/i/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://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Membros" title="Membros">Membros</a> </li><li><a class="mainmenu" href="/groups"><img id="i_icon_mini_groups" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Grupos" title="Grupos">Grupos</a> </li><li><a class="mainmenu" href="/profile?mode=editprofile"><img id="i_icon_mini_profile" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Perfil" title="Perfil">Perfil</a> </li><li><a class="mainmenu" href="/privmsg?folder=inbox" rel="nofollow"><img id="i_icon_mini_message" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Mensagens privadas" title="Mensagens privadas">Mensagens privadas</a> </li><li><a class="mainmenu" href="/login?logout=1&tid=e5f811092b942284601be6d44e4d1e41&key=896b88" rel="nofollow" id="logout"><img id="i_icon_mini_logout" src="http://2img.net/i/fa/empty.gif" border="0" hspace="2" alt="Sair [{USERNAME}]" title="Sair [{USERNAME}]">Sair [{USERNAME}]</a> </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é
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos