Menu "ABAIXO" da logo!

4 participantes

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

Tópico resolvido Menu "ABAIXO" da logo!

Mensagem por Bookmarlucas654 27.03.12 19:30

Qual é minha questão:
Gente, estou utilizando o seguindo CSS para personalizar o Menu:

Código:
#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:0 auto;padding:8px;position:absolute;right:0;text-align:center;top:0}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i.imgur.com/02nWg.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}/* Fundo do Menu Contornado,Edit By: Stefan - Fim */

Mas, tem um problema! Este menu fica ACIMA da logo, e quero que ele fique ABAIXO! Para entenderem, vejam meu fórum com este menu:

http://habbojoy.forumeiros.com/

Agora, veja outro fórum, com o mesmo menu, mas com ele abaixo da logo:

http://pokedea.forumeiros.com/

Onde altero o CSS pra ser assim no meu também? Grato!

Medidas que eu tomei para corrigir o problema:
Vir aqui!

Links e imagens do meu problema:


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

Versão do meu fórum:
PHPBB3
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ABAIXO" da logo!

Mensagem por MateusV. 27.03.12 19:32

Olá, substitua o seu codigo por este
Código:
#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:0 auto;padding:8px;position:absolute;right:0;text-align:center;top:0}#page-header .navbar ul.linklist{border-bottom:0;margin-top:50px !important}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i.imgur.com/02nWg.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}/* Fundo do Menu Contornado,Edit By: Stefan - Fim */

Cordialmente. Piscada

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
MateusV.

MateusV.
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 "ABAIXO" da logo!

Mensagem por Bookmarlucas654 27.03.12 19:35

MateusV. escreveu:Olá, substitua o seu codigo por este
Código:
#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:0 auto;padding:8px;position:absolute;right:0;text-align:center;top:0}#page-header .navbar ul.linklist{border-bottom:0;margin-top:50px !important}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i.imgur.com/02nWg.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}/* Fundo do Menu Contornado,Edit By: Stefan - Fim */

Cordialmente. Piscada

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Piorou, agora, ele está acima da logo ;S Vê lá no fórum
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ABAIXO" da logo!

Mensagem por MateusV. 27.03.12 19:39

Olá, isso ocorre pois o seu codigo é diferente do codigo do forum em questão, substitua seu codigo por este
Código:
#page-header .navbar {
background: url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);
border: 2px solid black;
left: 0;
margin: -60px auto 0;
padding: 8px;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
}
Caso não, substitua por este
Código:
#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:-60px auto 0;padding:8px;position:absolute;right:0;text-align:center;text-transform:uppercase}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i.imgur.com/aP9cp.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}#page-header{margin-bottom:-12px;margin-top:70px}

Melhores cumprimentos. Piscada
MateusV.

MateusV.
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 "ABAIXO" da logo!

Mensagem por Bookmarlucas654 27.03.12 19:43

O 2º pegou e está quase, ele precisa ir mais pra baixo. Há, e ele fez a propaganda subir, mas se for por isso, rlx, quero apenas que ele abaixe mais! Piscada brigadu miguxo. Edito onde para abaixar?
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ABAIXO" da logo!

Mensagem por MateusV. 27.03.12 19:45

Olá, aqui esta
#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:-60px auto 0;padding:8px;position:absolute;right:0;text-align:center;text-transform:uppercase}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(https://i.imgur.com/aP9cp.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}#page-header{margin-bottom:-12px;margin-top:90px}

Cordialmente. Piscada
MateusV.

MateusV.
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 "ABAIXO" da logo!

Mensagem por Bookmarlucas654 27.03.12 19:49

Eu consegui com o...:

#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:-60px auto 0;padding:8px;position:absolute;right:0;text-align:center;text-transform:uppercase}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(https://i.imgur.com/aP9cp.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}#page-header{margin-bottom:-12px;margin-top:90px}

...também, mas, veja lá no fórum. Agora, precisa levantar a logo pra o menu não ficar em cima, o que faço? ;S
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ABAIXO" da logo!

Mensagem por MateusV. 27.03.12 19:51

