Mudar posição do menu

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

Resolvido Mudar posição do menu

Mensagem por iMicrosoft_ em 17/06/13, 06:57 pm

Qual é minha questão:
Olá, gostaria saber se vocês podem resolver meu problema, a posição do meu menu está muito feita, também cobrindo uma parte de cima do logo do fórum, gostaria saber se poderiam me fornecer algum tipo de código para mudar de posição, mudar de fonte e de tamanho, pois está muito feia também a fonte e muito pequena por que mal da pra ler, queria que ela ficasse de baixo do logo do fórum se possível, obrigado.

As imagens abaixo demostra como está o menu:



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

Versão do fórum:
PHPBB3


Última edição por iMicrosoft_ em 18/06/13, 07:56 pm, editado 1 vez(es)
avatar

iMicrosoft_
Nível 9

Masculino
Inscrito dia : 17/05/2013
Mensagens : 160
Pontos Ativos : 269

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

Resolvido Re: Mudar posição do menu

Mensagem por MateusA em 17/06/13, 07:50 pm

Olá!

Poderia me fornecer a sua Folha de Estilos CSS?
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Mudar posição do menu

Mensagem por iMicrosoft_ em 18/06/13, 06:52 pm

Código:
a[href="/u4"] {
text-shadow: 0px 0px 5px #00FF00;
}
/* Resposta rápida com efeito retratil */
form#quick_reply #textarea_content textarea#text_editor_textarea, form#quick_reply textarea#text_editor_textarea {
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
height: 10px;
width: 100%!important;
}
form#quick_reply:hover #textarea_content textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea.post:hover {
position: relative;
height: 155px;
width: 100%!important;
}
/* Fim do código */
div.postprofile dl dt img{
      margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(http://illiweb.com/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(http://illiweb.com/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(http://illiweb.com/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}#left .module-advert{background-color:#f2f2f2;color:#6b6b6b;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#f2f2f2;color:#6b6b6b;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:400}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:85%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}.headerbar {background-color: #f5f8f6;}
#wrap {background-color: #f5f8f6; border: none; width: 88%;}
body{background-color: #f5f8f6; font-family: trebuchet ms; color: #6d6d6d; text-shadow: 1px 1px white, -0px -0px #333;
overflow-x:hidden;}

#login_2 {position: absolute; left: 75%; top: 52px; width: 75px; height: 27px; padding-top: 10px; padding-left: 0px;
  background-color: #3f3f3f;
  text-shadow: 1px 1px black, -0px -0px #333;
  font-size: 14px;
   color: white; text-align: center;
    -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}

#login_2:hover {
  background-color: #06aefe;
  color: white;
}

#login_2:link {
  color: white !important;
}

.content p {margin-left: 7%}
.content .h3 {margin-left: 7%;}

.h3 a:hover {color: #06aefe;}
.h3 a:link {color: #3f3f3f;}
.h3 a:active {color: #3f3f3f;}
.h3 a:visited {color: #3f3f3f;}

ul.navlinks {position: absolute; top: 0px; left: 0px; width:100%;border: none; background-color: #3f3f3f; height: 57px;
padding-top:2px;}
#logo {margin-top: 40px; margin-bottom: -30px;}

#page-header .navbar {background-color: #f5f8f6;}

.stick {position: absolute; left: 84%; top: 1px;}

#nav_2 {font-size: 18px; font-family: trebuchet ms; word-spacing: 45px; padding-left: 50%; font-style: italic; color: #3f3f3f;}
#nav_2 a:hover {border-bottom: 5px solid #06aefe; color: #3f3f3f;}

hr {border: none; background-color: #e3e3e3; }

#i_icon_mini_index, #i_icon_mini_calendar, #i_icon_mini_faq, #i_icon_mini_search, #i_icon_mini_groups {display: none !important;}

.titulo {font-size: 30px; font-family: times new roman; font-style: italic; color: #3f3f3f; line-height: 8px; padding-top: 20px;}
.desc {font-size: 12px; font-family: trebuchet ms;font-style: italic; color: #6d6d6d; padding-right: auto;}
.news p {line-height: 5px;}

.panel {
background-color: #f5f8f6;
  width: 110%;
  margin-left: -8%;
}

#slides {background-image: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: repeat-x;
height: 300px;
  width: 104%;
  padding-top: 30px;
  padding-left:0px;
}


.forabg {background-image: none; background-color: #f5f8f6; border: none;}

li.header {background-image: none; background-color: #3f3f3f; height: 25px; padding-left: 4px; padding-top: 4px;
  border: 4px solid #3f3f3f; 
-moz-border-radius: 5px; /* Para Firefox */
 -webkit-border-radius:5px; /*Para Safari e Chrome */
 border-radius: 5px; /* Para Opera 10.5+*/
  behavior:url(border-radius.htc);}


li.row {border-bottom: 1px solid #dadddb; background-color: #f5f8f6;}
li.row:hover {background-color: white;}

.table-title, .table-title h2 {
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

ul.topiclist li.header dl dd{
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

ul.topics li.header dl.icon dt {
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
 }

span.corners-top span {background-color: #f5f8f6; border: none;}

.forumbg {background-image: none; background-color: #f5f8f6; border: none;}

dl.icon dd.dterm, dl.icon dt { margin-left: 10px; border-left: none;
 }

.topbar_offline{position: absolute; top: 0px; left: 0px; width: 98%;border: none; background-color: #3f3f3f; height: 60px;
  padding-left: 40px; padding-top:8px; display: none;}

.topbar_online{position: absolute; top: 0px; left: 0px; width: 98%;border: none; background-color: #3f3f3f; height: 60px;
  padding-left: 40px; padding-top:8px;}
.titulo_1 {color: #e4e4e4; font-family: times new roman; text-shadow: 1px 1px #000000, -0px -0px #333; font-size: 24px;}
.desc_2 {color: #9b9b9b; font-family: times new roman; text-shadow: 1px 1px #000000, -0px -0px #333; font-size: 13px;}
.divisor {top:0px; left:280px; top:5px; position: absolute;}

.post {font-size: 0.87em;}

.postprofile {
color: rgb(107, 107, 107);
  font-size: 1.3em !important;
  padding-right: 10px;
 }

.postbody {padding-top: 10px;}

ul#picture_legend li img, ul#privmsgs-menu li img {
  margin-right: 5px;
 }

.postbody .content {color: #3f3f3f; padding-right:50px; padding-top: 10px;}

.postprofile img {max-width: 200px;}

#cp-main .panel {padding-left: 90px;}
fieldset.fields1 {padding-left: 90px;}
fieldset dl {padding-left:90px;}

#search-box{position: center; bottom: 55px;height: 30px;width: 190px;right: -150px;display: inline;
  background-color: #ffffff; border: 1px solid #d6d6d6; background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
  background-position: right;
  background-repeat: no-repeat;

  -moz-box-shadow: 0 0 5px #d8d8d8;
 -webkit-box-shadow: 0 0 5px#d8d8d8;
 box-shadow: 0 0 5px #d8d8d8;
 
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 122px;color: #a6a6a6;font-family: Verdana;font-size: 16px;font-style: italic;font-weight: italic;background: transparent;}
#search-box input {border: none !important;background: none;
  -moz-box-shadow: 0 0 0px #06aefe !important;
 -webkit-box-shadow: 0 0 0px#06aefe !important;
 box-shadow: 0 0 0px #06aefe !important;
    -moz-border-radius: 0px  !important; /* Para Firefox */
 -webkit-border-radius:0px  !important; /*Para Safari e Chrome */
 border-radius: 0px  !important; /* Para Opera 10.5+*/

}
#search-box input.search {background: none;margin-left: 0px;margin-top: 5px;}
/* Fim da caixa de busca */


#search-box:hover {position: center; bottom: 55px;height: 30px;width: 190px;right: -150px;display: inline;
  background-color: #ffffff; border: 1px solid #06aefe; background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
  background-position: right;
  background-repeat: no-repeat;
/* SOMBRA */
  -moz-box-shadow: 0 0 5px #06aefe;
 -webkit-box-shadow: 0 0 5px#06aefe;
 box-shadow: 0 0 5px #06aefe;
  /* BORDA */
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}


input {height: 20px;width: 100px;right: -150px; min-width: 60px;
  background-image: none !important;
  background-color: #ffffff; border: 1px solid #d6d6d6;
  background-position: right;
  background-repeat: no-repeat;

  -moz-box-shadow: 0 0 5px #d8d8d8;
 -webkit-box-shadow: 0 0 5px#d8d8d8;
 box-shadow: 0 0 5px #d8d8d8;
 
  -moz-border-radius: 7px; /* Para Firefox */
 -webkit-border-radius:7px; /*Para Safari e Chrome */
 border-radius: 7px; /* Para Opera 10.5+*/
}

input:hover {  background-color: #ffffff; border: 1px solid #06aefe;
background-image: none !important;
  -moz-box-shadow: 0 0 5px #06aefe;
 -webkit-box-shadow: 0 0 5px#06aefe;
 box-shadow: 0 0 5px #06aefe;
}

input[type="checkbox"] {width: 5px !important; height: 10px !important;}

#cp-main .panel {width: 100%; !important; position: center;}

#foot_1 {background-image: url('http://illiweb.com/fa/pbucket.gif');
  background-color: #202020;
  background-repeat: repeat-x;
  width: 110%;
  height: 210px;
  margin-left: 0px;
  margin-bottom:-50px;
  padding-left: 50px;
  padding-top: 42px;
  text-shadow: 1px 1px black, -0px -0px #333 !important;
}
.links_1 a:link {color: white !important;}

.foot_title {font-size: 16px; font-family: arial black; font-style: bold; color: #7e7e7e; text-shadow: 1px 1px black, -0px -0px #333 !important;}

#postingbox .h3 { margin-left: 80px;}

#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background-image: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png");
}

fieldset.polls {margin-left: 90px;}

.left-box {margin-left: 90px;}

.panel h1.page-title {margin-left: 90px;}

.panel p {margin-left: 90px;}

#cp-main .panel {background-color: transparent;}

#cp-main {width: 90%;}

#page-footer, div.navbar, div.navbar ul.linklist {margin-top: 50 !important;}
      .fade {
         display:inline-block;
         background: -moz-linear-gradient(left, rgb(235,234,221) 0%, rgba(235,234,221,0) 100%);
         background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(235,234,221)), color-stop(1.00, rgba(235,234,221,0)));
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1);
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1)";
      }
      .blur {
         display:inline-block;
         color:#ddd;
         text-shadow: 0 0 2px #aaaaaa;
         text-shadow: 0 0 4px #aaaaaa;
         text-shadow: 0 0 6px #aaaaaa;
         -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
         filter:
            progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
            progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
      }
      .flipH {
         display:inline-block;
         -moz-transform:scale(-1,1);
         -o-transform:scale(-1,1);
         -webkit-transform:scale(-1,1);
         transform:scale(-1,1);
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
         filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=-1,
            M12=0,
            M21=0,
            M22=1,
            SizingMethod="auto expand");
      }
      .flipV {
         display:inline-block;
         -moz-transform:scale(1,-1);
         -o-transform:scale(1,-1);
         -webkit-transform:scale(1,-1);
         transform:scale(1,-1);
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
         filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=1,
            M12=0,
            M21=0,
            M22=-1,
            SizingMethod="auto expand");
      }
avatar

iMicrosoft_
Nível 9

Masculino
Inscrito dia : 17/05/2013
Mensagens : 160
Pontos Ativos : 269

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

Resolvido Re: Mudar posição do menu

Mensagem por MateusA em 18/06/13, 07:02 pm

Olá!

Na sua CSS procure por isso

Código:
ul.navlinks {position: absolute; top: 0px; left: 0px; width:100%;border: none; background-color: #3f3f3f; height: 57px;
padding-top:2px;}

Troque por isso

Código:
ul.navlinks {position: relative; top: 0px; left: 0px; width:100%;border: none; background-color: #3f3f3f; height: 57px;
padding-top:2px;}


Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Mudar posição do menu

Mensagem por iMicrosoft_ em 18/06/13, 07:36 pm

Agora sim, mais agora, como posso fazer para alterar o tipo da fonte e o tamanho?
avatar

iMicrosoft_
Nível 9

Masculino
Inscrito dia : 17/05/2013
Mensagens : 160
Pontos Ativos : 269

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

Resolvido Re: Mudar posição do menu

Mensagem por MateusA em 18/06/13, 07:44 pm

Olá!

Entenda o código:

Código:
    ul.navlinks {
position: relative;
top: 0px; left: 0px;
width:100%;
border: none;
background-color: #3f3f3f;
height: 57px;
padding-top:2px;
font-size: 17px;
font-family: Verdana;
}

Seta No código acima procure por 17, para aumentar a fonte, aumente o numero 17.
Seta No código acima procure por Verdana, para trocar a fonte, basta modificar o nome Verdana.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Mudar posição do menu

Mensagem por iMicrosoft_ em 18/06/13, 07:56 pm

Funcionou, obrigado!
avatar

iMicrosoft_
Nível 9

Masculino
Inscrito dia : 17/05/2013
Mensagens : 160
Pontos Ativos : 269

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

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