Menu fixado na parte superior

5 participantes

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

Tópico resolvido Menu fixado na parte superior

Mensagem por Louco Da Z/O 20.05.12 16:00

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:
Louco Da Z/O

Louco Da Z/O
Novo Membro

Membro desde : 01/05/2012
Mensagens : 21
Pontos : 33

http://kaytec.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu fixado na parte superior

Mensagem por Cream 20.05.12 16:13

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!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixado na parte superior

Mensagem por Louco Da Z/O 23.05.12 22:42

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://i1258.photobucket.com/albums/ii538/Eduardo_Cipriani/designfundo.jpg');
}



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;
}
Louco Da Z/O

Louco Da Z/O
Novo Membro

Membro desde : 01/05/2012
Mensagens : 21
Pontos : 33

http://kaytec.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Menu fixado na parte superior

Mensagem por MateusV. 23.05.12 23:41

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
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixado na parte superior

Mensagem por Louco Da Z/O 24.05.12 1:03


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://i1258.photobucket.com/albums/ii538/Eduardo_Cipriani/designfundo.jpg');
}



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://i1258.photobucket.com/albums/ii538/Eduardo_Cipriani/designfundo.jpg');
}



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://i1258.photobucket.com/albums/ii538/Eduardo_Cipriani/designfundo.jpg');
}



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;} 
Louco Da Z/O

Louco Da Z/O
Novo Membro

Membro desde : 01/05/2012
Mensagens : 21
Pontos : 33

http://kaytec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixado na parte superior

Mensagem por Joshua 24.05.12 1:20

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
Joshua

Joshua
***

Membro desde : 09/07/2011
Mensagens : 108
Pontos : 181

http://fmhp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixado na parte superior

Mensagem por LiveSteam 24.05.12 1:25

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.
LiveSteam

LiveSteam
****

Membro desde : 08/02/2011
Mensagens : 262
Pontos : 386

http://pro-power.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixado na parte superior

Mensagem por Louco Da Z/O 24.05.12 1:30

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!
Louco Da Z/O

Louco Da Z/O
Novo Membro

Membro desde : 01/05/2012
Mensagens : 21
Pontos : 33

http://kaytec.forumeiros.com/forum

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