Olá, adicione este codigo em sua folha de estilo CSS
#logo-desc {
margin-top: -4px !important;
}

Cordialmente. Piscada
MateusV.

MateusV.
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 "ABAIXO" da logo!

Mensagem por Bookmarlucas654 27.03.12 19:53

Mateus, miguxo, desculpa, mas o código não pegou. Quando edito o -4 pra -9 ou qualquer outro, ele não faz nada ;S
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ABAIXO" da logo!

Mensagem por MateusV. 27.03.12 19:55

Olá, poderia me fornecer o conteudo de sua folha de estilo CSS?

Melhores cumprimentos. Piscada
MateusV.

MateusV.
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 "ABAIXO" da logo!

Mensagem por Bookmarlucas654 27.03.12 19:57

Claro, aqui:

Código:
/* Almentar posição da logo - Inicio */
#logo-desc {
margin-top: -5px !important;
}
/* Almentar posição da logo - Fim */

p.author {
-moz-border-radius: 0 6px 6px 0;
-o-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
background: none repeat scroll 0 0 white;
border: 1px solid #C3E0F1;
border-radius: 0 6px 6px 0;
color: #232323;
left: -11px;
margin-top: 7px;
padding-left: 3px;
padding-top: 3px;
position: relative;
width: 275px;
}

/* Nome Habbo no Register - Inicio */
#cp-main.ucp-main form#ucp[method="post"][name="post"]:first-child div.panel div.inner:first-child fieldset dl:first-child dt:first-child label:first-child{font-size:0px;color:transparent}#cp-main.ucp-main form#ucp[method="post"][name="post"]:first-child div.panel div.inner:first-child fieldset dl:first-child dt:first-child label:first-child::before{content:'Nome habbo : *';color:black;font-size:11px}
/* Nome Habbo no Register - Fim */

/* Logo desliza ao aproximar mouse - Inicio /
#logo {
  width: 472px;
position: relative;
 background: url(http://i47.servimg.com/u/f47/17/17/49/06/habbo_13.png);
  background-repeat: no-repeat;
text-indent: -9999px;
height: 98px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;

right: 0px;
  left: 0px;
top: 25px;
float: center;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
 
  overflow:hidden;
}


#logo:hover {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/habbo_13.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:translate(50px);
  -moz-transform: translate(200px);
  -o-transform:translate(200px);
 }

#logo:active {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/habbo_13.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:scale(20px);
  -moz-transform:scale(15px);
  -o-transform:scale(15px);
}
/* Logo desliza ao aproximar mouse - Fim */

/* Bordas ao redor das mensagens no ChatBox - Inicio */
.chatbox_row_1{
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   border:1px solid #F55318;
   }
.chatbox_row_2{
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   border:1px solid #F55318;
   }
.chatbox_row_3{
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   border:1px solid #F55318;
   }
/* Bordas ao redor das mensagens no ChatBox - Fim */

/* Ultima Mensagem Arredondado Categoria, Edit by: Stefan - Inicio */
.lastpost{
margin: 3px;
width : auto;
border : 2px solid #COR;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #COR;
-webkit-box-shadow : 0 0 8px #COR;
box-shadow : 0 0 8px #666;}
.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}
#main-content div.panel.row3 div#cp-main.ucp-main .panel{border:0;padding:0px 0px 0px 0px}
.navbar {
background-color: transparent;
clear: both;
padding: 0 10px;
}
/* Ultima Mensagem Arredondado Categoria, Edit By: Stefan - Fim */

/* Fundo do Menu Contornado,Edit By: Stefan - Inicio */
#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:-60px auto 0;padding:8px;position:absolute;right:0;text-align:center;text-transform:uppercase}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i.imgur.com/aP9cp.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}#page-header{margin-bottom:-12px;margin-top:90px}
/* Fundo do Menu Contornado,Edit By: Stefan - Fim */
 
/* Tópico Arredondado Traçado, By: Stefan - Inicio */

.post {
    background-position: 101% 0;
    background-repeat: no-repeat;
    border: 2px solid #c1c1c1;
    border-radius: 9px 9px 9px 9px;
    margin-bottom: 4px;
    padding: 0 10px;
}
/* Tópico Arredondado Traçado, By: Stefan - Fim */

/* Aparencia Dos Botões Registrar/Login - Inicio */
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 3px 5px;
border-image: initial;
}
/* Aparencia Dos Botões Registrar/Login - Fim */

/* Imagem Flutuante - Inicio */
#flutuante {
display: scroll;
position: fixed;
top: 45px;
left: 1600px;
}
/* Imagem Flutuante - Fim */

/* Bordas No Fórum - Inicio */
#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
/* Bordas No Fórum - Fim */

/* Contorno nas Bordas do fórum - Inicio */
#wrap {
-moz-box-shadow: 0px 20px 23px #CCCCCC;
-webkit-box-shadow: 0px 20px 23px #CCCCCC;
}
/* Contorno nas Bordas do fórum - Fim */

/* Legenda Elegante - Inicio */
#picture_legend {
background-position: center;
background-repeat: no-repeat;
background: url(http://i.imgur.com/sHlz2.png) no-repeat 50% 0;
}
/* Legenda Elegante - Fim */

/* Fundo Home-Page - Inicio */
.panel{background-color:#F0F0F0!important}
/* Fundo Home-Page - Fim */

/* Fundo Quote - Inicio */
blockquote blockquote{background:-webkit-linear-gradient(#f2f2f2,#ffffff)}blockquote blockquote blockquote{background:-webkit-linear-gradient(#f2f2f2,#ffffff)}blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:6px;-moz-box-shadow:2px 2px 2px #000000;-webkit-border-radius:6px;-webkit-box-shadow:2px 2px 2px #000000;background:-moz-linear-gradient(#f2f2f2,#ffffff);background-color:#fff;background-image:-webkit-linear-gradient(#f2f2f2,#ffffff);border:1px solid #000000;border-radius:6px;box-shadow:2px 2px 2px #000000;font-size:11px;margin:0;padding-bottom:-30px;padding-left:-30px;padding-top:-30px;width:90%}blockquote img{max-width:100%!important}.spoiler{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}dl.codebox{background:none;background-image:url(http://i26.servimg.com/u/f26/14/56/85/28/novida10.png);width:92%}.codebox .spoiler_content{-moz-border-radius:6px;-webkit-border-radius:6px;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #000000;border-radius:6px;font-size:11px;margin-left:0;padding:5px 10px 10px}
/* Fundo Quote - Fim */
/* Centralizar Perfil - Inicio */
.postprofile dd, .postprofile dt {
  text-align: center;
  margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/* Centralizar Perfil - Fim*/

/* Colocar cor no fundo no nome do membro(Bookmarlucas654) - Inicio */
a[href="/u1"] {
text-shadow: 0px 0px 4px #4682B4;
text-decoration: blink;
}
/* Colocar cor no fundo no nome do membro(Bookmarlucas654) - Fim */

/* Posição de Offline e Online - Inicio */
.online{
z-index: 99;
background-image: url(http://i47.servimg.com/u/f47/17/17/49/06/status13.gif);
background-position: 98% 15px;
background-repeat: no-repeat;}
/* Posição de Offline e Online - Fim */

/* Fazer nome piscar(Bookmarlucas654) - Inicio */
a[href="/u1"] {
text-decoration: blink;
}
/* Fazer nome piscar(Bookmarlucas654) - Fim */

/* Altera popup de conexão - Inicio */
#login_popup {
  position: absolute;
width: 500px !important;
height: 250px !important;
  z-index: 999;
  display: none;
  background: #fff url(http://i27.servimg.com/u/f27/16/17/34/47/body-b15.png);
  border: 10px solid #ddd;
  -webkit-box-shadow: 1px 2px 5px #000;
  -moz-box-shadow: 1px 2px 5px #000;
  box-shadow: 1px 2px 5px #000;
        -webkit-border-top-left-radius: 16px;
        -webkit-border-bottom-right-radius: 16px;
        -moz-border-radius-topleft: 16px;
        -moz-border-radius-bottomright: 16px;
        border-top-left-radius: 16px;
        border-bottom-right-radius: 16px;
  padding: 10px;
        font-family: Trebuchet MS;
  font-size: 1.2em;
  }

#login_popup input.button2 {
cursor:pointer;
font-size: 0px;
background-image: url(http://i27.servimg.com/u/f27/16/17/34/47/close10.png);
background-color: transparent;
background-repeat: no-repeat;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
width: 60px !important;
height: 60px !important;
border: 0;
float: right;
margin-right: -40px;
margin-top: -270px;
background-position: 0 100%;
color: transparent;
}

#login_popup .h3 {
  margin:0 0 6px;
  padding:0 0 6px;
  }
#login_popup_buttons {
  position:absolute;
  bottom:6px;
  right:6px;
  }
#login_popup_buttons input {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  margin-left:6px;
  }
/* Altera popup de conexão - Fim */

/* Linha que separa o tópico das mensagens - Inicio */
#first-post-br {
border: 0;
border-top: solid 1px #1675BC;
margin: 20px auto;
width: 80%;
border-image: initial;
}
/* Link que separa o tópico das mensagens - Fim */

/* Destância da linha do perfil nas mensagens - Inicio */
.postprofile {padding-right: 15px;}
/* Destância da linha do perfil nas mensagens - Fim */

/* Voto/dinheiro nas mensagens - Inicio */
div.vote div.vote-button:last-child,div.vote div.vote-no-bar{display:none}

 .vote {
 padding: 4px 1px 4px 1px;
 text-align: center;
 width:20px;
 background-color: #eaeaea;
 border: 1px solid #d4d6d5;
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-top-left-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-right-radius:5px;
 }

 .vote .vote-no-bar {
 display: none;
 }

 .vote .vote-bar {
 border-left: 0px;
 border-right: 0px;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #d4d6d5;
 font-size: 0px;
 height: 50px;
 margin: 0px;
 width: 20px;
 padding: 3px 0px 3px 0px;
 }

 .vote .vote-bar-plus {
 margin-left: 7px;
 width: 6px;
 }

 .vote .vote-bar-minus {
 margin-left: 7px;
 width: 6px;
 }

 .vote .vote-button a[href $="plus"] {
 background:url('http://i40.tinypic.com/2guyzjb.jpg');
 background-repeat: no-repeat;
 color:transparent;
 display:block;
 height:21px;
 width:22px;
 }

 .vote .vote-button a[href $="minus"] {
 background-image:url('http://i42.tinypic.com/15q214n.png');
 background-repeat: no-repeat;
 color:transparent;
 display:block;
 height:21px;
 width:22px;
 }
/* Voto/dinheiro nas mensagens - Fim */

/* Tooltip - Inicio */
.tooltip {

        position: absolute;

        display: none;

        width: 400px; /* largure */

        height: 200px;  /* altura */

        background-color: #000000;  /* cor de fundo */

        color: #FFFFFF;  /* cor da fonte */

        border: outset 5px red;

        font: 10pt Verdana, Arial, Tahoma, Sans-serif;

      }

      .objeto {

        cursor: help;

        border-bottom: dashed 1px #FF0000;

      }
/* Tooltip - Fim */

/* Blog Arredondado - Inicio */
.module {
background-color: white;
margin-bottom: 4px;
overflow: hidden;
padding: 0px 10px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #cfcfcf!important;
}
/* Blog Arredondado - Fim */

/* CopyRight Direitos - Inicio */
p.copyright:before{
margin-left: 50px;
text-align: center;
content: 'Copyright © 2012 Habbo Joy - Todos Os Direitos Reservados';
color: #666666;
display: block;
padding-bottom: 10px;}
/* CopyRight Direitos - Fim */

/* Arredondar as bordas da mensagem rápida - Inicio */
a:hover, a{
text-decoration: none !important;
border-color: none !important;}

img{border: none !important;}

a:focus{-moz-outline-style: none !important;}

a {outline: none;}

textarea, input{outline: none;}

#text_editor_textarea{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 1px solid #1675bc;}

input{
background: white url(http://i.imgur.com/8aMDd.png);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid lightgrey;
padding: 2px;
text-shadow: white 1px 1px 0px;}

input[type="submit"]{cursor: pointer;}
/* Arredondar as bordas da mensagem rápida - Fim */

/* Quebra de linha do título para os botões - Inicio */
.postbody .topic-title {
float: left;
margin-buttom: 5px;
padding: 0;
width: auto;
}

.postbody .topic-title {
float: buttom;
margin-buttom: 10px;
}
/* Quebra de linha do título para os botões - Fim */

/* Retirando o "Buscar" - Inicio */
.navbar #search-box{display:none}
/* Retirando o "Buscar" - Fim */

/* Arredondar bordas do Escondido - Inicio */
.codebox {
   display:block;
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   }
/* Arredondar bordar do Escondido - Fim */

/* Linha curvada do perfil - Inicio */
.postprofile {
   color: #666666;
   min-height: 80px;
        border-right-style: solid;
   border-right-width: 2px;
   border-color: #000000;
   width: 23,5%;
   float: left;
        display: inline;
   position: relative;
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   }
/* Linha curvada do perfil - Fim */
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ABAIXO" da logo!

Mensagem por MateusV. 27.03.12 19:59

Olá, substitua-o por este
Código:
/* Almentar posição da logo - Inicio */
#logo-desc {
margin-top: -5px !important;
}
/* Almentar posição da logo - Fim */

p.author {
-moz-border-radius: 0 6px 6px 0;
-o-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
background: none repeat scroll 0 0 white;
border: 1px solid #C3E0F1;
border-radius: 0 6px 6px 0;
color: #232323;
left: -11px;
margin-top: 7px;
padding-left: 3px;
padding-top: 3px;
position: relative;
width: 275px;
}

/* Nome Habbo no Register - Inicio */
#cp-main.ucp-main form#ucp[method="post"][name="post"]:first-child div.panel div.inner:first-child fieldset dl:first-child dt:first-child label:first-child{font-size:0px;color:transparent}#cp-main.ucp-main form#ucp[method="post"][name="post"]:first-child div.panel div.inner:first-child fieldset dl:first-child dt:first-child label:first-child::before{content:'Nome habbo : *';color:black;font-size:11px}
/* Nome Habbo no Register - Fim */

/* Logo desliza ao aproximar mouse - Inicio /
#logo {
  width: 472px;
position: relative;
 background: url(http://i47.servimg.com/u/f47/17/17/49/06/habbo_13.png);
  background-repeat: no-repeat;
text-indent: -9999px;
height: 98px;
display: block;
margin: 0 auto;
margin-bottom: 25px;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
right: 0px;
  left: 0px;
top: 25px;
float: center;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  margin-top: -5px !important;
  overflow:hidden;
}


#logo:hover {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/habbo_13.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:translate(50px);
  -moz-transform: translate(200px);
  -o-transform:translate(200px);
 }

#logo:active {
background: url(http://i47.servimg.com/u/f47/17/17/49/06/habbo_13.png) 0px 0px;
    background-repeat: no-repeat;
  -webkit-transform:scale(20px);
  -moz-transform:scale(15px);
  -o-transform:scale(15px);
}
/* Logo desliza ao aproximar mouse - Fim */

/* Bordas ao redor das mensagens no ChatBox - Inicio */
.chatbox_row_1{
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border:1px solid #F55318;
  }
.chatbox_row_2{
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border:1px solid #F55318;
  }
.chatbox_row_3{
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border:1px solid #F55318;
  }
/* Bordas ao redor das mensagens no ChatBox - Fim */

/* Ultima Mensagem Arredondado Categoria, Edit by: Stefan - Inicio */
.lastpost{
margin: 3px;
width : auto;
border : 2px solid #COR;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #COR;
-webkit-box-shadow : 0 0 8px #COR;
box-shadow : 0 0 8px #666;}
.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}
#main-content div.panel.row3 div#cp-main.ucp-main .panel{border:0;padding:0px 0px 0px 0px}
.navbar {
background-color: transparent;
clear: both;
padding: 0 10px;
}
/* Ultima Mensagem Arredondado Categoria, Edit By: Stefan - Fim */

/* Fundo do Menu Contornado,Edit By: Stefan - Inicio */
#page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:-60px auto 0;padding:8px;position:absolute;right:0;text-align:center;text-transform:uppercase}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i.imgur.com/aP9cp.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}#page-header{margin-bottom:-12px;margin-top:90px}
/* Fundo do Menu Contornado,Edit By: Stefan - Fim */
 
/* Tópico Arredondado Traçado, By: Stefan - Inicio */

.post {
    background-position: 101% 0;
    background-repeat: no-repeat;
    border: 2px solid #c1c1c1;
    border-radius: 9px 9px 9px 9px;
    margin-bottom: 4px;
    padding: 0 10px;
}
/* Tópico Arredondado Traçado, By: Stefan - Fim */

/* Aparencia Dos Botões Registrar/Login - Inicio */
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 3px 5px;
border-image: initial;
}
/* Aparencia Dos Botões Registrar/Login - Fim */

/* Imagem Flutuante - Inicio */
#flutuante {
display: scroll;
position: fixed;
top: 45px;
left: 1600px;
}
/* Imagem Flutuante - Fim */

/* Bordas No Fórum - Inicio */
#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
/* Bordas No Fórum - Fim */

/* Contorno nas Bordas do fórum - Inicio */
#wrap {
-moz-box-shadow: 0px 20px 23px #CCCCCC;
-webkit-box-shadow: 0px 20px 23px #CCCCCC;
}
/* Contorno nas Bordas do fórum - Fim */

/* Legenda Elegante - Inicio */
#picture_legend {
background-position: center;
background-repeat: no-repeat;
background: url(http://i.imgur.com/sHlz2.png) no-repeat 50% 0;
}
/* Legenda Elegante - Fim */

/* Fundo Home-Page - Inicio */
.panel{background-color:#F0F0F0!important}
/* Fundo Home-Page - Fim */

/* Fundo Quote - Inicio */
blockquote blockquote{background:-webkit-linear-gradient(#f2f2f2,#ffffff)}blockquote blockquote blockquote{background:-webkit-linear-gradient(#f2f2f2,#ffffff)}blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:6px;-moz-box-shadow:2px 2px 2px #000000;-webkit-border-radius:6px;-webkit-box-shadow:2px 2px 2px #000000;background:-moz-linear-gradient(#f2f2f2,#ffffff);background-color:#fff;background-image:-webkit-linear-gradient(#f2f2f2,#ffffff);border:1px solid #000000;border-radius:6px;box-shadow:2px 2px 2px #000000;font-size:11px;margin:0;padding-bottom:-30px;padding-left:-30px;padding-top:-30px;width:90%}blockquote img{max-width:100%!important}.spoiler{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}dl.codebox{background:none;background-image:url(http://i26.servimg.com/u/f26/14/56/85/28/novida10.png);width:92%}.codebox .spoiler_content{-moz-border-radius:6px;-webkit-border-radius:6px;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #000000;border-radius:6px;font-size:11px;margin-left:0;padding:5px 10px 10px}
/* Fundo Quote - Fim */
/* Centralizar Perfil - Inicio */
.postprofile dd, .postprofile dt {
  text-align: center;
  margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/* Centralizar Perfil - Fim*/

/* Colocar cor no fundo no nome do membro(Bookmarlucas654) - Inicio */
a[href="/u1"] {
text-shadow: 0px 0px 4px #4682B4;
text-decoration: blink;
}
/* Colocar cor no fundo no nome do membro(Bookmarlucas654) - Fim */

/* Posição de Offline e Online - Inicio */
.online{
z-index: 99;
background-image: url(http://i47.servimg.com/u/f47/17/17/49/06/status13.gif);
background-position: 98% 15px;
background-repeat: no-repeat;}
/* Posição de Offline e Online - Fim */

/* Fazer nome piscar(Bookmarlucas654) - Inicio */
a[href="/u1"] {
text-decoration: blink;
}
/* Fazer nome piscar(Bookmarlucas654) - Fim */

/* Altera popup de conexão - Inicio */
#login_popup {
  position: absolute;
width: 500px !important;
height: 250px !important;
  z-index: 999;
  display: none;
  background: #fff url(http://i27.servimg.com/u/f27/16/17/34/47/body-b15.png);
  border: 10px solid #ddd;
  -webkit-box-shadow: 1px 2px 5px #000;
  -moz-box-shadow: 1px 2px 5px #000;
  box-shadow: 1px 2px 5px #000;
        -webkit-border-top-left-radius: 16px;
        -webkit-border-bottom-right-radius: 16px;
        -moz-border-radius-topleft: 16px;
        -moz-border-radius-bottomright: 16px;
        border-top-left-radius: 16px;
        border-bottom-right-radius: 16px;
  padding: 10px;
        font-family: Trebuchet MS;
  font-size: 1.2em;
  }

#login_popup input.button2 {
cursor:pointer;
font-size: 0px;
background-image: url(http://i27.servimg.com/u/f27/16/17/34/47/close10.png);
background-color: transparent;
background-repeat: no-repeat;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
width: 60px !important;
height: 60px !important;
border: 0;
float: right;
margin-right: -40px;
margin-top: -270px;
background-position: 0 100%;
color: transparent;
}

#login_popup .h3 {
  margin:0 0 6px;
  padding:0 0 6px;
  }
#login_popup_buttons {
  position:absolute;
  bottom:6px;
  right:6px;
  }
#login_popup_buttons input {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  margin-left:6px;
  }
/* Altera popup de conexão - Fim */

/* Linha que separa o tópico das mensagens - Inicio */
#first-post-br {
border: 0;
border-top: solid 1px #1675BC;
margin: 20px auto;
width: 80%;
border-image: initial;
}
/* Link que separa o tópico das mensagens - Fim */

/* Destância da linha do perfil nas mensagens - Inicio */
.postprofile {padding-right: 15px;}
/* Destância da linha do perfil nas mensagens - Fim */

/* Voto/dinheiro nas mensagens - Inicio */
div.vote div.vote-button:last-child,div.vote div.vote-no-bar{display:none}

 .vote {
 padding: 4px 1px 4px 1px;
 text-align: center;
 width:20px;
 background-color: #eaeaea;
 border: 1px solid #d4d6d5;
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-top-left-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -webkit-border-top-right-radius:5px;
 -webkit-border-bottom-right-radius:5px;
 }

 .vote .vote-no-bar {
 display: none;
 }

 .vote .vote-bar {
 border-left: 0px;
 border-right: 0px;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #d4d6d5;
 font-size: 0px;
 height: 50px;
 margin: 0px;
 width: 20px;
 padding: 3px 0px 3px 0px;
 }

 .vote .vote-bar-plus {
 margin-left: 7px;
 width: 6px;
 }

 .vote .vote-bar-minus {
 margin-left: 7px;
 width: 6px;
 }

 .vote .vote-button a[href $="plus"] {
 background:url('http://i40.tinypic.com/2guyzjb.jpg');
 background-repeat: no-repeat;
 color:transparent;
 display:block;
 height:21px;
 width:22px;
 }

 .vote .vote-button a[href $="minus"] {
 background-image:url('http://i42.tinypic.com/15q214n.png');
 background-repeat: no-repeat;
 color:transparent;
 display:block;
 height:21px;
 width:22px;
 }
/* Voto/dinheiro nas mensagens - Fim */

/* Tooltip - Inicio */
.tooltip {

        position: absolute;

        display: none;

        width: 400px; /* largure */

        height: 200px;  /* altura */

        background-color: #000000;  /* cor de fundo */

        color: #FFFFFF;  /* cor da fonte */

        border: outset 5px red;

        font: 10pt Verdana, Arial, Tahoma, Sans-serif;

      }

      .objeto {

        cursor: help;

        border-bottom: dashed 1px #FF0000;

      }
/* Tooltip - Fim */

/* Blog Arredondado - Inicio */
.module {
background-color: white;
margin-bottom: 4px;
overflow: hidden;
padding: 0px 10px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #cfcfcf!important;
}
/* Blog Arredondado - Fim */

/* CopyRight Direitos - Inicio */
p.copyright:before{
margin-left: 50px;
text-align: center;
content: 'Copyright ©️ 2012 Habbo Joy - Todos Os Direitos Reservados';
color: #666666;
display: block;
padding-bottom: 10px;}
/* CopyRight Direitos - Fim */

/* Arredondar as bordas da mensagem rápida - Inicio */
a:hover, a{
text-decoration: none !important;
border-color: none !important;}

img{border: none !important;}

a:focus{-moz-outline-style: none !important;}

a {outline: none;}

textarea, input{outline: none;}

#text_editor_textarea{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 1px solid #1675bc;}

input{
background: white url(http://i.imgur.com/8aMDd.png);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid lightgrey;
padding: 2px;
text-shadow: white 1px 1px 0px;}

input[type="submit"]{cursor: pointer;}
/* Arredondar as bordas da mensagem rápida - Fim */

/* Quebra de linha do título para os botões - Inicio */
.postbody .topic-title {
float: left;
margin-buttom: 5px;
padding: 0;
width: auto;
}

.postbody .topic-title {
float: buttom;
margin-buttom: 10px;
}
/* Quebra de linha do título para os botões - Fim */

/* Retirando o "Buscar" - Inicio */
.navbar #search-box{display:none}
/* Retirando o "Buscar" - Fim */

/* Arredondar bordas do Escondido - Inicio */
.codebox {
  display:block;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  }
/* Arredondar bordar do Escondido - Fim */

/* Linha curvada do perfil - Inicio */
.postprofile {
  color: #666666;
  min-height: 80px;
        border-right-style: solid;
  border-right-width: 2px;
  border-color: #000000;
  width: 23,5%;
  float: left;
        display: inline;
  position: relative;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  }
/* Linha curvada do perfil - Fim */

Melhores cumprimentos. Piscada
MateusV.

MateusV.
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 "ABAIXO" da logo!

Mensagem por Bookmarlucas654 27.03.12 20:02

Eu mudei, e continua a mesma coisa, o menu naquele mesmo lugar ;S
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ABAIXO" da logo!

Mensagem por cyllaz 27.03.12 20:36

Adicione este código que ira funcionar...

Código:
#page-header .navbar {margin: 0px !important;position: relative !important;}
avatar

cyllaz
Membro

Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258

http://sparquitetura.livreforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ABAIXO" da logo!

Mensagem por Bookmarlucas654 28.03.12 0:57

Ai, quase perfect, mas, ele deu alguns bugs. Ele encurtou o menu, e queria que ele ficasse de ponta a ponta. Pra entender, veja lá o fórum. Quero que o menu fique mais cumprido, como estava...

;S Mas seu código funcionou Tive uma idéia!
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ABAIXO" da logo!

Mensagem por Nickname 28.03.12 1:01

Substitua seu codigo por este:
Código:
    #page-header .navbar{background:url(http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png);border:2px solid #000;left:0;margin:0 auto;padding:8px;position:absolute;right:0;text-align:center;top:0}#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:0px}#page-header #search-box{margin-top:-16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:8px}#page-header .navbar ul.linklist li:hover{background:url(http://i.imgur.com/02nWg.png) center top}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}/* Fundo do Menu Contornado,Edit By: Stefan - Fim */

Até mais
Nickname

Nickname
Super Membro

Membro desde : 13/11/2011
Mensagens : 1554
Pontos : 2050

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ABAIXO" da logo!

Mensagem por cyllaz 28.03.12 6:07

a sim, deixei dessa forma de proposito, pois achei que estava bugado daquela forma, mas o código abaixo ira atender seu pedido com certeza...
não se esqueça de substituir o código que eu te passei acima...

Código:
#page-header .navbar {margin: 0px !important;position: absolute !important;}
#fa_ticker_block {margin-top: 50px !important;}
avatar

cyllaz
Membro

Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258

http://sparquitetura.livreforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ABAIXO" da logo!

Mensagem por Bookmarlucas654 28.03.12 19:11

Perfect, deu exatamente o que eu queria, brigado a todos. Podem dar bloq Piscada
Bookmarlucas654

Bookmarlucas654
Membro

Membro desde : 13/01/2012
Mensagens : 580
Pontos : 833

https://interessesdoreino.forumeiros.com

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