Dúvida - como resolver este bug no meu menu?

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

Resolvido Dúvida - como resolver este bug no meu menu?

Mensagem por JuniorSelau em 15/03/14, 12:39 am

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!

Spoiler:

/* 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 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(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://illiweb.com/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 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(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; }

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, 11:12 am, editado 2 vez(es)
avatar

JuniorSelau
Nível 2

Masculino
Inscrito dia : 13/03/2014
Mensagens : 9
Pontos Ativos : 19

Ver perfil do usuário http://gtaonline-brasil.forumeiros.com/

Resolvido Re: Dúvida - como resolver este bug no meu menu?

Mensagem por Kyo Panda em 15/03/14, 02:29 am

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. Feliz

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://illiweb.com/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;
}
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Dúvida - como resolver este bug no meu menu?

Mensagem por JuniorSelau em 15/03/14, 03:42 pm

Eu uso o navegador Google Chrome, eu vou dar um olhada aqui vou substituir o meu CSS e vou por o seu, obrigado Feliz
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 ://
avatar

JuniorSelau
Nível 2

Masculino
Inscrito dia : 13/03/2014
Mensagens : 9
Pontos Ativos : 19

Ver perfil do usuário http://gtaonline-brasil.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum