Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Chatbox aberto
Hoje à(s) 10:05 por Claudio Renan Farias

» Fichas e personagem e :
Hoje à(s) 4:22 por Claudio Arthur

» Banner got
Hoje à(s) 3:32 por Neji

» Utilização de Templates nas Páginas
Hoje à(s) 3:10 por ZombieW

» Canais ao lado
Hoje à(s) 2:46 por Froozen

» Ranks PMS + Banner
Hoje à(s) 1:09 por Tiger

» Personalizar Menu
Hoje à(s) 0:26 por YouTube3

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Tiger
 
YouTube3
 
Froozen
 
ZombieW
 
Neji
 
Claudio Arthur
 
Claudio Renan Farias
 

Quem está conectado
195 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 195 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Colocar menu abaixo do logo

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

Resolvido Colocar menu abaixo do logo

Mensagem por Lucas Makuso em Sex 25 Set 2015 - 22:09

Detalhes da questão


Endereço do fórum: http://digitalwars.forumeiro.com/
Versão do fórum: PhpBB3

Descrição


Bem como disse em outro tópico ( link ) a barra de ferramentas foi necessária para fazer um chatbox mais "complexo" em meu fórum, porém tapou totalmente o Menu do meu fórum ( que veio junto com o template que eu utilizo no meu fórum ), teria alguma forma de fixar o menu abaixo do logo do meu fórum?
avatar

Lucas Makuso
Nível 8

Masculino
Inscrito dia : 28/08/2014
Mensagens : 108
Pontos Ativos : 164

http://digitalwars.forumeiro.com/

Resolvido Re: Colocar menu abaixo do logo

Mensagem por Fraise em Sex 25 Set 2015 - 22:16

Olá!

Poderia me fornecer sua folha de estilos?

Até mais.

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Colocar menu abaixo do logo

Mensagem por Lucas Makuso em Sex 25 Set 2015 - 22:18

Aqui está

Código:
/*------------------------------------------------*/
/*-------------[Body tamaño del foro logo descripcion del foro]------------*/
/*------------------------------------------------*/
/* help.forumotion.com tutorial */
#fa_chat_container {
  background:#FFF;
  border:1px solid #556682;
  border-radius:3px;
  position:fixed;
  right:3px;
  z-index:999;
  overflow:hidden;
  min-width:500px;
  min-height:250px;
  transition:300ms;
}

#fa_chat {
  border:none;
  width:100%;
  height:100%;
}

#fa_chat_button {
  color:#FFF;
  line-height:30px;
  margin-left:10px;
  padding:0 5px;
  cursor:pointer;
}

#fa_chat_button.fa_chat_active {
  color:#333;
  background:#FFF;
}

a.mainmenu[href="/chatbox/index.forum"] {
    text-shadow: white 0px 2px, white 2px 0px, white -2px 0px, white 0px -2px, white -1.4px -1.4px, white 1.4px 1.4px, white 1.4px -1.4px, white -1.4px 1.4px;
}

#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}

#user-hoverbox {
  display:initial!important;
margin-left:5px;
width:140px;
padding-top:1px;
position:absolute;
z-index:9;}

#user-hoverbox #user-hoverbox-inner a {
background:#fff;
border-bottom:1px solid #d4d4d4;
color:#333!important;
display:inline-block;
font: bold 11px 'Helvetica Neue',Helvetica,Arial,sans-serif;
text-align:left;
text-shadow:none!important;
padding:8px;
width:104px;
height:12px;
}

#user-hoverbox-inner {
background:#fff;
border:4px solid #000;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.31);
width:120px;
height:145px;
}

#user-hoverbox #user-hoverbox-inner a:hover {
background:#fafafa;
}

#user-hoverbox::before {
border-bottom:5px solid #363636;
border-left:5px solid transparent;
border-right:5px solid transparent;
content:"";
height:0;
left:12px;
position:absolute;
top:-4px;
width:0;
}

#user-hoverbox a .icon-user {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/o0vbzt11.png);
}

#user-hoverbox a .icon-comments {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/lprlxh11.png);
}

.pun #user-hoverbox a i {
background-position:center;
background-repeat:no-repeat;
float:left;
height:10px;
margin-right:3px;
margin-top:2px;
opacity:.8;
width:13px;
}

#user-hoverbox a .icon-envelope-alt {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/h1hniq11.png);
}

#user-hoverbox a .icon-file-alt {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/3tvmtx11.png);
}

#user-hoverbox a .icon-folder-open {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/xbes4r11.png);
}

#.close {
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
  cursor: pointer;
}
 
