Problema com logo ou menu do fórum
5 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
Problema com logo ou menu do fórum
Detalhes da questão
Endereço do fórum: http://conhecimentoanimal.foruns.com.pt/
Versão do fórum: PhpBB3
Descrição
Bom, eu já tentei mas ainda n consegui, tirar essa barra de rolagem no sentido horizontal do site, acho que é por causa do tamanho no menu, ao final o quanto direito do menu, tem uma faixa bem fina azul, acho q é por causa dela e n consigo tirar, e preciso q o logo e o menu colem do lado direito da tela, igual o lado esquerdo como faço ?
Eu tenho esses códigos css na minha folha
- Código:
----------------------------------------- Dimensionamento logo ---------------------------------
body {
overflow-x: hidden !important;
}
#page-header #logo-desc, #page-header #logo-desc #site-title, #page-header #logo-desc #site-title h1 {
font-size: 0px !important;
}
#logo {
width: 100% !important;
padding-bottom: 0px !important;
margin-left: -25px !important;
margin-top: -25px !important;
position: relative !important;
}
#page-header .navbar {
margin-left: -15px !important;
padding-top: 5px;
padding-bottom: 1px;
width: 100% !important;
margin-top: -35px !important;
border-radius: none !important;
}
#page-header .navbar span[class*="corners"] {
display: none !important;
}
-------------------------------------------- / / / Dimensionamento logo / / / ----------------------------
------------------------------------------- / / / Menu de navegação / / / ----------------------------
a:hover {
color: initial !important;
text-shadow: none !important;
}
.fa_vote, .fa_voted, .fa_count {
font-size:12px;
font-family:Verdana, Arial, Helvetica, Sans-serif;
display:inline-block !important;
width:auto !important;
transition:300ms;
}
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
.fa_count {
font-weight:bold;
margin:0 3px;
cursor:default;
}
.fa_positive { color:#4A0 }
.fa_negative { color:#A44 }
.fa_votebar, .fa_votebar_inner {
background:#115506;
height:3px;
}
.fa_votebar_inner {
background:#4A0;
transition:300ms;
}
.postprofile { text-align: center; }
.expriente {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #48A324;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.parceiro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D47F00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.administrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c20000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.moderador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0080F0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.fundador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c20000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.row .posts, .row .topics {
background-color: white;
border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 5px black;
moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
}
body.chatbox,body.chatbox #chatbox p.clearfix,body.chatbox #chatbox_members h4.member-title{background-color:white}body.chatbox #chatbox_members{border-right:0px}
body.chatbox #chatbox_header,body.chatbox #chatbox_footer{background-color:black}
.row {background-color:#FFFFFF;}
a:hover {
color: #FFFF00;
text-shadow : 0px 0px 10px #FFD700;
}
.forabg {
background-color: #000000;
background-image: url(#);
}
#page-header .navbar ul.navlinks{background:url(http://i65.tinypic.com/j0l1dx.png) no-repeat top center;height:55px;left:-2.69%;position:relative;width:105.52%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #C3E0F1;
border-image: initial;
border-radius: ;
margin: 3px 1px;
}
h1.page-title a {
background: transparent url(http://i.imgur.com/FHTQd.png) no-repeat scroll 0px 0px;
display: block;
font-size: 0.9em;
font-style: italic;
height: 35px;
padding-left: 30px;
text-shadow: lightBlue 1px 1px 2px;
}
.navbar {
clear: both;
background-color: transparent;
padding:0px 10px;
}
ul.navlinks {
border-bottom: 1px solid #0372be;
font-weight: bold;
text-align: center;
}
#search-box input.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #666666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
p.nomargin {
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: 0;
}
#search-box #keywords {
background-color: #FFFFFF;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #AAFAD5;
border: 1px solid #D9D9D9;
color: #000000;
height: 23px;
}
#search-box {
float: right;
margin-right: -10px;
margin-top: -10px;
white-space: nowrap;
}
.forabg {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
}
.forumbg {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
}
ul.topiclist {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
}
ul.topiclist li {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{
-moz-border-radius:5px;
-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);
-webkit-border-radius:5px 5px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);
background:none;background-color:#F9F9F9;
background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));
border:1px solid #DEDEDE;
border-radius:5px 5px;
box-shadow:0 1px 5px rgba(0,0,0,.15);
padding:10px 20px
}
Última edição por XDgabriell em 26.03.16 20:42, editado 1 vez(es)
Re: Problema com logo ou menu do fórum
Olá,
Procure em sua CSS por: #wrap
Altere o código da chave por:
Cordialmente,
GSCode.
Citações: @XDgabriell
Procure em sua CSS por: #wrap
Altere o código da chave por:
- Código:
#wrap {
background-color: #fff;
margin: 0 auto;
min-width: 1174px;
padding: 5px;
width: 95%;
}
Cordialmente,
GSCode.
Citações: @XDgabriell
Re: Problema com logo ou menu do fórum
adquiri um freecode, me enviaram uma senha e um login, mas não sei como proceder, poderia me ajudar?
Re: Problema com logo ou menu do fórum
Então, era o seu menu que estava alargando o seu fórum. Para que você não passe tanto trabalho procurando o id, substitua sua folha de estilo CSS por essa aqui embaixo.
- Código:
----------------------------------------- Dimensionamento logo ---------------------------------
body {
overflow-x: hidden !important;
}
#page-header #logo-desc, #page-header #logo-desc #site-title, #page-header #logo-desc #site-title h1 {
font-size: 0px !important;
}
#logo {
width: 100% !important;
padding-bottom: 0px !important;
margin-left: -25px !important;
margin-top: -25px !important;
position: relative !important;
}
#page-header .navbar {
margin-left: -15px !important;
padding-top: 5px;
padding-bottom: 1px;
width: 100% !important;
margin-top: -35px !important;
border-radius: none !important;
}
#page-header .navbar span[class*="corners"] {
display: none !important;
}
-------------------------------------------- / / / Dimensionamento logo / / / ----------------------------
------------------------------------------- / / / Menu de navegação / / / ----------------------------
a:hover {
color: initial !important;
text-shadow: none !important;
}
.fa_vote, .fa_voted, .fa_count {
font-size:12px;
font-family:Verdana, Arial, Helvetica, Sans-serif;
display:inline-block !important;
width:auto !important;
transition:300ms;
}
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
.fa_count {
font-weight:bold;
margin:0 3px;
cursor:default;
}
.fa_positive { color:#4A0 }
.fa_negative { color:#A44 }
.fa_votebar, .fa_votebar_inner {
background:#115506;
height:3px;
}
.fa_votebar_inner {
background:#4A0;
transition:300ms;
}
.postprofile { text-align: center; }
.expriente {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #48A324;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.parceiro {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D47F00;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.administrador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c20000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.moderador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0080F0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.fundador {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c20000;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.row .posts, .row .topics {
background-color: white;
border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 5px black;
moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
}
body.chatbox,body.chatbox #chatbox p.clearfix,body.chatbox #chatbox_members h4.member-title{background-color:white}body.chatbox #chatbox_members{border-right:0px}
body.chatbox #chatbox_header,body.chatbox #chatbox_footer{background-color:black}
.row {background-color:#FFFFFF;}
a:hover {
color: #FFFF00;
text-shadow : 0px 0px 10px #FFD700;
}
.forabg {
background-color: #000000;
background-image: url(#);
}
#page-header .navbar ul.navlinks{background:url(http://i65.tinypic.com/j0l1dx.png) no-repeat top center;height:55px;left:-2.69%;position:relative;width:100%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #C3E0F1;
border-image: initial;
border-radius: ;
margin: 3px 1px;
}
h1.page-title a {
background: transparent url(http://i.imgur.com/FHTQd.png) no-repeat scroll 0px 0px;
display: block;
font-size: 0.9em;
font-style: italic;
height: 35px;
padding-left: 30px;
text-shadow: lightBlue 1px 1px 2px;
}
.navbar {
clear: both;
background-color: transparent;
padding:0px 10px;
}
ul.navlinks {
border-bottom: 1px solid #0372be;
font-weight: bold;
text-align: center;
}
#search-box input.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #666666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
p.nomargin {
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: 0;
}
#search-box #keywords {
background-color: #FFFFFF;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #AAFAD5;
border: 1px solid #D9D9D9;
color: #000000;
height: 23px;
}
#search-box {
float: right;
margin-right: -10px;
margin-top: -10px;
white-space: nowrap;
}
.forabg {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
}
.forumbg {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
}
ul.topiclist {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
}
ul.topiclist li {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{
-moz-border-radius:5px;
-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);
-webkit-border-radius:5px 5px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);
background:none;background-color:#F9F9F9;
background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));
border:1px solid #DEDEDE;
border-radius:5px 5px;
box-shadow:0 1px 5px rgba(0,0,0,.15);
padding:10px 20px
}
Última edição por Asura em 20.03.16 2:23, editado 1 vez(es)
Key of Destiny- ****
- Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442
Re: Problema com logo ou menu do fórum
Olá,
O código esta em sua CSS base do fórum. Poderia me ceder sua folha de estilo CSS completa?
Cordialmente,
GSCode.
Citações: @XDgabriell
O código esta em sua CSS base do fórum. Poderia me ceder sua folha de estilo CSS completa?
Cordialmente,
GSCode.
Citações: @XDgabriell
Re: Problema com logo ou menu do fórum
@GSCode aqui está toda minha folha css
- Código:
----------------------------------------- Dimensionamento logo ---------------------------------
body {
overflow-x: hidden !important;
}
#page-header #logo-desc, #page-header #logo-desc #site-title, #page-header #logo-desc #site-title h1 {
font-size: 0px !important;
}
#logo {
width: 100% !important;
padding-bottom: 0px !important;
margin-left: -25px !important;
margin-top: -25px !important;
position: relative !important;
}
#page-header .navbar {
margin-left: -15px !important;
padding-top: 5px;
padding-bottom: 1px;
width: 100% !important;
margin-top: -35px !important;
border-radius: none !important;
}
#page-header .navbar span[class*="corners"] {
display: none !important;
}
-------------------------------------------- / / / Dimensionamento logo / / / ----------------------------
------------------------------------------- Menu de navegação ----------------------------
.forabg {
background-color: #000000;
background-image: url(#);
}
#page-header .navbar ul.navlinks{background:url(http://i65.tinypic.com/j0l1dx.png) no-repeat top center;height:55px;left:-2.69%;position:relative;width:105.52%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-25px}
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #C3E0F1;
border-image: initial;
border-radius: ;
margin: 3px 1px;
}
------------------------------------------- / / / Menu de navegação / / / ----------------
/* -- 03. WHO IS ONLINE -- */
.qeel_title {
color:#FFF;
font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
font-weight:bold;
font-size:16px;
text-transform:uppercase;
background:#369FCF;
padding:5px 6px;
}
.qeel_title a { color:#FFF }
.qeel_section {
font-size:11px;
padding:8px 6px;
}
.img-whois { float:right }
#online-box #fa_qeel {
clear:both;
margin:0 -5px;
}
/* stats */
#fa_stats {
color:#FFF;
font-family:Arial, Verdana, Sans-serif;
text-align:center;
background:#2E3133;
padding:15px 0px;
}
.stat_label {
color:#2E3133;
font-size:0;
background:#F2F2F2;
border-radius:3px;
display:inline-block;
padding:6px 12px;
margin:0px 12px 0px 3%;
vertical-align:middle;
}
.stat_label a { color:#2E3133 }
.stat_label strong {
font-size:14px;
display:inline-block;
max-width:150px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.text_label {
font-size:14px;
font-weight:bold;
text-transform:uppercase;
margin-right:7.5%;
}
/* group legend */
#fa_groups {
font-size:0;
font-family:"Trebuchet MS", Arial, Vedana, Sans-serif;
padding:6px 3px;
margin:0 -6px;
}
#fa_groups:before {
content:"Staff : ";
font-size:13px;
}
#fa_groups b {
font-size:13px;
}
#fa_groups b:after {
content:", ";
font-weight:normal;
}
#fa_groups b:last-child:after { content:"" }
/* -- 06. CATEGORIES AND FORUMS -- */
.forabg, .forumbg {
background:#FAFAFA;
border:1px solid #DDD;
border-bottom-width:2px;
border-radius:3px;
margin-bottom:10px;
overflow:hidden;
}
.forabg ul, .forumbg ul { background:none }
.forabg .header, .forumbg .header {
background:#369FCF;
padding:6px 3px 3px 3px;
margin:-5px -5px 10px -5px;
}
.forabg .header dd, .forumbg .header dd {
font-size:11px;
font-weight:bold;
}
.forabg .header h2, .forabg .header dt, .forumbg .header dt, .forumbg .header .dterm {
font-size:13px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
padding-left:6px !important;
}
.forabg .row, .forumbg .row {
background:#F2F2F2;
border:1px solid #DDD !important;
border-bottom-width:2px !important;
border-radius:3px;
margin-bottom:6px;
}
.forabg .row dd, .forumbg .row dd { border:none !important }
.forabg a.forumtitle, .forumbg a.topictitle { color:#39C }
.forumbg .row .lastpost { width:25% }
/* Legend image align */
.ul-icons li img { vertical-align:middle }
/* topic / forum icon alignment */
li.row dl { background-position:6px 50% !important }
ul.topiclist li.row dl {
padding-left:3px;
}
/* topic icon adjustment */
.row .dterm[style] {
min-height:47px;
background-position:-2px 30%;
margin-left:0px;
}
.row .dterm[style] .pagination { margin-top:5px; }
ul.topics dd.dterm, ul.topics dt { padding-left:48px; }
h2.topic-title img { vertical-align:middle; }
/* topic title adjustment */
div.topic-title-container {
vertical-align:top;
display:inline-block;
width:85%;
}
/* -- 07. TOPICS AND MESSAGES -- */
div.post {
background-color:#FAFAFA;
border:1px solid #DDD;
border-bottom-width:2px;
border-radius:3px;
margin:10px 0;
padding:0;
}
div.post .inner {
border-top:14px solid #E4E4E4;
border-top-color:rgba(221, 221, 221, 0.75);
border-radius:3px 3px 0 0;
margin:-1px -1px 0px -1px;
padding:0 10px;
}
/* thanked post */
div.post[style*="background-color"] .inner { border-color:#9C9 !important }
div.post[style*="background-color"] {
background-color:#DFD !important;
border-color:#CEC;
border-bottom:2px solid #BDB;
}
/* profile */
.postprofile {
text-align:center;
background:url(\'http://i18.servimg.com/u/f18/18/45/41/65/row10.png\') repeat-x 0 0 #F6F6F6;
border:1px solid #DDD;
border-radius:3px;
padding:3px;
padding-top:60px;
position:relative;
}
/* profile fields */
.postprofile dd, .postprofile dt { margin:0 }
.postprofile dd { color:#333 }
.postprofile .label span, .postprofile .label {
color:#39C !important;
font-weight:bold;
}
.postprofile dd { text-align:left }
.postprofile dt + dd, .postprofile dd:last-child { text-align:center }
.postprofile .label {
float:left;
text-align:right;
margin-right:3px;
margin-left:-3px;
width:50%;
}
/* center icons */
.postprofile dd img {
display:block;
margin:0 auto;
}
/* browser and version icons */
.postprofile hr + .label + img, .postprofile hr + .label + img + .label + img {
display:inline-block;
margin-left:25%;
}
.postprofile dt + dd img, .postprofile dd:last-child img { display:inline-block }
.postprofile dd br { clear:both; }
/* horizontal rules */
hr, #first-post-br, hr.dashed {
border-color:#39C;
}
/* plus menu */
#plus_menu {
background:#FFF;
border:1px solid #DDD;
border-radius:3px;
box-shadow:0 3px 9px rgba(0, 0, 0, 0.175);
overflow:hidden;
}
#plus_menu .title-overview {
color:#FFF;
background:#39C;
}
/* -- 08. FORUM TABLES -- */
table.table1, table.forumline {
border-spacing:0px;
border:1px solid #DDD;
border-radius:3px;
overflow:hidden;
padding:0;
}
table.table1 thead, table.table1 tbody th, table.forumline tbody td.catHead, table.forumline tr:hover td.catHead{ background:#39C }
table.table1 thead th a, table.table1 tbody th a, table.forumline tbody td.catHead a { color:#FFF !important }
table.table1 thead th a:hover, table.table1 tbody th a:hover, table.forumline tbody td.catHead a:hover { color:#333 !important }
table.table1 thead th, table.table1 tbody th, table.forumline tbody td.catHead {
color:#FFF !important;
text-align:left;
border:none !important;
padding:6px;
}
table.table1 tbody tr, table.forumline tbody tr {
background:#F2F2F2;
}
table.table1 tbody tr:hover, table.forumline tbody tr:hover { background:#F7F7F7 }
table.table1 td, table.forumline td, table.forumline th {
background:none;
border-top:none !important;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
}
/* -- 11. PANELS AND WIDGETS -- */
.module, .panel {
background:#FAFAFA;
border:1px solid #DDD;
border-bottom-width:2px;
border-radius:3px;
}
.module .h3 {
color:#FFF;
text-align:center;
text-transform:none;
background:#39C;
padding:6px 3px;
margin:-5px -10px 10px -10px;
}
.panel div.mes-txt, .panel p { font-size:12px }
/* login widget modifications */
.module .h3 span { color:#FFF !important }
.module .box-content .mod-login {
width:100%;
margin:0;
}
.module .box-content .mod-login dd strong { font-weight:normal }
.module .box-content .mod-login dt {
color:#39C;
font-weight:bold;
text-align:right;
}
.module .box-content .mod-login dd, .module .box-content .mod-login dt {
display:inline-block;
width:50%;
}
/* adjust widget poll design */
.module td { background:none }
.module table[summary] { border-spacing:0 }
.module table[summary] > tbody > tr > td {
border-bottom:1px solid #E2E2E2;
padding:3px;
}
/* remove panel background of signature buttons */
#cp-main .panel.sig {
background:none;
border:none;
box-shadow:none;
}
dl.faq dd p { border-color:#CCC } /* FAQ border color */
/* share margin */
#FM_widget_share iframe { margin:0 2px }
/* -- 14. SEARCH BOX -- */
#search input.button2, #search_menu .button1, #forum-search .button2, .desc-search input.button2 {
font-size:0;
background:url(\'http://i21.servimg.com/u/f21/18/21/41/30/search10.png\') no-repeat 50% 50% #39C;
border:none;
border-radius:0 3px 3px 0;
height:30px;
width:30px !important;
}
#search .inputbox, #search_menu .inputbox, #forum-search .inputbox, .inputbox.desc_search_input {
height:22px;
background:#FFF;
border:1px solid #39C;
border-radius:3px 0 0 3px;
padding:3px;
margin-right:-2px;
}
#search-box #keywords {
width:130px;
padding-right:20px;
transition:300ms;
}
#search-box #keywords:focus { width:300px }
#forum-search .inputbox, .inputbox.desc_search_input { margin-right:-6px }
.desc_search_input { width:125px !important }
.search-box { margin:-3px 0px 0px 10px }
/* forum search box */
.desc-search {
width:75%;
margin:15px 0 0 10px;
float:left;
opacity:0;
visibility:hidden;
transition:300ms;
}
.row:hover .desc-search {
opacity:1;
visibility:visible;
}
/* search popup */
#search_menu {
font-size:10px;
background:#FFF;
border:1px solid #DDD;
border-radius:3px;
box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
overflow:hidden;
}
#search_menu .title-overview {
color:#FFF;
background:#39C;
}
/* Main search bar options ( main_search_options JS required ) */
#search { position:relative }
#fa_search_opts {
height:17px;
width:16px;
background:url(\'http://i21.servimg.com/u/f21/18/45/41/65/opts_m10.png\') 0px 0px no-repeat;
position:absolute;
top:9px;
right:35px;
}
#fa_search_opts:hover { background-position:-16px 0px }
#fa_search_settings {
color:#333;
text-align:center;
background:#FFF;
border:1px solid #DDD;
border-radius:3px;
box-shadow:0 3px 9px rgba(0, 0, 0, 0.175);
position:absolute;
top:45px;
right:0;
z-index:1;
padding:3px;
width:175px;
}
#fa_search_settings:before {
content:url(http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png);
position:absolute;
top:-10px;
right:32px;
}
#fa_search_settings p { font-size:11px }
#fa_search_settings label {
padding:0px 6px 0px 3px;
vertical-align:middle;
cursor:pointer;
}
/* -- 17. POST BOXES -- */
dl.codebox, blockquote, div.codebox {
background:#F6F6F6 !important;
border:1px solid #39C;
border-bottom-width:2px;
border-radius:3px;
margin:6px 3px;
padding:3px;
}
dl.codebox code, div.codebox code {
color:#555;
font-size:13px;
padding:3px;
margin:-10px -3px -3px -3px;
}
dl.codebox dt, div.codebox p, blockquote cite {
color:#FFF;
background:#39C;
font-size:12px;
border:none;
padding:3px;
}
blockquote > div { margin:0 }
blockquote cite a { color:#FFF !important }
blockquote cite { margin:-5px -5px 10px -5px }
dl.codebox dt, div.codebox p { margin:-3px -3px 10px -3px }
dl.codebox.hidecode > dt:after, div.codebox.hidecode > p:after { content:"Hidden:" }
Re: Problema com logo ou menu do fórum
Bom, no meu entendimento, você não vai conseguir colocar as duas coisas ao mesmo tempo. Ao que me parece, no momento em que você aumenta a largura do #wrap (que é praticamente a do fórum) pra um valor acima de 99% a barra de rolagem aparece. E com o #wrap reduzido a 99%, acredito que não há como fazer alguma imagem ultrapassar o valor dele nas demais classes ou ids, no caso o ul.navlinks que define a largura do seu menu. Um rápido exemplo do que estou falando.
Posso estar falando alguma besteira, mas agora já está fora do meu alcance. Desculpe por não conseguir deixar do seu agrado. A única coisa que posso fazer é dar a sugestão de usar imagens menores pro fórum no geral. Novamente, peço desculpas.
- Spoiler:
Como pôde perceber, a imagem tem tamanho 500x230. Só que eu defini a tabela como 200x230, logo a imagem fica cortada pra ficar de acordo com a propriedade que vem primeiro.
Posso estar falando alguma besteira, mas agora já está fora do meu alcance. Desculpe por não conseguir deixar do seu agrado. A única coisa que posso fazer é dar a sugestão de usar imagens menores pro fórum no geral. Novamente, peço desculpas.
Key of Destiny- ****
- Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442
Re: Problema com logo ou menu do fórum
Olá,
Altere sua CSS completa por:
Até.
Altere sua CSS completa por:
- Código:
----------------------------------------- Dimensionamento logo ---------------------------------
body {
overflow-x: hidden !important;
}
#page-header #logo-desc, #page-header #logo-desc #site-title, #page-header #logo-desc #site-title h1 {
font-size: 0px !important;
}
#logo {
width: 100% !important;
padding-bottom: 0px !important;
margin-left: -25px !important;
margin-top: -25px !important;
position: relative !important;
}
#page-header .navbar {
margin-left: -15px !important;
padding-top: 5px;
padding-bottom: 1px;
width: 100% !important;
margin-top: -35px !important;
border-radius: none !important;
}
#page-header .navbar span[class*="corners"] {
display: none !important;
}
-------------------------------------------- / / / GSCODE/ / / ----------------------------
#wrap {
background-color: #fff;
margin: 0 auto;
min-width: 1174px;
padding: 5px;
width: 95%;
}
-------------------------------------------- / / / Fim / / / ----------------------------
-------------------------------------------- / / / Dimensionamento logo / / / ----------------------------
------------------------------------------- Menu de navegação ----------------------------
.forabg {
background-color: #000000;
background-image: url(#);
}
#page-header .navbar ul.navlinks{background:url(http://i65.tinypic.com/j0l1dx.png) no-repeat top center;height:55px;left:-2.69%;position:relative;width:105.52%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-25px}
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #C3E0F1;
border-image: initial;
border-radius: ;
margin: 3px 1px;
}
------------------------------------------- / / / Menu de navegação / / / ----------------
/* -- 03. WHO IS ONLINE -- */
.qeel_title {
color:#FFF;
font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
font-weight:bold;
font-size:16px;
text-transform:uppercase;
background:#369FCF;
padding:5px 6px;
}
.qeel_title a { color:#FFF }
.qeel_section {
font-size:11px;
padding:8px 6px;
}
.img-whois { float:right }
#online-box #fa_qeel {
clear:both;
margin:0 -5px;
}
/* stats */
#fa_stats {
color:#FFF;
font-family:Arial, Verdana, Sans-serif;
text-align:center;
background:#2E3133;
padding:15px 0px;
}
.stat_label {
color:#2E3133;
font-size:0;
background:#F2F2F2;
border-radius:3px;
display:inline-block;
padding:6px 12px;
margin:0px 12px 0px 3%;
vertical-align:middle;
}
.stat_label a { color:#2E3133 }
.stat_label strong {
font-size:14px;
display:inline-block;
max-width:150px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.text_label {
font-size:14px;
font-weight:bold;
text-transform:uppercase;
margin-right:7.5%;
}
/* group legend */
#fa_groups {
font-size:0;
font-family:"Trebuchet MS", Arial, Vedana, Sans-serif;
padding:6px 3px;
margin:0 -6px;
}
#fa_groups:before {
content:"Staff : ";
font-size:13px;
}
#fa_groups b {
font-size:13px;
}
#fa_groups b:after {
content:", ";
font-weight:normal;
}
#fa_groups b:last-child:after { content:"" }
/* -- 06. CATEGORIES AND FORUMS -- */
.forabg, .forumbg {
background:#FAFAFA;
border:1px solid #DDD;
border-bottom-width:2px;
border-radius:3px;
margin-bottom:10px;
overflow:hidden;
}
.forabg ul, .forumbg ul { background:none }
.forabg .header, .forumbg .header {
background:#369FCF;
padding:6px 3px 3px 3px;
margin:-5px -5px 10px -5px;
}
.forabg .header dd, .forumbg .header dd {
font-size:11px;
font-weight:bold;
}
.forabg .header h2, .forabg .header dt, .forumbg .header dt, .forumbg .header .dterm {
font-size:13px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
padding-left:6px !important;
}
.forabg .row, .forumbg .row {
background:#F2F2F2;
border:1px solid #DDD !important;
border-bottom-width:2px !important;
border-radius:3px;
margin-bottom:6px;
}
.forabg .row dd, .forumbg .row dd { border:none !important }
.forabg a.forumtitle, .forumbg a.topictitle { color:#39C }
.forumbg .row .lastpost { width:25% }
/* Legend image align */
.ul-icons li img { vertical-align:middle }
/* topic / forum icon alignment */
li.row dl { background-position:6px 50% !important }
ul.topiclist li.row dl {
padding-left:3px;
}
/* topic icon adjustment */
.row .dterm[style] {
min-height:47px;
background-position:-2px 30%;
margin-left:0px;
}
.row .dterm[style] .pagination { margin-top:5px; }
ul.topics dd.dterm, ul.topics dt { padding-left:48px; }
h2.topic-title img { vertical-align:middle; }
/* topic title adjustment */
div.topic-title-container {
vertical-align:top;
display:inline-block;
width:85%;
}
/* -- 07. TOPICS AND MESSAGES -- */
div.post {
background-color:#FAFAFA;
border:1px solid #DDD;
border-bottom-width:2px;
border-radius:3px;
margin:10px 0;
padding:0;
}
div.post .inner {
border-top:14px solid #E4E4E4;
border-top-color:rgba(221, 221, 221, 0.75);
border-radius:3px 3px 0 0;
margin:-1px -1px 0px -1px;
padding:0 10px;
}
/* thanked post */
div.post[style*="background-color"] .inner { border-color:#9C9 !important }
div.post[style*="background-color"] {
background-color:#DFD !important;
border-color:#CEC;
border-bottom:2px solid #BDB;
}
/* profile */
.postprofile {
text-align:center;
background:url(\'http://i18.servimg.com/u/f18/18/45/41/65/row10.png\') repeat-x 0 0 #F6F6F6;
border:1px solid #DDD;
border-radius:3px;
padding:3px;
padding-top:60px;
position:relative;
}
/* profile fields */
.postprofile dd, .postprofile dt { margin:0 }
.postprofile dd { color:#333 }
.postprofile .label span, .postprofile .label {
color:#39C !important;
font-weight:bold;
}
.postprofile dd { text-align:left }
.postprofile dt + dd, .postprofile dd:last-child { text-align:center }
.postprofile .label {
float:left;
text-align:right;
margin-right:3px;
margin-left:-3px;
width:50%;
}
/* center icons */
.postprofile dd img {
display:block;
margin:0 auto;
}
/* browser and version icons */
.postprofile hr + .label + img, .postprofile hr + .label + img + .label + img {
display:inline-block;
margin-left:25%;
}
.postprofile dt + dd img, .postprofile dd:last-child img { display:inline-block }
.postprofile dd br { clear:both; }
/* horizontal rules */
hr, #first-post-br, hr.dashed {
border-color:#39C;
}
/* plus menu */
#plus_menu {
background:#FFF;
border:1px solid #DDD;
border-radius:3px;
box-shadow:0 3px 9px rgba(0, 0, 0, 0.175);
overflow:hidden;
}
#plus_menu .title-overview {
color:#FFF;
background:#39C;
}
/* -- 08. FORUM TABLES -- */
table.table1, table.forumline {
border-spacing:0px;
border:1px solid #DDD;
border-radius:3px;
overflow:hidden;
padding:0;
}
table.table1 thead, table.table1 tbody th, table.forumline tbody td.catHead, table.forumline tr:hover td.catHead{ background:#39C }
table.table1 thead th a, table.table1 tbody th a, table.forumline tbody td.catHead a { color:#FFF !important }
table.table1 thead th a:hover, table.table1 tbody th a:hover, table.forumline tbody td.catHead a:hover { color:#333 !important }
table.table1 thead th, table.table1 tbody th, table.forumline tbody td.catHead {
color:#FFF !important;
text-align:left;
border:none !important;
padding:6px;
}
table.table1 tbody tr, table.forumline tbody tr {
background:#F2F2F2;
}
table.table1 tbody tr:hover, table.forumline tbody tr:hover { background:#F7F7F7 }
table.table1 td, table.forumline td, table.forumline th {
background:none;
border-top:none !important;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
}
/* -- 11. PANELS AND WIDGETS -- */
.module, .panel {
background:#FAFAFA;
border:1px solid #DDD;
border-bottom-width:2px;
border-radius:3px;
}
.module .h3 {
color:#FFF;
text-align:center;
text-transform:none;
background:#39C;
padding:6px 3px;
margin:-5px -10px 10px -10px;
}
.panel div.mes-txt, .panel p { font-size:12px }
/* login widget modifications */
.module .h3 span { color:#FFF !important }
.module .box-content .mod-login {
width:100%;
margin:0;
}
.module .box-content .mod-login dd strong { font-weight:normal }
.module .box-content .mod-login dt {
color:#39C;
font-weight:bold;
text-align:right;
}
.module .box-content .mod-login dd, .module .box-content .mod-login dt {
display:inline-block;
width:50%;
}
/* adjust widget poll design */
.module td { background:none }
.module table[summary] { border-spacing:0 }
.module table[summary] > tbody > tr > td {
border-bottom:1px solid #E2E2E2;
padding:3px;
}
/* remove panel background of signature buttons */
#cp-main .panel.sig {
background:none;
border:none;
box-shadow:none;
}
dl.faq dd p { border-color:#CCC } /* FAQ border color */
/* share margin */
#FM_widget_share iframe { margin:0 2px }
/* -- 14. SEARCH BOX -- */
#search input.button2, #search_menu .button1, #forum-search .button2, .desc-search input.button2 {
font-size:0;
background:url(\'http://i21.servimg.com/u/f21/18/21/41/30/search10.png\') no-repeat 50% 50% #39C;
border:none;
border-radius:0 3px 3px 0;
height:30px;
width:30px !important;
}
#search .inputbox, #search_menu .inputbox, #forum-search .inputbox, .inputbox.desc_search_input {
height:22px;
background:#FFF;
border:1px solid #39C;
border-radius:3px 0 0 3px;
padding:3px;
margin-right:-2px;
}
#search-box #keywords {
width:130px;
padding-right:20px;
transition:300ms;
}
#search-box #keywords:focus { width:300px }
#forum-search .inputbox, .inputbox.desc_search_input { margin-right:-6px }
.desc_search_input { width:125px !important }
.search-box { margin:-3px 0px 0px 10px }
/* forum search box */
.desc-search {
width:75%;
margin:15px 0 0 10px;
float:left;
opacity:0;
visibility:hidden;
transition:300ms;
}
.row:hover .desc-search {
opacity:1;
visibility:visible;
}
/* search popup */
#search_menu {
font-size:10px;
background:#FFF;
border:1px solid #DDD;
border-radius:3px;
box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
overflow:hidden;
}
#search_menu .title-overview {
color:#FFF;
background:#39C;
}
/* Main search bar options ( main_search_options JS required ) */
#search { position:relative }
#fa_search_opts {
height:17px;
width:16px;
background:url(\'http://i21.servimg.com/u/f21/18/45/41/65/opts_m10.png\') 0px 0px no-repeat;
position:absolute;
top:9px;
right:35px;
}
#fa_search_opts:hover { background-position:-16px 0px }
#fa_search_settings {
color:#333;
text-align:center;
background:#FFF;
border:1px solid #DDD;
border-radius:3px;
box-shadow:0 3px 9px rgba(0, 0, 0, 0.175);
position:absolute;
top:45px;
right:0;
z-index:1;
padding:3px;
width:175px;
}
#fa_search_settings:before {
content:url(http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png);
position:absolute;
top:-10px;
right:32px;
}
#fa_search_settings p { font-size:11px }
#fa_search_settings label {
padding:0px 6px 0px 3px;
vertical-align:middle;
cursor:pointer;
}
/* -- 17. POST BOXES -- */
dl.codebox, blockquote, div.codebox {
background:#F6F6F6 !important;
border:1px solid #39C;
border-bottom-width:2px;
border-radius:3px;
margin:6px 3px;
padding:3px;
}
dl.codebox code, div.codebox code {
color:#555;
font-size:13px;
padding:3px;
margin:-10px -3px -3px -3px;
}
dl.codebox dt, div.codebox p, blockquote cite {
color:#FFF;
background:#39C;
font-size:12px;
border:none;
padding:3px;
}
blockquote > div { margin:0 }
blockquote cite a { color:#FFF !important }
blockquote cite { margin:-5px -5px 10px -5px }
dl.codebox dt, div.codebox p { margin:-3px -3px 10px -3px }
dl.codebox.hidecode > dt:after, div.codebox.hidecode > p:after { content:"Hidden:" }
Até.
Re: Problema com logo ou menu do fórum
Ainda não funcionou, o objetivo é só deixar o menu e o logo encostado nos dois extremos do fórum, se precisar tirar esses meus códigos da folha css e colocarem outros, eu tenho a imagem do logo e do menu salvas.
Re: Problema com logo ou menu do fórum
Saudações, @XDgabriell
Essa barra em baixo do seu fórum, existe pois a imagem que você colocou está maior que o fórum. A dimensão da imagem que você deve usar é "1336x200".
E nesse seu pedido, se eu fizer ele com essa dimensão seu fórum irá continuar com a barra lá!
Essa barra em baixo do seu fórum, existe pois a imagem que você colocou está maior que o fórum. A dimensão da imagem que você deve usar é "1336x200".
E nesse seu pedido, se eu fizer ele com essa dimensão seu fórum irá continuar com a barra lá!
Re: Problema com logo ou menu do fórum
@PaladinoS não funcionou não, o logo só diminuiu e o resto ficou td igual
Re: Problema com logo ou menu do fórum
Diminua mais 2 ou 3pixels e veja se resolva, pois ainda está maior!
Re: Problema com logo ou menu do fórum
@PaladinoS o problema é no meu, n no logo... vou diminuir bastante a imagem pra te mostrar perae
Re: Problema com logo ou menu do fórum
eu só quero q o fórum pegue de ponta a ponta o monitor, logo, menu tudo q n apareça esse fundo.... se precisar tirar meu código css atual eu tiro, o objetivo é só deixar o fórum pegando a tela toda, eu já vi alguns fóruns assim oq eu preciso fazer pra ficar desse jeito ?
Tópicos semelhantes
» Problema Menu e Logo Fórum
» Problema da centralização da Imagem Principal (Logo) - mesmo problema em outro fórum
» Problema com logo no fundo do menu de navegação.
» Problema com o menu do fórum
» Como por o menu em cima do logo do fórum
» Problema da centralização da Imagem Principal (Logo) - mesmo problema em outro fórum
» Problema com logo no fundo do menu de navegação.
» Problema com o menu do fórum
» Como por o menu em cima do logo do fórum
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