Dúvida - como resolver este bug no meu 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 • Compartilhe
Dúvida - como resolver este bug no meu menu?
Qual é minha questão:
Olá, não sei o que aconteceu, que o meu menu ta bugado, ele está desparelho, o certo seria ele ficar no centro, e não esbanjar para a direita, o pedaço preto como na print, se puderem me ajudar com isto, agradecido!
Obs:. Eu mechi na folha de estilo CSS dele a pouco tempo, mais só adicionei algumas linhas, não ceguei a modifica-lo, vou deixar o meu código da minha folha de estilo, abaixo também!
Obrigado pela atenção!
Endereço do meu fórum:
http://gtaonline-brasil.forumeiros.com
Versão do fórum:
PHPBB3
Olá, não sei o que aconteceu, que o meu menu ta bugado, ele está desparelho, o certo seria ele ficar no centro, e não esbanjar para a direita, o pedaço preto como na print, se puderem me ajudar com isto, agradecido!
Obs:. Eu mechi na folha de estilo CSS dele a pouco tempo, mais só adicionei algumas linhas, não ceguei a modifica-lo, vou deixar o meu código da minha folha de estilo, abaixo também!
- Spoiler:
/* Caixa de Cores */
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(https://i.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;
}
/* Compartilhe-nos */
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(https://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
/* Text-shadow das categorias */
ul.topiclist li.header dl dd{color:#E4E4E4;text-shadow:1px 1px black, -0 -0 #333}ul.topiclist dd{color:#3b3b3b;text-shadow:1px 1px white, -0 -0 #333}
.module {
background-color:#fff;color:#000;margin-bottom:4px;overflow:hidden;padding:0 10px;
border:2px solid #d7d7d7;border-radius:8px;box-shadow:1px 0 3px #d7d7d7;
}
.module h3{border-bottom:1px solid #000;color:#000;margin:.5em 0;text-align:center}
/* BBCodes */
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
transition-duration: .8s;
moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;
}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: gray;
color: #F4F5F4;
border: 1px solid gray;
}
/* Tabelas HTML */
#tabela1{
border: 1px solid #1E679A;
width: 500px;
}
#cabtab1{
background-color: #1E679A;
font-weight: bold;
color: #FFF;
padding: 2 2 2 2px;
text-shadow:1px 1px #1c608f;
}
#corpotab1{
padding: 4 4 4 4px;
background-color: #ffffcc;
}
#sombraclara{
background-color: #ededed;
color: #000;
text-shadow:1px 1px white, -0 -0 #dedede;
padding: 10px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
/* Largura do fórum (favor não alterar...) */
#wrap{
width:87% !important;
border:2px solid #d7d7d7;border-radius:8px;
}
/* Definições do perfil */
.postprofile {
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}
.pathname-box{
width: 730px !important;
}
.pathname-box, p.path {
position: inherit !important;
width: 65em !important;
}
/* Navbar */
#page-header .navbar ul.navlinks{background:url(https://i.imgur.com/k9DY9.png) no-repeat center;height:55px;left:-29px;position:center;width:1135px;box-shadow:none!important}#page-header .navbar ul.navlinks li a{bottom:-25px!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}
#wrap {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #FFFFFF;
}
.headerbar {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}
div.panel.row3, div.post.row1, div.post.row1.online, div.post.row2, div.post.row2.online {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: white;
border: solid 1px #D4D6D5;
border-radius: 7px;
padding: 2px;
}
/* Definições do Chatbox */
#chatbox_members .member-title {
background-color: #FFFFFF;
background-image: none;
color : black;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
}
#chatbox_members {
background-color: #FFFFFF;
}
#chatbox {
background-color: #FFFFFF;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline, #main-content a.cgu-buttons, #message, .spoiler dt, button.button2, input#submit_button, input.button1, input.button2, input.liteoption, input.mainoption {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 2px;
}
#divbold:hover, #divcolor, #divitalic:hover, #divsmilies:hover, #divstrike:hover, #divunderline:hover, #main-content a.cgu-buttons:hover, #message:hover, button.button2:hover, input#submit_button:hover, input.button1:hover, input.button2:hover, input.liteoption:hover, input.mainoption:hover {
background-position: 0 100%;
border: 1px solid #363636;
color: #363636;
}
li.row:hover dd {
border-left-color: transparent;
}
li.row dd{
border-left-color: transparent;
}
li.row {
border-bottom: 1px solid transparent; !important!
border-top: 1px solid transprent; !important!
}
li.row:hover {
background-color: #F0F0F0;
}
ul.forums {
background-color: #FFFFFF;
background-image: none;
}
.h3, h3 {
border-bottom: 1px solid #EFEFEF;
}
a:hover {
opacity:0.9;
text-decoration: none;
}
div.postprofile {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: #EAEAEA;
border: solid 1px #D4D6D5;
border-radius: 7px;
left: 2px;
padding: 2px;
}
.postprofile {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #EFEFEF;
padding: 15px 10px 10px 0;
text-align: center;
}
.postprofile {
border-color: gainsboro;
border-right-style: solid;
border-right-width: 1px;
color: #222;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 18%;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;
}
/* Spoiler */
.spoiler {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;
border: solid 1px #DDD;
border-radius: 3px;
padding: 2px;
}
/* Code */
dl.codebox {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
}
/* Não definidos */
ul.profile-icons {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topright: 3px;
background-color: #EAEAEA;
border: solid 1px #D4D6D5;
border-bottom-left-radius: 10px;
border-top-right-radius: 3px;
height: 25px;
padding: 5px 5px 10px 10px !important;
position: relative;
right: -48px;
top: -18px;
}
.vote {
-moz-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #EAEAEA;
border: 1px solid #D4D6D5;
padding: 4px 1px;
text-align: center;
width: 20px;
}
input.search {
background: url(https://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
.inputbox:hover {
border: 1px solid #EFEFEF;
}
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
color: #222;
cursor: text;
padding: 2px;
}
li.row {
background: #FFFFFF;
list-style-type: none;
}
.forabg {
background-color: #2b2929;
background-image: url(https://servimg.com/u/f37/16/77/07/42/cat1010.png) !important;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
border:2px solid #d7d7d7;border-radius:8px;box-shadow:1px 0 6px #d7d7d7
}
li.row:hover dd {
border-left-color: transparent;
}
li.row dd{
border-left-color: transparent;
}
li.row {
border-bottom: 1px solid transparent; !important!
border-top: 1px solid transprent; !important!
}
li.row:hover {
background-color: #F0F0F0;
}
ul.forums {
background-color: #FFFFFF;
}
span[style="color:#D60000"] strong{text-decoration:line-through}
.lastpost{
margin: 3px;
width : auto;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 2px #666;
}
.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}
.TabbedPanelsTabHover {
background-color: #CCC;
}
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #EEE;
}
.TabbedPanelsContent {
padding: 4px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
background-color: #1E90FF;
background-image: url(https://i.servimg.com/u/f21/16/31/11/28/sem_ta12.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: bottom right;
background-position: 2px 10px;
color: #1E90FF !important;
color: 10pt;
font-family Verdana,Arial,Helvetica,sans-serif;
#chatbox_header
h2.chatbox-title a.chat-title
#chatbox_main_options a
#chatbox_members
#chatbox
.chatbox_row_1
.chatbox_row_2
.chatbox_row_3
#chatbox_footer
#chatbox {
background-image: url(https://i.servimg.com/u/f21/16/31/11/28/sem_ta12.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
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}
.module span.corners-bottom,.module span.corners-top{margin:0 -10px}.module h3{border-bottom:1px solid #000;color:#000;margin:.5em 0;text-align:center}
.postbody{width:67%}.postprofile{width:25%}
#cssmenu{ height:37px; display:block; padding:0; margin: 0; border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }
#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); }
#cssmenu{border-color:#000;}
#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#444;}
#cssmenu > ul > li > a:hover{background:#111;}
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
Obrigado pela atenção!
Endereço do meu fórum:
http://gtaonline-brasil.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por JuniorSelau em 20.03.14 14:12, editado 2 vez(es)
Re: Dúvida - como resolver este bug no meu menu?
Olá,
Eu verifiquei seu CSS e havia bastante coisa quebrada nele. Eu acertei uns pontos, mas pelo que vi, penso que deveria dar uma checada no seu Chatbox para ver se está tudo em ordem, pois havia código perdido relacionado a ele.
Mas em relação ao problema relatado, eu entrei no seu fórum e, mesmo com o CSS quebrado, sua barra parece normal. Chegou a fazer alguma alteração? E, se persiste, qual navegador usa?
Abraços.
Eu verifiquei seu CSS e havia bastante coisa quebrada nele. Eu acertei uns pontos, mas pelo que vi, penso que deveria dar uma checada no seu Chatbox para ver se está tudo em ordem, pois havia código perdido relacionado a ele.
Mas em relação ao problema relatado, eu entrei no seu fórum e, mesmo com o CSS quebrado, sua barra parece normal. Chegou a fazer alguma alteração? E, se persiste, qual navegador usa?
Abraços.
- CSS Corrigido:
- Código:
/* Caixa de Cores */
.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;
}
/* Compartilhe-nos */
.sharing-cl {
overflow: hidden;
margin: -20px 0 0 0;
padding: 0;
list-style: none;
width: 530px;
}
.sharing-cl a {
overflow: hidden;
width: 75px;
height: 20px;
float: left;
margin-right: 5px;
text-indent: -200px;
background: url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su {
background-position: -210px -40px;
}
a.sh-feed {
background-position: -70px -40px;
}
a.sh-tweet {
background-position: -140px -40px;
}
a.sh-mail {
background-position: 0 -40px;
}
a.sh-digg {
background-position: -280px -40px;
}
a.sh-face {
margin-right: 0;
background-position: -350px -40px;
}
a.sh-mail:hover {
background-position: 0 1px;
}
a.sh-feed:hover {
background-position: -70px 1px;
}
a.sh-tweet:hover {
background-position: -140px 1px;
}
a.sh-su:hover {
background-position: -210px 1px;
}
.sh-digg:hover {
background-position: -280px 1px;
}
a.sh-face:hover {
background-position: -350px 1px;
}
#text {
margin-top: 5px;
font-weight: bold;
font-family: helvetica,arial,sans-serif;
}
#text a {
text-indent: 0;
height: auto;
text-align: center;
font-size: 11px;
padding-top: 35px;
color: #999;
text-decoration: none;
}
/* Text-shadow das categorias */
ul.topiclist li.header dl dd {
color: #E4E4E4;
text-shadow: 1px 1px black, -0 -0 #333;
}
ul.topiclist dd {
color: #3b3b3b;
text-shadow: 1px 1px white, -0 -0 #333;
}
.module {
background-color: #fff;
color: #000;
margin-bottom: 4px;
overflow: hidden;
padding: 0 10px;
border: 2px solid #d7d7d7;
border-radius: 8px;
box-shadow: 1px 0 3px #d7d7d7;
}
.module h3 {
border-bottom: 1px solid #000;
color: #000;
margin: .5em 0;
text-align: center;
}
/* BBCodes */
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
transition-duration: .8s;
moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;
}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: gray;
color: #F4F5F4;
border: 1px solid gray;
}
/* Tabelas HTML */
#tabela1 {
border: 1px solid #1E679A;
width: 500px;
}
#cabtab1 {
background-color: #1E679A;
font-weight: bold;
color: #FFF;
padding: 2 2 2 2px;
text-shadow: 1px 1px #1c608f;
}
#corpotab1 {
padding: 4 4 4 4px;
background-color: #ffffcc;
}
#sombraclara {
background-color: #ededed;
color: #000;
text-shadow: 1px 1px white, -0 -0 #dedede;
padding: 10px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
/* Largura do fórum (favor não alterar...) */
#wrap {
width: 87% !important;
border: 2px solid #d7d7d7;
border-radius: 8px;
}
/* Definições do perfil */
.postprofile {
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}
.pathname-box {
width: 730px !important;
}
.pathname-box, p.path {
position: inherit !important;
width: 65em !important;
}
/* Navbar */
#page-header .navbar ul.navlinks {
background: url(http://i.imgur.com/k9DY9.png) no-repeat center;
height: 55px;
left: -29px;
position: center;
width: 1135px;
box-shadow: none!important;
}
#page-header .navbar ul.navlinks li a {
bottom: -25px!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;
}
#wrap {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #FFFFFF;
}
.headerbar {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}
div.panel.row3, div.post.row1, div.post.row1.online, div.post.row2, div.post.row2.online {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: white;
border: solid 1px #D4D6D5;
border-radius: 7px;
padding: 2px;
}
/* Definições do Chatbox */
#chatbox_members .member-title {
background-color: #FFFFFF;
background-image: none;
color: black;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
}
#chatbox_members {
background-color: #FFFFFF;
}
#chatbox {
background-color: #FFFFFF;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline, #main-content a.cgu-buttons, #message, .spoiler dt, button.button2, input#submit_button, input.button1, input.button2, input.liteoption, input.mainoption {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 2px;
}
#divbold:hover, #divcolor, #divitalic:hover, #divsmilies:hover, #divstrike:hover, #divunderline:hover, #main-content a.cgu-buttons:hover, #message:hover, button.button2:hover, input#submit_button:hover, input.button1:hover, input.button2:hover, input.liteoption:hover, input.mainoption:hover {
background-position: 0 100%;
border: 1px solid #363636;
color: #363636;
}
li.row:hover dd {
border-left-color: transparent;
}
li.row dd {
border-left-color: transparent;
}
li.row {
border-bottom: 1px solid transparent !important;
border-top: 1px solid transparent !important;
}
li.row:hover {
background-color: #F0F0F0;
}
ul.forums {
background-color: #FFFFFF;
background-image: none;
}
.h3, h3 {
border-bottom: 1px solid #EFEFEF;
}
a:hover {
opacity: 0.9;
text-decoration: none;
}
div.postprofile {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: #EAEAEA;
border: solid 1px #D4D6D5;
border-radius: 7px;
left: 2px;
padding: 2px;
}
.postprofile {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #EFEFEF;
padding: 15px 10px 10px 0;
text-align: center;
}
.postprofile {
border-color: gainsboro;
border-right-style: solid;
border-right-width: 1px;
color: #222;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 18%;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;
}
/* Spoiler */
.spoiler {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;
border: solid 1px #DDD;
border-radius: 3px;
padding: 2px;
}
/* Code */
dl.codebox {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
}
/* Não definidos */
ul.profile-icons {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topright: 3px;
background-color: #EAEAEA;
border: solid 1px #D4D6D5;
border-bottom-left-radius: 10px;
border-top-right-radius: 3px;
height: 25px;
padding: 5px 5px 10px 10px !important;
position: relative;
right: -48px;
top: -18px;
}
.vote {
-moz-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #EAEAEA;
border: 1px solid #D4D6D5;
padding: 4px 1px;
text-align: center;
width: 20px;
}
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
.inputbox:hover {
border: 1px solid #EFEFEF;
}
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
color: #222;
cursor: text;
padding: 2px;
}
li.row {
background: #FFFFFF;
list-style-type: none;
}
.forabg {
background-color: #2b2929;
background-image: url(http://www.servimg.com/u/f37/16/77/07/42/cat1010.png) !important;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
border: 2px solid #d7d7d7;
border-radius: 8px;
box-shadow: 1px 0 6px #d7d7d7;
}
li.row:hover dd {
border-left-color: transparent;
}
li.row dd {
border-left-color: transparent;
}
li.row {
border-bottom: 1px solid transparent !important;
border-top: 1px solid transparent !important;
}
li.row:hover {
background-color: #F0F0F0;
}
ul.forums {
background-color: #FFFFFF;
}
span[style="color:#D60000"] strong {
text-decoration: line-through;
}
.lastpost {
margin: 3px;
width: auto;
border: 2px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 2px #666;
-webkit-box-shadow: 0 0 2px #666;
box-shadow: 0 0 2px #666;
}
.header .lastpost {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%;
/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/;
}
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}
.TabbedPanelsTabHover {
background-color: #CCC;
}
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #EEE;
}
.TabbedPanelsContent {
padding: 4px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
#username_reg {
border: 2px solid red!important;
}
#username_reg.okusername {
border: 2px solid green!important;
}
/*
background-color: #1E90FF;
background-image: url(http://i21.servimg.com/u/f21/16/31/11/28/sem_ta12.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: bottom right;
background-position: 2px 10px;
color: #1E90FF !important;
color: 10pt;
font-family Verdana,Arial,Helvetica,sans-serif;
#chatbox_header
h2.chatbox-title a.chat-title
#chatbox_main_options a
#chatbox_members
#chatbox
.chatbox_row_1
.chatbox_row_2
.chatbox_row_3
#chatbox_footer
*/
#chatbox {
background-image: url(http://i21.servimg.com/u/f21/16/31/11/28/sem_ta12.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
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;
}
.module span.corners-bottom,.module span.corners-top {
margin: 0 -10px;
}
.module h3 {
border-bottom: 1px solid #000;
color: #000;
margin: .5em 0;
text-align: center;
}
.postbody {
width: 67%;
}
.postprofile {
width: 25%;
}
#cssmenu {
height: 37px;
display: block;
padding: 0;
margin: 0;
border: 1px solid;
border-radius: 5px;
}
#cssmenu > ul {
list-style: inside none;
padding: 0;
margin: 0;
}
#cssmenu > ul > li {
list-style: inside none;
padding: 0;
margin: 0;
float: left;
display: block;
position: relative;
}
#cssmenu > ul > li > a {
outline: none;
display: block;
position: relative;
padding: 12px 20px;
font: bold 13px/100% Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);
}
#cssmenu > ul > li:first-child > a {
border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
content: '';
position: absolute;
border-right: 1px solid;
top: -1px;
bottom: -1px;
right: -2px;
z-index: 99;
}
#cssmenu ul li.has-sub:hover > a:after {
top: 0;
bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
content: '';
position: absolute;
top: 18px;
right: 6px;
border: 5px solid transparent;
border-top: 5px solid #fff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
top: 19px;
}
#cssmenu ul li.has-sub:hover > a {
background: #3f3f3f;
border-color: #3f3f3f;
padding-bottom: 13px;
padding-top: 13px;
top: -1px;
z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {
display: block;
}
#cssmenu ul li.has-sub > a:hover {
background: #3f3f3f;
border-color: #3f3f3f;
}
#cssmenu ul li > ul, #cssmenu ul li > div {
display: none;
width: auto;
position: absolute;
top: 38px;
padding: 10px 0;
background: #3f3f3f;
border-radius: 0 0 5px 5px;
z-index: 999;
}
#cssmenu ul li > ul {
width: 200px;
}
#cssmenu ul li > ul li {
display: block;
list-style: inside none;
padding: 0;
margin: 0;
position: relative;
}
#cssmenu ul li > ul li a {
outline: none;
display: block;
position: relative;
margin: 0;
padding: 8px 20px;
font: 10pt Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
}
#cssmenu, #cssmenu > ul > li > ul > li a:hover {
background: #333333;
background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, #333333 0%,#222222 100%);
background: -o-linear-gradient(top, #333333 0%,#222222 100%);
background: -ms-linear-gradient(top, #333333 0%,#222222 100%);
background: linear-gradient(top, #333333 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 );
}
#cssmenu {
border-color: #000;
}
#cssmenu > ul > li > a {
border-right: 1px solid #000;
color: #fff;
}
#cssmenu > ul > li > a:after {
border-color: #444;
}
#cssmenu > ul > li > a:hover {
background: #111;
}
li > a.mainmenu[href="/calendar"] {
display: none;
}
li > a.mainmenu[href="/calendar"] {
display: none;
}
li > a.mainmenu[href="/faq"] {
display: none;
}
li > a.mainmenu[href="/groups"] {
display: none;
}
li > a.mainmenu[href="/search"] {
display: none;
}
Re: Dúvida - como resolver este bug no meu menu?
Eu uso o navegador Google Chrome, eu vou dar um olhada aqui vou substituir o meu CSS e vou por o seu, obrigado
Acabei de abrir o fórum com o Internet Explorer, para evr se o problema era o navegador, e parece que sim, pois no Internet Explorer estava normal ://
Acabei de abrir o fórum com o Internet Explorer, para evr se o problema era o navegador, e parece que sim, pois no Internet Explorer estava normal ://
Tópicos semelhantes
» Como resolver este problema
» Como resolver este problema?
» Como funciona este menu?
» Menu como este
» Menu como este
» Como resolver este problema?
» Como funciona este menu?
» Menu como este
» Menu como este
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