.back_body {
    background: none repeat scroll 0 0 rgba(31, 31, 31, 0.6);
    height: 100%;
    padding: 5px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.head_title > .header > .page-title {
    font-size: 16px;
    padding: 3px;
    background: url("http://i83.servimg.com/u/f83/17/06/15/51/mainti10.png") repeat-x scroll center top #2C5687;
    font-weight: 300;
}
.ban_comm {
    background: #fff;
    font-size: 12px;
    padding: 7px;
    color: #333;
    height: 160px;
}
.ban-modal .ban_content > .head_title > .header {
    background: none repeat scroll 0 0 rgba(40, 40, 40, 0.33);
}
.ban_comm .frm-form .frm-info {
    margin-bottom: 15px;
    color: #333;
    text-align: left;
}
.ban_comm > .frm-form > p > input.inputbox.tiny {
    border: 1px solid #ddd;
    color: #333;
    margin-bottom: 6px;
    margin-left: 2px;
    padding: 3px;
}
.ban_comm > .frm-form > p > input.inputbox.tiny:focus {
    outline: 0 none;
}
.ban_comm > .frm-form > fieldset.frm-set > dl {
    margin-left: -20%;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"] {
    border-radius: 3px;
    cursor: pointer;
    float: left;
    margin-left: 5px;
    padding: 4px;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"] {
    background: #dadada;
    border: 1px solid #ccc;
    color: #fff;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"]:hover {
    background-color: #cacaca;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"]:hover {
    background-color: #555;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="cancel"] {
    background: #222;
    border: 1px solid #000;
    color: #fff;
    text-shadow: 0px 0px 2px #fff;
}
.ban_content {
    padding: 5px;
}
div#ban_pop {
    background-color: rgba(70,70,70,0.6);
    border-radius: 3px;
    bottom: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    color: #fff;
    padding: 0;
    position: fixed;
    right: 10px;
    z-index: 999;
}

#i_whosonline + p br + br + em {
  border: 1px solid #cdcdcd;
  border-radius: 23px 23px 23px 23px;
  color: transparent;
  display: block;
  font-size: .9em;
  margin: 15px 0 0 150px;
  padding: 10px 15px 10px 10px !important;
  position: center;
  text-align: center!important;
  width: 61%!important;
  font-style: normal;
}

body#phpbb {
background-color: #eee;
}

#pun-legend > li {
    display: none;
}

.headerbar {
padding: 0px;
}
#wrap {
width: 960px;
background: #FFFFFF;
background-color: #fff;
margin: auto;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
margin-bottom: 25px !important;
}

}
#logo-desc{width: 970px !important;
height: 300px !important;
background: transparent url("http://orig12.deviantart.net/c2c0/f/2015/258/1/6/derpadin_by_lucasmakuso-d99olm6.png") center center no-repeat;
box-shadow: 0px 0px 15px #000 inset;
  margin: -5px;}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
/*------------------------------------------------*/
/*-------------[Navbar]------------*/
/*------------------------------------------------*/
ul.navlinks {
border-bottom: 1px solid transparent;
box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
font-weight: 700;
height: 40px;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 999;
background-image: url(http://i.imgur.com/AOkgY.png);
}
ul.linklist li {
line-height: 40px;
}
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #bfbfbf;}
ul.linklist.navlinks li a:hover{background: rgba(255, 255, 255, 0.05);color: #ffffff;}
/*------------------------------------------------*/
/*-------------[Panel Foros]------------*/
/*------------------------------------------------*/
.panel {
background-color: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.row {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;
}
.forabg {
background-color: #333333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
padding: 0;
box-shadow: 0px 0px 15px #ccc;
border-radius: 4px;
}
.row1 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
.row2 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
/*------------------------------------------------*/
/*-------------[Foros cat Portal]------------*/
/*------------------------------------------------*/
.forumbg {
background-color: #333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-radius: 4px;
border-right: 1px #ddd solid;
box-shadow: 0 0 15px #ccc;
padding: 0;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.post {
background: #eee;
border-bottom: 1px solid #ccc;
box-shadow: 0px 0px 8px #ddd inset;
}
.post span.corners-top {
height: 29px;
background: #222;
padding: 6px 15px;
}
.module {
border-radius: 4px;
background: #eee;
border: 1px solid #ccc;
box-shadow: 0 0 5px #ccc;
}
.module span.corners-top{height: 29px;
background: #333 url(http://i.imgur.com/AOkgY.png)repeat-x;
}
.table-title, .table-title h2 {
display: inline;
color: #FFF !important;
font-family: tw cen mt, 'Arvo', Helvetica Neue, Helvetica, Arial, Verdana;
font-size: 1.1em;
font-weight: 700;
}
/*------------------------------------------------*/
/*-------------[search incorporado con algunos codigos importantes]------------*/
/*------------------------------------------------*/
#chatbox {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#search-box {
background: url(http://i.imgur.com/d6Rki.png) no-repeat;
display: inline;
height: 35px;
margin-top: -130px!important;
}

.wysiwyg {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#search-box #keywords {
width: 130px;
background: transparent;
color: #6C6C6D;margin-left: 15px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: #ffffff;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}
#search_menu a{color:#000!important;}

.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

/*------------------------------------------------*/
/*-------------[Borrar el subrayado de los enlaces]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}

/*------------------------------------------------*/
/*-------------[Perfil Post]------------*/
/*------------------------------------------------*/
#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
padding: 5px;
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
padding: 5px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}
/*------------------------------------------------*/
/*-------------[Botones]------------*/
/*------------------------------------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}



/*------------------------------------------------*/
/*-------------[agre codigos para solucionar errores & aportes importantes no borres nada]------------*/
/*------------------------------------------------*/
#plus_menu {
background: #ffffff;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size:1.2em;}
p.path {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
p.path a{color:#fff!important;}
.pathname-box {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
.pathname-box a{color:#fff!important;}
.postbody {
clear: both;
color: #7d7d7d;
float: right;
line-height: 1.48em;
padding: 7px;
width: 75%;
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
margin-top: 5px;
}
.topic-actions {
font-size: 1.1em;
height: auto;
background-color: #f5f5f5;
padding: 10px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin: 0px;
}
h1.page-title {
font-family: tw cen mt, Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
background-color: #f5f5f5;
border-bottom: 1px dotted #ddd;
padding: 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin: 0px;
}
h1.page-title a{color: #333 !important;}
blockquote cite {
display: block;
font-style: normal;
font-weight: 700;
border-bottom: 1px dashed rgba(0,0,0,.2);
padding: 3px 5px;
margin-left: -15px;
font-size: 12px;
}
blockquote {
margin: 1em 1px 1em 25px;
overflow: hidden;
background-color: #fefbf3;
padding: 9px;
border: 1px solid rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
font-family: tw cen mt, Verdana;
font-size: 12px;
line-height: 1.5em;
border-radius: 6px;
}
.content blockquote {
color: #333;
}
avatar

Lucas Makuso
Nível 8

Masculino
Inscrito dia : 28/08/2014
Mensagens : 108
Pontos Ativos : 164

http://digitalwars.forumeiro.com/

Resolvido Re: Colocar menu abaixo do logo

Mensagem por Fraise em Sex 25 Set 2015 - 22:23

Olá novamente!

Troque a sua folha de estilos por esta:
Código:
/*------------------------------------------------*/
/*-------------[Body tamaño del foro logo descripcion del foro]------------*/
/*------------------------------------------------*/
/* help.forumotion.com tutorial */
#fa_chat_container {
  background:#FFF;
  border:1px solid #556682;
  border-radius:3px;
  position:fixed;
  right:3px;
  z-index:999;
  overflow:hidden;
  min-width:500px;
  min-height:250px;
  transition:300ms;
}

#fa_chat {
  border:none;
  width:100%;
  height:100%;
}

#fa_chat_button {
  color:#FFF;
  line-height:30px;
  margin-left:10px;
  padding:0 5px;
  cursor:pointer;
}

#fa_chat_button.fa_chat_active {
  color:#333;
  background:#FFF;
}

a.mainmenu[href="/chatbox/index.forum"] {
    text-shadow: white 0px 2px, white 2px 0px, white -2px 0px, white 0px -2px, white -1.4px -1.4px, white 1.4px 1.4px, white 1.4px -1.4px, white -1.4px 1.4px;
}

#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}

#user-hoverbox {
  display:initial!important;
margin-left:5px;
width:140px;
padding-top:1px;
position:absolute;
z-index:9;}

#user-hoverbox #user-hoverbox-inner a {
background:#fff;
border-bottom:1px solid #d4d4d4;
color:#333!important;
display:inline-block;
font: bold 11px 'Helvetica Neue',Helvetica,Arial,sans-serif;
text-align:left;
text-shadow:none!important;
padding:8px;
width:104px;
height:12px;
}

#user-hoverbox-inner {
background:#fff;
border:4px solid #000;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.31);
width:120px;
height:145px;
}

#user-hoverbox #user-hoverbox-inner a:hover {
background:#fafafa;
}

#user-hoverbox::before {
border-bottom:5px solid #363636;
border-left:5px solid transparent;
border-right:5px solid transparent;
content:"";
height:0;
left:12px;
position:absolute;
top:-4px;
width:0;
}

