Mudar posição do menu

2 participantes

Ir para baixo

Tópico resolvido Mudar posição do menu

Mensagem por iMicrosoft_ 17.06.13 22:57

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:

Mudar posição do menu  M3h7l4E

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 23:56, editado 1 vez(es)
iMicrosoft_
iMicrosoft_
***

Membro desde : 17/05/2013
Mensagens : 160
Pontos : 269

http://creativelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição do menu

Mensagem por MateusA 17.06.13 23:50

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.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição do menu

Mensagem por iMicrosoft_ 18.06.13 22:52

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://2img.net/i/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://2img.net/i/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://2img.net/i/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://i1178.photobucket.com/albums/x367/KromusDesign/phpbb3/slide1_1.png'); 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://i1178.photobucket.com/albums/x367/KromusDesign/foot2.png');
  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");
      }
iMicrosoft_
iMicrosoft_
***

Membro desde : 17/05/2013
Mensagens : 160
Pontos : 269

http://creativelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição do menu

Mensagem por MateusA 18.06.13 23:02

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.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição do menu

Mensagem por iMicrosoft_ 18.06.13 23:36

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

Membro desde : 17/05/2013
Mensagens : 160
Pontos : 269

http://creativelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição do menu

Mensagem por MateusA 18.06.13 23:44

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.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição do menu

Mensagem por iMicrosoft_ 18.06.13 23:56

Funcionou, obrigado!
iMicrosoft_
iMicrosoft_
***

Membro desde : 17/05/2013
Mensagens : 160
Pontos : 269

http://creativelife.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos