Menu fixado na parte superior

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

Resolvido Menu fixado na parte superior

Mensagem por Louco Da Z/O em 20/05/12, 12:00 pm

Qual é minha questão:
Quero colocar a barra de menu fixada na pagina. como a deste forum
http://psdesign.forumeiros.net/forum
Pagina pode estar em qualquer lugar, a barra de menu esta junto!
Não sei explica muito bem, mas em si é isso.

Medidas que eu tomei para corrigir o problema:
.....

Links e imagens do meu problema:
...

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

Versão do meu fórum:
avatar

Louco Da Z/O
Nível 3

Masculino
Inscrito dia : 01/05/2012
Mensagens : 21
Pontos Ativos : 33

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

Resolvido Re: Menu fixado na parte superior

Mensagem por Cream em 20/05/12, 12:13 pm

Olá,

Utilize este código:
Código:
#page-header .navbar {
    height: 50px;
    left: -20px;
    position: fixed;
    top: 0;
    width: 100%;
}
Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Menu fixado na parte superior

Mensagem por Louco Da Z/O em 23/05/12, 06:42 pm

Desculpa pela demora. estava muito ocupado nos ultimos dias (Estudos trabalho)
Mas o codigo nao resultou nao!

minha css:

Código:
a:link,{
color:##00ff00
text-shadow: 0 0 1px #00ff00;
}
}
a[href="/u1"]{text-shadow:0 0 10px #ff0000}
a:hover
{
text-shadow: 0 0 1px #00ff00;
padding-left: 20px;
font-size: 16px;
color: #00ff00;
}
div.maintitle {
text-align: center;
text-shadow: 0 0 5px white;
font-weight: bold;
}

a:visited,
a:active{
text-shadow: 0 0 1px #00ff00;
padding-left: 20px;
font-size: 16px;
color: #00ff00;
}

 
    text-decoration: .post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt]{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px};
}

table.ipbtable tfoot td {
background-color:#1d1d1d;

background-repeat: no-repeat;
  background-color: #000000;
  #submenu {background-image: url('http://illiweb.com/fa/pbucket.gif');
}



div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img36.imageshack.us/img36/6092/crossy.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img36.imageshack.us/img36/4156/addzox.png') no-repeat 50% 50%;
}



.popupmenu li {
background-color: #1d1d1d;
}


.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}


.post {
border-bottom:10px solid #1d1d1d;
}



#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}.post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt]{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.main .main-head .page-title {
text-align: center;
text-shadow: 0 0 5px white;
font-weight: bold;
}
avatar

Louco Da Z/O
Nível 3

Masculino
Inscrito dia : 01/05/2012
Mensagens : 21
Pontos Ativos : 33

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

Resolvido Re: Menu fixado na parte superior

Mensagem por MateusV. em 23/05/12, 07:41 pm

Boa noite.

Peço que adicione este código em seu CSS
#submenu
height: 50px;
left: -20px;
position: fixed;
top: 0;
width: 100%;
}

Cordialmente. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Menu fixado na parte superior

Mensagem por Louco Da Z/O em 23/05/12, 09:03 pm


Amigo nao resultou novamente: minha css, edite por favor, sera melhor se nao vou ficar te perturbando de mais!

Código:
a:link,{
color:##00ff00
text-shadow: 0 0 1px #00ff00;
}

a[href="/u1"]{text-shadow:0 0 10px #ff0000}
a:hover
{
text-shadow: 0 0 1px #00ff00;
padding-left: 20px;
font-size: 16px;
color: #00ff00;
}
div.maintitle {
text-align: center;
text-shadow: 0 0 5px white;
font-weight: bold;
}

a:visited,
a:active{
text-shadow: 0 0 1px #00ff00;
padding-left: 20px;
font-size: 16px;
color: #00ff00;
}

 
    text-decoration: .post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt]{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px};
}

table.ipbtable tfoot td {
background-color:#1d1d1d;

background-repeat: no-repeat;
  background-color: #000000;
  #submenu {background-image: url('http://illiweb.com/fa/pbucket.gif');
}



div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img36.imageshack.us/img36/6092/crossy.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img36.imageshack.us/img36/4156/addzox.png') no-repeat 50% 50%;
}



.popupmenu li {
background-color: #1d1d1d;
}


.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}


.post {
border-bottom:10px solid #1d1d1d;
}

div.maintitle {
text-align: center;
text-shadow: 0 0 5px white;
font-weight: bold;
}


a:link,{
color:##00ff00
text-shadow: 0 0 1px #00ff00;
}
a:link,{
color:##00ff00
text-shadow: 0 0 1px #00ff00;
}
#submenu
height: 50px;
left: -20px;
position: fixed;
top: 0;
width: 100%;
}
a[href="/u1"]{text-shadow:0 0 10px #ff0000}
a:hover
{
text-shadow: 0 0 1px #00ff00;
padding-left: 20px;
font-size: 16px;
color: #00ff00;
}
div.maintitle {
text-align: center;
text-shadow: 0 0 5px white;
font-weight: bold;
}

a:visited,
a:active{
text-shadow: 0 0 1px #00ff00;
padding-left: 20px;
font-size: 16px;
color: #00ff00;
}

 
    text-decoration: .post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt]{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px};
}

table.ipbtable tfoot td {
background-color:#1d1d1d;

background-repeat: no-repeat;
  background-color: #000000;
  #submenu {background-image: url('http://illiweb.com/fa/pbucket.gif');
}



div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img36.imageshack.us/img36/6092/crossy.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img36.imageshack.us/img36/4156/addzox.png') no-repeat 50% 50%;
}



.popupmenu li {
background-color: #1d1d1d;
}


.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}


.post {
border-bottom:10px solid #1d1d1d;
}

div.maintitle {
text-align: center;
text-shadow: 0 0 5px white;
font-weight: bold;
}


#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}.post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt]{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.main .main-head .page-title {
text-align: center;
text-shadow: 0 0 5px white;
font-weight: bold;
}
 
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;} 
a[href="/u1"]{text-shadow:0 0 10px #ff0000}
a:hover
{
text-shadow: 0 0 1px #00ff00;
padding-left: 20px;
font-size: 16px;
color: #00ff00;
}
div.maintitle {
text-align: center;
text-shadow: 0 0 5px white;
font-weight: bold;
}

a:visited,
a:active{
text-shadow: 0 0 1px #00ff00;
padding-left: 20px;
font-size: 16px;
color: #00ff00;
}

 
    text-decoration: .post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt]{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px};
}

table.ipbtable tfoot td {
background-color:#1d1d1d;

background-repeat: no-repeat;
  background-color: #000000;
  #submenu {background-image: url('http://illiweb.com/fa/pbucket.gif');
}



div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img36.imageshack.us/img36/6092/crossy.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img36.imageshack.us/img36/4156/addzox.png') no-repeat 50% 50%;
}



.popupmenu li {
background-color: #1d1d1d;
}


.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}


.post {
border-bottom:10px solid #1d1d1d;
}

div.maintitle {
text-align: center;
text-shadow: 0 0 5px white;
font-weight: bold;
}


#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}
.post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt]{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.main .main-head .page-title {
text-align: center;
text-shadow: 0 0 5px white;
font-weight: bold;
}
 
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}  .post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt]{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.main .main-head .page-title {
text-align: center;
text-shadow: 0 0 5px white;
font-weight: bold;
}
 
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;} 
avatar

Louco Da Z/O
Nível 3

Masculino
Inscrito dia : 01/05/2012
Mensagens : 21
Pontos Ativos : 33

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

Resolvido Re: Menu fixado na parte superior

Mensagem por Joshua em 23/05/12, 09:20 pm

Olha eu realmente não sei o codigo.

Mais te passo 2 temas que ja vem embotido e eles são bonitos os temas.
http://pt.hitskin.com/buscar-um-tema/playplus-184142.htm
http://pt.hitskin.com/buscar-um-tema/blue-teme-186114.htm
avatar

Joshua
Nível 8

Masculino
Inscrito dia : 09/07/2011
Mensagens : 108
Pontos Ativos : 181

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

Resolvido Re: Menu fixado na parte superior

Mensagem por LiveSteam em 23/05/12, 09:25 pm

@Joshua escreveu:Olha eu realmente não sei o codigo.

Mais te passo 2 temas que ja vem embotido e eles são bonitos os temas.
http://pt.hitskin.com/buscar-um-tema/playplus-184142.htm
http://pt.hitskin.com/buscar-um-tema/blue-teme-186114.htm

Olá, Apenas este contem o codigo
http://pt.hitskin.com/buscar-um-tema/playplus-184142.htm

o outro nao contem o codigo para isto, eu uso ele.
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 08/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Menu fixado na parte superior

Mensagem por Louco Da Z/O em 23/05/12, 09:30 pm

Amigos, ok vou add o tema :http://pt.hitskin.com/buscar-um-tema/playplus-184142.htm
mas agora como faço para o encontrar, desculopem a "noobisse" mas estou aprendo pouso a pouco, té mais

________________________________________________________________________________________________________________________________________________________

Ok ja consegui pessoal, Obrg a todos. Agora tenho que aprender a colocar imagem sobre este tema ¬¬ mas obrg até a proxima!
avatar

Louco Da Z/O
Nível 3

Masculino
Inscrito dia : 01/05/2012
Mensagens : 21
Pontos Ativos : 33

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

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