Como fixar esse menu aqui?

4 participantes

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

Tópico resolvido Como fixar esse menu aqui?

Mensagem por News 13.05.13 0:15

Qual é minha questão:
Como coloca ese menu daqui:

http://swgames.forumeiros.com fixado tipo o desse


http://power-pixel.net

Quem ajuda e +

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

Versão do fórum:
PHPBB3
News

News
****

Membro desde : 07/04/2013
Mensagens : 238
Pontos : 381

http://universalpixel.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fixar esse menu aqui?

Mensagem por Sking 13.05.13 1:04

Olá, tente acha um tema igual a esse que vc deseja
ou não dá certo
Até mais
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fixar esse menu aqui?

Mensagem por News 13.05.13 1:06

da sim eu ha tenho o menu so quero fixa-lo
News

News
****

Membro desde : 07/04/2013
Mensagens : 238
Pontos : 381

http://universalpixel.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fixar esse menu aqui?

Mensagem por Convidado 13.05.13 1:11

Saudações!

Acenda sua "Folha de estilo CSS":
Código:
Código:
#page-header .navbar{position: fixed;}
e Validar.

Até. Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como fixar esse menu aqui?

Mensagem por News 13.05.13 1:20

bugou o menu do meio aquela barra de feramentas e personalizada ou seja ela tem um css e um javaScript ai vai:

JavaScript
Código:
$(document).ready(function(){
var nick = ($('#logout').length) ? $('#logout img').attr('alt').replace('Sair', '').replace('[', '').replace(']', '') : '' ;
var con=($('#logout').length)?'<a href="/profile?mode=editprofile" style="position: relative;">Conectado como  <b> '+nick+'</b><ul></ul></a><a href="/login?logout=1">Sair</a>' : 'Bem vindo Visitante!<a href="/login"style="position: relative;">Login</a><a href="/register">Criar Conta</a>';$('body').prepend('<span id="conectFor"> '+con+'</span>');$('#conectFor ul').prepend('<li><a href="/profile?mode=editprofile">Informações</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Preferencias</a></li><li><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><li><a href="/search?search_id=draftsearch">Rascunhos</a></li><li><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos</a></li><li><a href="/profile?mode=editprofile&page_profil=attachments">Anexos</a></li><li><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a></li><li><a href="/search?search_id=watchsearch"class="offp">Topicos Supervisionados</a></li><li><a href="/search?search_id=favouritesearch"target="_blank">Tópicos favoritos</a></li><li><a href="/search?search_id=newposts"target="_blank">Novas mensagens</a></li>')});

CSS

Código:
#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
padding-right : 20px;
text-align: right;
background: #323232;
border-bottom: 1px solid #000;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: relative;
top: 0;
left: 0;
right: 0;
}
#conectFor a{
color:#f1f1f1;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1 url() no-repeat bottom right;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}
News

News
****

Membro desde : 07/04/2013
Mensagens : 238
Pontos : 381

http://universalpixel.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fixar esse menu aqui?

Mensagem por News 13.05.13 14:13

UP
News

News
****

Membro desde : 07/04/2013
Mensagens : 238
Pontos : 381

http://universalpixel.forum-pro.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como fixar esse menu aqui?

Mensagem por Sennior 13.05.13 19:08

Saudações! Muito feliz

Mande-me teu fórum por gentileza.

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: Como fixar esse menu aqui?

Mensagem por News 13.05.13 21:29

swgames.forumeiros.com
News

News
****

Membro desde : 07/04/2013
Mensagens : 238
Pontos : 381

http://universalpixel.forum-pro.net/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Como fixar esse menu aqui?

Mensagem por MateusA 15.05.13 13:49

Olá,Troque o CSS por esse:

Código:
        #conectFor * {
        font-size: 12px;
        }
        #conectFor{
        padding: 13px;
        padding-right : 20px;
        text-align: right;
        background: #323232;
        border-bottom: 1px solid #000;
        font: 15px Tahoma;
        height: 10px;
        display: block;
        color: #F1F1F1;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        }
        #conectFor a{
        color:#f1f1f1;
        font-family:Arial;
        padding:8px 5px ;
        margin:0 1px;
        text-decoration:none;
        }
        #conectFor a:hover{
        color:#111;
        border-radius:5px 5px 0 0;
        -moz-border-radius:5px 5px 0 0;
        -webkit-border-radius:5px 5px 0 0;
        -o-border-radius:5px 5px 0 0;
        background:#f1f1f1;
        }
        #conectFor a:hover ul{display:inline;}
        #conectFor ul {
        margin-top: -1px;
        z-index:1;
        border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        -o-border-radius: 0px 0px 5px 5px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        top: 100%;
        width: 390px;
        padding:20px 13px;
        color: #333;
        background: #F1F1F1 url() no-repeat bottom right;
        list-style: none;
        display: none;
        float: left;
        right: 0em;
        position: absolute;
        }
        #conectFor ul li{
        float: left;
        width: 47%;
        display: inline;
        text-align:left;
        margin:5px;
        }
        #conectFor ul li a{color:#3689D1; background-image:none !important;}
        #conectFor ul li a:hover{color:#111; background:transparent;}

        #conectFor a[href="/profile?mode=editprofile"] {
        background-position: right;
        background-repeat: no-repeat;
        padding-right: 10px;
        background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
        }

        #conectFor a[href="/profile?mode=editprofile"]:hover {
        background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
        }

Resultado no meu forum de testes
http://snapshot.forumeiros.com/

Até mais.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fixar esse menu aqui?

Mensagem por News 15.05.13 15:18

obrigado. pode fechar
News

News
****

Membro desde : 07/04/2013
Mensagens : 238
Pontos : 381

http://universalpixel.forum-pro.net/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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