#user-hoverbox a .icon-user {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/o0vbzt11.png);
}

#user-hoverbox a .icon-comments {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/lprlxh11.png);
}

.pun #user-hoverbox a i {
background-position:center;
background-repeat:no-repeat;
float:left;
height:10px;
margin-right:3px;
margin-top:2px;
opacity:.8;
width:13px;
}

#user-hoverbox a .icon-envelope-alt {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/h1hniq11.png);
}

#user-hoverbox a .icon-file-alt {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/3tvmtx11.png);
}

#user-hoverbox a .icon-folder-open {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/xbes4r11.png);
}

#.close {
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
  cursor: pointer;
}
 
.back_body {
    background: none repeat scroll 0 0 rgba(31, 31, 31, 0.6);
    height: 100%;
    padding: 5px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.head_title > .header > .page-title {
    font-size: 16px;
    padding: 3px;
    background: url("http://i83.servimg.com/u/f83/17/06/15/51/mainti10.png") repeat-x scroll center top #2C5687;
    font-weight: 300;
}
.ban_comm {
    background: #fff;
    font-size: 12px;
    padding: 7px;
    color: #333;
    height: 160px;
}
.ban-modal .ban_content > .head_title > .header {
    background: none repeat scroll 0 0 rgba(40, 40, 40, 0.33);
}
.ban_comm .frm-form .frm-info {
    margin-bottom: 15px;
    color: #333;
    text-align: left;
}
.ban_comm > .frm-form > p > input.inputbox.tiny {
    border: 1px solid #ddd;
    color: #333;
    margin-bottom: 6px;
    margin-left: 2px;
    padding: 3px;
}
.ban_comm > .frm-form > p > input.inputbox.tiny:focus {
    outline: 0 none;
}
.ban_comm > .frm-form > fieldset.frm-set > dl {
    margin-left: -20%;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"] {
    border-radius: 3px;
    cursor: pointer;
    float: left;
    margin-left: 5px;
    padding: 4px;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"] {
    background: #dadada;
    border: 1px solid #ccc;
    color: #fff;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"]:hover {
    background-color: #cacaca;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"]:hover {
    background-color: #555;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="cancel"] {
    background: #222;
    border: 1px solid #000;
    color: #fff;
    text-shadow: 0px 0px 2px #fff;
}
.ban_content {
    padding: 5px;
}
div#ban_pop {
    background-color: rgba(70,70,70,0.6);
    border-radius: 3px;
    bottom: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    color: #fff;
    padding: 0;
    position: fixed;
    right: 10px;
    z-index: 999;
}

#i_whosonline + p br + br + em {
  border: 1px solid #cdcdcd;
  border-radius: 23px 23px 23px 23px;
  color: transparent;
  display: block;
  font-size: .9em;
  margin: 15px 0 0 150px;
  padding: 10px 15px 10px 10px !important;
  position: center;
  text-align: center!important;
  width: 61%!important;
  font-style: normal;
}

body#phpbb {
background-color: #eee;
}

#pun-legend > li {
    display: none;
}

.headerbar {
padding: 0px;
}
#wrap {
width: 960px;
background: #FFFFFF;
background-color: #fff;
margin: auto;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
margin-bottom: 25px !important;
}

}
#logo-desc{width: 970px !important;
height: 300px !important;
background: transparent url("http://orig12.deviantart.net/c2c0/f/2015/258/1/6/derpadin_by_lucasmakuso-d99olm6.png") center center no-repeat;
box-shadow: 0px 0px 15px #000 inset;
  margin: -5px;}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
/*------------------------------------------------*/
/*-------------[Navbar]------------*/
/*------------------------------------------------*/
ul.navlinks {
border-bottom: 1px solid transparent;
box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
font-weight: 700;
height: 40px;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 25px;
z-index: 999;
background-image: url(http://i.imgur.com/AOkgY.png);
}
ul.linklist li {
line-height: 40px;
}
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #bfbfbf;}
ul.linklist.navlinks li a:hover{background: rgba(255, 255, 255, 0.05);color: #ffffff;}
/*------------------------------------------------*/
/*-------------[Panel Foros]------------*/
/*------------------------------------------------*/
.panel {
background-color: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.row {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;
}
.forabg {
background-color: #333333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
padding: 0;
box-shadow: 0px 0px 15px #ccc;
border-radius: 4px;
}
.row1 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
.row2 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
/*------------------------------------------------*/
/*-------------[Foros cat Portal]------------*/
/*------------------------------------------------*/
.forumbg {
background-color: #333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-radius: 4px;
border-right: 1px #ddd solid;
box-shadow: 0 0 15px #ccc;
padding: 0;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.post {
background: #eee;
border-bottom: 1px solid #ccc;
box-shadow: 0px 0px 8px #ddd inset;
}
.post span.corners-top {
height: 29px;
background: #222;
padding: 6px 15px;
}
.module {
border-radius: 4px;
background: #eee;
border: 1px solid #ccc;
box-shadow: 0 0 5px #ccc;
}
.module span.corners-top{height: 29px;
background: #333 url(http://i.imgur.com/AOkgY.png)repeat-x;
}
.table-title, .table-title h2 {
display: inline;
color: #FFF !important;
font-family: tw cen mt, 'Arvo', Helvetica Neue, Helvetica, Arial, Verdana;
font-size: 1.1em;
font-weight: 700;
}
/*------------------------------------------------*/
/*-------------[search incorporado con algunos codigos importantes]------------*/
/*------------------------------------------------*/
#chatbox {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#search-box {
background: url(http://i.imgur.com/d6Rki.png) no-repeat;
display: inline;
height: 35px;
margin-top: -130px!important;
}

.wysiwyg {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#search-box #keywords {
width: 130px;
background: transparent;
color: #6C6C6D;margin-left: 15px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: #ffffff;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}
#search_menu a{color:#000!important;}

.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

/*------------------------------------------------*/
/*-------------[Borrar el subrayado de los enlaces]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}

/*------------------------------------------------*/
/*-------------[Perfil Post]------------*/
/*------------------------------------------------*/
#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
padding: 5px;
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
padding: 5px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}
/*------------------------------------------------*/
/*-------------[Botones]------------*/
/*------------------------------------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}



/*------------------------------------------------*/
/*-------------[agre codigos para solucionar errores & aportes importantes no borres nada]------------*/
/*------------------------------------------------*/
#plus_menu {
background: #ffffff;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size:1.2em;}
p.path {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
p.path a{color:#fff!important;}
.pathname-box {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
.pathname-box a{color:#fff!important;}
.postbody {
clear: both;
color: #7d7d7d;
float: right;
line-height: 1.48em;
padding: 7px;
width: 75%;
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
margin-top: 5px;
}
.topic-actions {
font-size: 1.1em;
height: auto;
background-color: #f5f5f5;
padding: 10px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin: 0px;
}
h1.page-title {
font-family: tw cen mt, Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
background-color: #f5f5f5;
border-bottom: 1px dotted #ddd;
padding: 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin: 0px;
}
h1.page-title a{color: #333 !important;}
blockquote cite {
display: block;
font-style: normal;
font-weight: 700;
border-bottom: 1px dashed rgba(0,0,0,.2);
padding: 3px 5px;
margin-left: -15px;
font-size: 12px;
}
blockquote {
margin: 1em 1px 1em 25px;
overflow: hidden;
background-color: #fefbf3;
padding: 9px;
border: 1px solid rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
font-family: tw cen mt, Verdana;
font-size: 12px;
line-height: 1.5em;
border-radius: 6px;
}
.content blockquote {
color: #333;
}

Até mais.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Colocar menu abaixo do logo

Mensagem por Lucas Makuso em Sex 25 Set 2015 - 22:28

http://i.imgur.com/ArySQZC.png

Teria como o menu ocupar apenas o mesmo espaço que o logo ocupa (sem aquelas partes para fora do logo) e ficar fixo na parte que realcei de azul (fixo, pois nesse template o menu abaixa junto com a barra de rolagem).
avatar

Lucas Makuso
Nível 8

Masculino
Inscrito dia : 28/08/2014
Mensagens : 108
Pontos Ativos : 164

http://digitalwars.forumeiro.com/

Resolvido Re: Colocar menu abaixo do logo

Mensagem por Fraise em Sex 25 Set 2015 - 22:30

Olá novamente!

Desculpe, eu havia lido mal a sua questão.
Sendo assim, troque a sua folha de estilos por esta:
Código:
/*------------------------------------------------*/
/*-------------[Body tamaño del foro logo descripcion del foro]------------*/
/*------------------------------------------------*/
/* help.forumotion.com tutorial */
#fa_chat_container {
  background:#FFF;
  border:1px solid #556682;
  border-radius:3px;
  position:fixed;
  right:3px;
  z-index:999;
  overflow:hidden;
  min-width:500px;
  min-height:250px;
  transition:300ms;
}

#fa_chat {
  border:none;
  width:100%;
  height:100%;
}

#fa_chat_button {
  color:#FFF;
  line-height:30px;
  margin-left:10px;
  padding:0 5px;
  cursor:pointer;
}

#fa_chat_button.fa_chat_active {
  color:#333;
  background:#FFF;
}

a.mainmenu[href="/chatbox/index.forum"] {
    text-shadow: white 0px 2px, white 2px 0px, white -2px 0px, white 0px -2px, white -1.4px -1.4px, white 1.4px 1.4px, white 1.4px -1.4px, white -1.4px 1.4px;
}

#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}

#user-hoverbox {
  display:initial!important;
margin-left:5px;
width:140px;
padding-top:1px;
position:absolute;
z-index:9;}

#user-hoverbox #user-hoverbox-inner a {
background:#fff;
border-bottom:1px solid #d4d4d4;
color:#333!important;
display:inline-block;
font: bold 11px 'Helvetica Neue',Helvetica,Arial,sans-serif;
text-align:left;
text-shadow:none!important;
padding:8px;
width:104px;
height:12px;
}

#user-hoverbox-inner {
background:#fff;
border:4px solid #000;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.31);
width:120px;
height:145px;
}

#user-hoverbox #user-hoverbox-inner a:hover {
background:#fafafa;
}

#user-hoverbox::before {
border-bottom:5px solid #363636;
border-left:5px solid transparent;
border-right:5px solid transparent;
content:"";
height:0;
left:12px;
position:absolute;
top:-4px;
width:0;
}

#user-hoverbox a .icon-user {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/o0vbzt11.png);
}

#user-hoverbox a .icon-comments {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/lprlxh11.png);
}

.pun #user-hoverbox a i {
background-position:center;
background-repeat:no-repeat;
float:left;
height:10px;
margin-right:3px;
margin-top:2px;
opacity:.8;
width:13px;
}

#user-hoverbox a .icon-envelope-alt {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/h1hniq11.png);
}

#user-hoverbox a .icon-file-alt {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/3tvmtx11.png);
}

#user-hoverbox a .icon-folder-open {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/xbes4r11.png);
}

#.close {
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
  cursor: pointer;
}
 
.back_body {
    background: none repeat scroll 0 0 rgba(31, 31, 31, 0.6);
    height: 100%;
    padding: 5px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.head_title > .header > .page-title {
    font-size: 16px;
    padding: 3px;
    background: url("http://i83.servimg.com/u/f83/17/06/15/51/mainti10.png") repeat-x scroll center top #2C5687;
    font-weight: 300;
}
.ban_comm {
    background: #fff;
    font-size: 12px;
    padding: 7px;
    color: #333;
    height: 160px;
}
.ban-modal .ban_content > .head_title > .header {
    background: none repeat scroll 0 0 rgba(40, 40, 40, 0.33);
}
.ban_comm .frm-form .frm-info {
    margin-bottom: 15px;
    color: #333;
    text-align: left;
}
.ban_comm > .frm-form > p > input.inputbox.tiny {
    border: 1px solid #ddd;
    color: #333;
    margin-bottom: 6px;
    margin-left: 2px;
    padding: 3px;
}
.ban_comm > .frm-form > p > input.inputbox.tiny:focus {
    outline: 0 none;
}
.ban_comm > .frm-form > fieldset.frm-set > dl {
    margin-left: -20%;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"] {
    border-radius: 3px;
    cursor: pointer;
    float: left;
    margin-left: 5px;
    padding: 4px;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"] {
    background: #dadada;
    border: 1px solid #ccc;
    color: #fff;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"]:hover {
    background-color: #cacaca;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"]:hover {
    background-color: #555;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="cancel"] {
    background: #222;
    border: 1px solid #000;
    color: #fff;
    text-shadow: 0px 0px 2px #fff;
}
.ban_content {
    padding: 5px;
}
div#ban_pop {
    background-color: rgba(70,70,70,0.6);
    border-radius: 3px;
    bottom: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    color: #fff;
    padding: 0;
    position: fixed;
    right: 10px;
    z-index: 999;
}

#i_whosonline + p br + br + em {
  border: 1px solid #cdcdcd;
  border-radius: 23px 23px 23px 23px;
  color: transparent;
  display: block;
  font-size: .9em;
  margin: 15px 0 0 150px;
  padding: 10px 15px 10px 10px !important;
  position: center;
  text-align: center!important;
  width: 61%!important;
  font-style: normal;
}

body#phpbb {
background-color: #eee;
}

#pun-legend > li {
    display: none;
}

.headerbar {
padding: 0px;
}
#wrap {
width: 960px;
background: #FFFFFF;
background-color: #fff;
margin: auto;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
margin-bottom: 25px !important;
}

}
#logo-desc{width: 970px !important;
height: 300px !important;
background: transparent url("http://orig12.deviantart.net/c2c0/f/2015/258/1/6/derpadin_by_lucasmakuso-d99olm6.png") center center no-repeat;
box-shadow: 0px 0px 15px #000 inset;
  margin: -5px;}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
/*------------------------------------------------*/
/*-------------[Navbar]------------*/
/*------------------------------------------------*/
ul.navlinks {
border-bottom: 1px solid transparent;
box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
font-weight: 700;
height: 40px;
left: 0;
position: fixed;
right: 0;
text-align: center;
z-index: 999;
background-image: url(http://i.imgur.com/AOkgY.png);
}
ul.linklist li {
line-height: 40px;
}
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #bfbfbf;}
ul.linklist.navlinks li a:hover{background: rgba(255, 255, 255, 0.05);color: #ffffff;}
/*------------------------------------------------*/
/*-------------[Panel Foros]------------*/
/*------------------------------------------------*/
.panel {
background-color: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.row {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;
}
.forabg {
background-color: #333333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
padding: 0;
box-shadow: 0px 0px 15px #ccc;
border-radius: 4px;
}
.row1 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
.row2 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
/*------------------------------------------------*/
/*-------------[Foros cat Portal]------------*/
/*------------------------------------------------*/
.forumbg {
background-color: #333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-radius: 4px;
border-right: 1px #ddd solid;
box-shadow: 0 0 15px #ccc;
padding: 0;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.post {
background: #eee;
border-bottom: 1px solid #ccc;
box-shadow: 0px 0px 8px #ddd inset;
}
.post span.corners-top {
height: 29px;
background: #222;
padding: 6px 15px;
}
.module {
border-radius: 4px;
background: #eee;
border: 1px solid #ccc;
box-shadow: 0 0 5px #ccc;
}
.module span.corners-top{height: 29px;
background: #333 url(http://i.imgur.com/AOkgY.png)repeat-x;
}
.table-title, .table-title h2 {
display: inline;
color: #FFF !important;
font-family: tw cen mt, 'Arvo', Helvetica Neue, Helvetica, Arial, Verdana;
font-size: 1.1em;
font-weight: 700;
}
/*------------------------------------------------*/
/*-------------[search incorporado con algunos codigos importantes]------------*/
/*------------------------------------------------*/
#chatbox {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#search-box {
background: url(http://i.imgur.com/d6Rki.png) no-repeat;
display: inline;
height: 35px;
margin-top: -130px!important;
}

.wysiwyg {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#search-box #keywords {
width: 130px;
background: transparent;
color: #6C6C6D;margin-left: 15px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: #ffffff;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}
#search_menu a{color:#000!important;}

.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

/*------------------------------------------------*/
/*-------------[Borrar el subrayado de los enlaces]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}

/*------------------------------------------------*/
/*-------------[Perfil Post]------------*/
/*------------------------------------------------*/
#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
padding: 5px;
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
padding: 5px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}
/*------------------------------------------------*/
/*-------------[Botones]------------*/
/*------------------------------------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}



/*------------------------------------------------*/
/*-------------[agre codigos para solucionar errores & aportes importantes no borres nada]------------*/
/*------------------------------------------------*/
#plus_menu {
background: #ffffff;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size:1.2em;}
p.path {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
p.path a{color:#fff!important;}
.pathname-box {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
.pathname-box a{color:#fff!important;}
.postbody {
clear: both;
color: #7d7d7d;
float: right;
line-height: 1.48em;
padding: 7px;
width: 75%;
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
margin-top: 5px;
}
.topic-actions {
font-size: 1.1em;
height: auto;
background-color: #f5f5f5;
padding: 10px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin: 0px;
}
h1.page-title {
font-family: tw cen mt, Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
background-color: #f5f5f5;
border-bottom: 1px dotted #ddd;
padding: 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin: 0px;
}
h1.page-title a{color: #333 !important;}
blockquote cite {
display: block;
font-style: normal;
font-weight: 700;
border-bottom: 1px dashed rgba(0,0,0,.2);
padding: 3px 5px;
margin-left: -15px;
font-size: 12px;
}
blockquote {
margin: 1em 1px 1em 25px;
overflow: hidden;
background-color: #fefbf3;
padding: 9px;
border: 1px solid rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
font-family: tw cen mt, Verdana;
font-size: 12px;
line-height: 1.5em;
border-radius: 6px;
}
.content blockquote {
color: #333;
}

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Colocar menu abaixo do logo

Mensagem por Lucas Makuso em Sex 25 Set 2015 - 22:36

Quase lá xD agora só falta que tire as partes sobrando ( http://i.imgur.com/F9iyFVf.png as partes que marquei de azul, eu queria que você delimitasse essa área do menu fazendo com que elas sumissem) e deixar o menu fixo, por que ainda quando eu rolo o fórum pra baixo a barra de menu vem junto.
avatar

Lucas Makuso
Nível 8

Masculino
Inscrito dia : 28/08/2014
Mensagens : 108
Pontos Ativos : 164

http://digitalwars.forumeiro.com/

Resolvido Re: Colocar menu abaixo do logo

Mensagem por Fraise em Sex 25 Set 2015 - 22:40

Olá,

Assim?
Código:
/*------------------------------------------------*/
/*-------------[Body tamaño del foro logo descripcion del foro]------------*/
/*------------------------------------------------*/
/* help.forumotion.com tutorial */
#fa_chat_container {
  background:#FFF;
  border:1px solid #556682;
  border-radius:3px;
  position:fixed;
  right:3px;
  z-index:999;
  overflow:hidden;
  min-width:500px;
  min-height:250px;
  transition:300ms;
}

#fa_chat {
  border:none;
  width:100%;
  height:100%;
}

#fa_chat_button {
  color:#FFF;
  line-height:30px;
  margin-left:10px;
  padding:0 5px;
  cursor:pointer;
}

#fa_chat_button.fa_chat_active {
  color:#333;
  background:#FFF;
}

a.mainmenu[href="/chatbox/index.forum"] {
    text-shadow: white 0px 2px, white 2px 0px, white -2px 0px, white 0px -2px, white -1.4px -1.4px, white 1.4px 1.4px, white 1.4px -1.4px, white -1.4px 1.4px;
}

#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}

#user-hoverbox {
  display:initial!important;
margin-left:5px;
width:140px;
padding-top:1px;
position:absolute;
z-index:9;}

#user-hoverbox #user-hoverbox-inner a {
background:#fff;
border-bottom:1px solid #d4d4d4;
color:#333!important;
display:inline-block;
font: bold 11px 'Helvetica Neue',Helvetica,Arial,sans-serif;
text-align:left;
text-shadow:none!important;
padding:8px;
width:104px;
height:12px;
}

#user-hoverbox-inner {
background:#fff;
border:4px solid #000;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.31);
width:120px;
height:145px;
}

#user-hoverbox #user-hoverbox-inner a:hover {
background:#fafafa;
}

#user-hoverbox::before {
border-bottom:5px solid #363636;
border-left:5px solid transparent;
border-right:5px solid transparent;
content:"";
height:0;
left:12px;
position:absolute;
top:-4px;
width:0;
}

#user-hoverbox a .icon-user {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/o0vbzt11.png);
}

#user-hoverbox a .icon-comments {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/lprlxh11.png);
}

.pun #user-hoverbox a i {
background-position:center;
background-repeat:no-repeat;
float:left;
height:10px;
margin-right:3px;
margin-top:2px;
opacity:.8;
width:13px;
}

#user-hoverbox a .icon-envelope-alt {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/h1hniq11.png);
}

#user-hoverbox a .icon-file-alt {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/3tvmtx11.png);
}

#user-hoverbox a .icon-folder-open {
background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/xbes4r11.png);
}

#.close {
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
  cursor: pointer;
}
 
.back_body {
    background: none repeat scroll 0 0 rgba(31, 31, 31, 0.6);
    height: 100%;
    padding: 5px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.head_title > .header > .page-title {
    font-size: 16px;
    padding: 3px;
    background: url("http://i83.servimg.com/u/f83/17/06/15/51/mainti10.png") repeat-x scroll center top #2C5687;
    font-weight: 300;
}
.ban_comm {
    background: #fff;
    font-size: 12px;
    padding: 7px;
    color: #333;
    height: 160px;
}
.ban-modal .ban_content > .head_title > .header {
    background: none repeat scroll 0 0 rgba(40, 40, 40, 0.33);
}
.ban_comm .frm-form .frm-info {
    margin-bottom: 15px;
    color: #333;
    text-align: left;
}
.ban_comm > .frm-form > p > input.inputbox.tiny {
    border: 1px solid #ddd;
    color: #333;
    margin-bottom: 6px;
    margin-left: 2px;
    padding: 3px;
}
.ban_comm > .frm-form > p > input.inputbox.tiny:focus {
    outline: 0 none;
}
.ban_comm > .frm-form > fieldset.frm-set > dl {
    margin-left: -20%;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"] {
    border-radius: 3px;
    cursor: pointer;
    float: left;
    margin-left: 5px;
    padding: 4px;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"] {
    background: #dadada;
    border: 1px solid #ccc;
    color: #fff;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"]:hover {
    background-color: #cacaca;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"]:hover {
    background-color: #555;
}
.ban_comm > form.frm-form > fieldset.frm-set > dl > dd > input[name="cancel"] {
    background: #222;
    border: 1px solid #000;
    color: #fff;
    text-shadow: 0px 0px 2px #fff;
}
.ban_content {
    padding: 5px;
}
div#ban_pop {
    background-color: rgba(70,70,70,0.6);
    border-radius: 3px;
    bottom: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    color: #fff;
    padding: 0;
    position: fixed;
    right: 10px;
    z-index: 999;
}

#i_whosonline + p br + br + em {
  border: 1px solid #cdcdcd;
  border-radius: 23px 23px 23px 23px;
  color: transparent;
  display: block;
  font-size: .9em;
  margin: 15px 0 0 150px;
  padding: 10px 15px 10px 10px !important;
  position: center;
  text-align: center!important;
  width: 61%!important;
  font-style: normal;
}

body#phpbb {
background-color: #eee;
}

#pun-legend > li {
    display: none;
}

.headerbar {
padding: 0px;
}
#wrap {
width: 960px;
background: #FFFFFF;
background-color: #fff;
margin: auto;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
margin-bottom: 25px !important;
}

}
#logo-desc{width: 970px !important;
height: 300px !important;
background: transparent url("http://orig12.deviantart.net/c2c0/f/2015/258/1/6/derpadin_by_lucasmakuso-d99olm6.png") center center no-repeat;
box-shadow: 0px 0px 15px #000 inset;
  margin: -5px;}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
/*------------------------------------------------*/
/*-------------[Navbar]------------*/
/*------------------------------------------------*/
ul.navlinks {
border-bottom: 1px solid transparent;
box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
font-weight: 700;
height: 40px;
position: relative;
text-align: center;
z-index: 999;
background-image: url(http://i.imgur.com/AOkgY.png);
}
ul.linklist li {
line-height: 40px;
}
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #bfbfbf;}
ul.linklist.navlinks li a:hover{background: rgba(255, 255, 255, 0.05);color: #ffffff;}
/*------------------------------------------------*/
/*-------------[Panel Foros]------------*/
/*------------------------------------------------*/
.panel {
background-color: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.row {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;
}
.forabg {
background-color: #333333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
padding: 0;
box-shadow: 0px 0px 15px #ccc;
border-radius: 4px;
}
.row1 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
.row2 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
/*------------------------------------------------*/
/*-------------[Foros cat Portal]------------*/
/*------------------------------------------------*/
.forumbg {
background-color: #333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-radius: 4px;
border-right: 1px #ddd solid;
box-shadow: 0 0 15px #ccc;
padding: 0;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.post {
background: #eee;
border-bottom: 1px solid #ccc;
box-shadow: 0px 0px 8px #ddd inset;
}
.post span.corners-top {
height: 29px;
background: #222;
padding: 6px 15px;
}
.module {
border-radius: 4px;
background: #eee;
border: 1px solid #ccc;
box-shadow: 0 0 5px #ccc;
}
.module span.corners-top{height: 29px;
background: #333 url(http://i.imgur.com/AOkgY.png)repeat-x;
}
.table-title, .table-title h2 {
display: inline;
color: #FFF !important;
font-family: tw cen mt, 'Arvo', Helvetica Neue, Helvetica, Arial, Verdana;
font-size: 1.1em;
font-weight: 700;
}
/*------------------------------------------------*/
/*-------------[search incorporado con algunos codigos importantes]------------*/
/*------------------------------------------------*/
#chatbox {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#search-box {
background: url(http://i.imgur.com/d6Rki.png) no-repeat;
display: inline;
height: 35px;
margin-top: -130px!important;
}

.wysiwyg {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
#search-box #keywords {
width: 130px;
background: transparent;
color: #6C6C6D;margin-left: 15px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: #ffffff;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}
#search_menu a{color:#000!important;}

.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

/*------------------------------------------------*/
/*-------------[Borrar el subrayado de los enlaces]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}

/*------------------------------------------------*/
/*-------------[Perfil Post]------------*/
/*------------------------------------------------*/
#message-box textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
padding: 5px;
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
padding: 5px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}
/*------------------------------------------------*/
/*-------------[Botones]------------*/
/*------------------------------------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}



/*------------------------------------------------*/
/*-------------[agre codigos para solucionar errores & aportes importantes no borres nada]------------*/
/*------------------------------------------------*/
#plus_menu {
background: #ffffff;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size:1.2em;}
p.path {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
p.path a{color:#fff!important;}
.pathname-box {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
.pathname-box a{color:#fff!important;}
.postbody {
clear: both;
color: #7d7d7d;
float: right;
line-height: 1.48em;
padding: 7px;
width: 75%;
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
margin-top: 5px;
}
.topic-actions {
font-size: 1.1em;
height: auto;
background-color: #f5f5f5;
padding: 10px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin: 0px;
}
h1.page-title {
font-family: tw cen mt, Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
background-color: #f5f5f5;
border-bottom: 1px dotted #ddd;
padding: 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin: 0px;
}
h1.page-title a{color: #333 !important;}
blockquote cite {
display: block;
font-style: normal;
font-weight: 700;
border-bottom: 1px dashed rgba(0,0,0,.2);
padding: 3px 5px;
margin-left: -15px;
font-size: 12px;
}
blockquote {
margin: 1em 1px 1em 25px;
overflow: hidden;
background-color: #fefbf3;
padding: 9px;
border: 1px solid rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
font-family: tw cen mt, Verdana;
font-size: 12px;
line-height: 1.5em;
border-radius: 6px;
}
.content blockquote {
color: #333;
}

Até mais.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Colocar menu abaixo do logo

Mensagem por Lucas Makuso em Sex 25 Set 2015 - 22:42

Isso! assim mesmo! obrigado fraise.
avatar

Lucas Makuso
Nível 8

Masculino
Inscrito dia : 28/08/2014
Mensagens : 108
Pontos Ativos : 164

http://digitalwars.forumeiro.com/

Resolvido Re: Colocar menu abaixo do logo

Mensagem por Fraise em Sex 25 Set 2015 - 22:45

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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