Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosMudar posição do menu
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Mudar posição do menu
por iMicrosoft_ 18/06/13, 12:57 am
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
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 19/06/13, 01:56 am, editado 1 vez(es)
iMicrosoft_- ***
- Membro desde : 17/05/2013
Mensagens : 160
Pontos : 269 -
Re: Mudar posição do menu
por MateusA 18/06/13, 01:50 am
Olá!
Poderia me fornecer a sua Folha de Estilos CSS?
Painel de Controle
Visualização Imagens e Cores Cores Folha de Estilos CSS
Até mais.
Poderia me fornecer a sua Folha de Estilos CSS?
Painel de Controle
Visualização Imagens e Cores Cores Folha de Estilos CSSAté mais.
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
Re: Mudar posição do menu
por iMicrosoft_ 19/06/13, 12:52 am
- 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_- ***
- Membro desde : 17/05/2013
Mensagens : 160
Pontos : 269 -
Re: Mudar posição do menu
por MateusA 19/06/13, 01:02 am
Olá!
Na sua CSS procure por isso
Troque por isso
Até mais.
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- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
Re: Mudar posição do menu
por iMicrosoft_ 19/06/13, 01:36 am
Agora sim, mais agora, como posso fazer para alterar o tipo da fonte e o tamanho?
iMicrosoft_- ***
- Membro desde : 17/05/2013
Mensagens : 160
Pontos : 269 -
Re: Mudar posição do menu
por MateusA 19/06/13, 01:44 am
Olá!
Entenda o código:
No código acima procure por 17, para aumentar a fonte, aumente o numero 17.
No código acima procure por Verdana, para trocar a fonte, basta modificar o nome Verdana.
Até mais.
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;
}
No código acima procure por 17, para aumentar a fonte, aumente o numero 17. No código acima procure por Verdana, para trocar a fonte, basta modificar o nome Verdana.Até mais.
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
iMicrosoft_- ***
- Membro desde : 17/05/2013
Mensagens : 160
Pontos : 269 -
Tópicos semelhantes» Mudar posição do menu
» Mudar estilo do link e mudar posição do avatar,rank e etc...
» Mudar posição do rank
» Mudar de posição o menu do fórum
» Mudar menu de posição e placa
» Mudar estilo do link e mudar posição do avatar,rank e etc...
» Mudar posição do rank
» Mudar de posição o menu do fórum
» Mudar menu de posição e placa
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos