Dúvida - cor barra do menu

2 participantes

Ir para baixo

Tópico resolvido Dúvida - cor barra do menu

Mensagem por JuniorSelau 20.03.14 14:21

Qual é minha questão:
Gostaria de saber, se tem como eu fazer a mudança da cor da barra "azul florescente" que está no meu menu igual na print, eu queria mudar para vermelho se possivel, Gostei muito deste tema, só que o menu não está nas cores que eu preciso, se puderem me ajudar agradecido!

Dúvida - cor barra do menu W2F5Ls6

Caso de algum erro, veja a print:
https://imgur.com/W2F5Ls6

Minha folha de estilo CSS caso seje necessário:

Spoiler:


Endereço do meu fórum:
http://gtaonline-brasil.forumeiros.com

Versão do fórum:
PUNBB


Última edição por JuniorSelau em 20.03.14 14:37, editado 1 vez(es)
JuniorSelau
JuniorSelau
Novo Membro

Membro desde : 13/03/2014
Mensagens : 9
Pontos : 19

http://gtaonline-brasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida - cor barra do menu

Mensagem por Alex Habilidade 20.03.14 14:32

Olá,

Troque o CSS por este:

Código:

/*.tcr {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 10px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}*/
/*Votaçao*/
.vote {
float: right;
width: 32px;
margin-left: 32px;
}




/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}




blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}




blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}




/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
  background:url('http://img52.imageshack.us/img52/2378/strong.png');
  }
#pwd_middle {
  background:url('http://img262.imageshack.us/img262/9555/medium.png');
  }
#pwd_bad {
  background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}




body {
    background:#E9E9E9;
    color: #5D5D5D;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: -1px;
    padding-bottom: 10px;
}




.pun {
    width: 1000px;
    background: #fff;
    border: 1px solid #878787;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    line-height: 1.6em;
    border-radius: 0 0 5px 5px;
    box-shadow:0px 0px 8px #707070;
    padding: 12px;
}




.pun a:link {
    color: #964e4e;
    text-decoration: none;
}




.pun a:visited {
    color: #964e4e;
    text-decoration: none;
}




.pun a:hover, a:active {
    color: #8a2f2f;
    text-decoration: underline;
}








.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}




.quick_login {
    background: #efefef;
    color: #993232;
    font-size: 11px;
    border: 1px solid #edcccc;
    padding: 4px;
}




#pun-legend {
    padding-bottom: 4px;
    padding-top: 10px;
}




#pun-title {
    display: none;
}




.pun table.table th {
    background-color: transparent;
    border-style: none;
    color: Black;
    padding: 0.5em 0px;
}




.conteneur-menu {
border: 1px solid rgb(196, 196, 196);
border-radius: 7px 7px 7px 7px;
padding: 5px;
}




.post_field {
    background:#fff none  ;
    color:#4d5153;
    border:1px solid #bcb6ad;
    padding:3px 3px 3px 10px;
    margin-top: 2px;
    text-align:left;
}




#pun-head #pun-navlinks {
background-color: #fff;
background-image: url("http://i.imgur.com/AOkgY.png");
background-repeat: repeat-x;
color: #fff;
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -12px;
width: 996px;
}




#pun-navlinks ul {
    list-style: none;
    text-align: center;
}




#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
}




#pun-navlinks li a {
    margin: 0 0.1em 0 0;
}




#pun-navlinks a, #pun-navlinks a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
    padding-left: 10px;
    line-height: 26px;
}




#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
    text-decoration: none;
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}








    .postbody .user{
      margin-bottom:1em;
        overflow:visible;
    }
    .postbody .user .user-info span{display:table !important; float:left;}
    .postbody .user .user-info{
        width:350px;
        display:none;
            top: 20px;
            position: absolute;
            background: rgba(255, 255, 255, 0.9);
            padding: 5px;
    }




    .postbody .user:hover .user-info{
        z-index: 9;
            left: 100%;
        display:block;
    }
    .postbody .user .user-info span {
    color: #333;
    font-weight: bold;
    }




.pun .paged-head, .pun .paged-foot {
    border: 0px solid #dddddd;
    background-color: #fff;
    padding: 0.6em 1.3em 0.3em 1.3em;
}




#pun-visit, .main-box {
      border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
}




.user-info span {
    color: #000000;
    font-size: 11px;
}
.pun .user .user-info {
    color: #666666;
    font-size: 11px;
    line-height: 1.5;
}




#pun-about {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-align: center;
    line-height: 0%;
    padding: 0.6em 1em;
}
#pun-about ul li a {
    font-size: 10px;
    font-weight: normal;
}
#pun-about #qjump {
    display: none;
}




.postmain blockquote {
    padding: 0.5em 1em;
    background-color: #EFEFEF;
    border: 1px solid #c48181;
}




.postmain cite {
    display: block;
    margin: 0 0 1em 0;
    font-weight: bold;
    font-style: normal;
}




.codebox {
    margin: 1em;
    background-color: #F5F5F5;
    border: 1px solid #8f1010;
}




.codebox dt {
    padding: 0.25em;
    border-bottom: 1px dashed #c48181;
}




.codebox dd {
    margin: 0.5em;
    padding: 0.5em;
    background-color: #F5F5F5;
}




.main .main-head {
  border-radius: 7px 7px 7px 7px;
background-color: black !important;
border: 1px solid black !important;
      background-color: #f70505;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    border: 1px solid #ba0f0f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 15px;
    padding-left: 8px;
}




.page-title h2, .page-title span {
    font-weight: bold !important;
}




.main .main-head .page-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold !important;
    font-family: tahoma,arial,verdana,sans-serif;
    text-shadow: 0 -1px 0 #613633;
}




.main .main-foot {
    padding: 0.7em 1.3em;
    font-weight: normal;
    color: #660000;
    background-color: transparent;
}




.pun .postmain {
    background-color: #fbfbfb;
    border-left: 1px solid #DADADA;
    margin-left: 17em;
}




.postfoot {
    border-top-color: #DADADA;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    clear: both;
    margin-left: 0em;
    text-align: center;
    padding: 0.5em 1em;
    border-top: none;
}








.frm-buttons {
    border-top-color: #DDDDDD;
    border-top-style: double;
    border-top-width: 0px;
    margin-bottom: 0;
    margin-top: 0.5em;
    padding-bottom: 0;
    padding-left: 17.5em;
    padding-right: 0;
    padding-top: 0.7em;
}




#tabs ul {
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    white-space: nowrap;
}




#tabs ul li {
    float: left;
    margin: 0;
    padding: 0 4px 0 0;
    padding-bottom: 3px;
}




#tabs ul li.activetab a {
    background-color: #fff;
    border: #8f1010;
    border-width: 3px;
    color: #666666;
  text-decoration:none;
}




#tabs ul li.activetab a:hover {
    background-color: #F5F5F5;
}




#tabs ul li a {
    border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
    float: left;
    padding: 0 1em;
    border-width: 3px;
    font-size:1.1em;
    font-weight:normal;
    line-height: 2em;
    text-decoration:none;
}




#tabs ul li a:hover {
    background-color: #F5F5F5;
}




.pun .frm .frm-form table {
    border: 1px solid #c48181;
    padding-left: 4px;
}




.pun table.table td {
    padding: 0.6em 0 0.7em;
    line-height: 130%;
    background-color: #FFFFFF;
    border-color: #ccb7b7;
    border-width: 1px;
    border-style: dashed none none none;
}




.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #FFFFFF;
}




.pun table.table td {padding: 0.6em 0px 0.7em;border-color: transparent !important;border-width: 1px;border-style: dashed none none;}




.user-contact a {
    background-color: #964e4e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}




.trow_sep {
    color: #FFFFFF;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    text-shadow: 0 -1px 0 #613333;
}




.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}




#forum_statistics {
    background-color: #F3F3F3;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}




#board-stats span {
    background-color: #E2E2E2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4A4A4A;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
}




#board-stats {
    border-left-color: #DEDEDE;
    border-left-style: solid;
    border-left-width: 0px;
    float: right;
    padding-left: 20px;
    width: 38%;
}
#board-stats dl {
    margin-top: 10px;
}
#board-stats dt, #board-stats dd {
    border-top-color: #DEDEDE;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    font-size: 0.85em;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
    width: 45%;
}
#board-stats dt {
    clear: both;
    font-weight: bold;
}




#board-stats h2 {
    clear: both;
    font-weight: bold;
}




#chatbox_header.main-head {
    background-color: #964e4e;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    color: #dedede;
    padding-bottom: 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0;
}




#onlinechat {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}




#chatbox_members {
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 180px;
    overflow: auto;
    border-right: 1px dashed #ccb7b7;
}




#chatbox_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px dashed #ccb7b7;
}




#onlinelist {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: rgb(244, 244, 244);
}




    .post:hover .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: .5;
    }
    .post .post-options:hover {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 1!important;
    }
    .post .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 0;
    }








adm {text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);font-size: 1.5em;
}
adm img {
margin-top: 6px;
display: block;
}




    .user-basic-info:last-child {
    text-align: center;
    }
    .user-id {
    text-align: center;
    }
    .user-avatar {
    text-align: center;
    }
    .pun .user-ident .username {
    color: #00569C;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    top: 0;
    text-align: center;
    }




#main #main-content .main, .phpbb3 .forabg {
    background: url("") repeat-x scroll center top white;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 7px 7px 7px 7px;
    padding: 5px;
}




div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
  border-radius: 5px 5px 7px 7px;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}




    #pun-intro{background-color:transparent;border-bottom:0px}




body #pun-head #pun-navlinks {
    top: 0px;
    width: 1005px;
    z-index: 999 !important;
    }
.mainmenu:hover {
    opacity: 0.08;
    }
#pun-head #pun-navlinks {
    background-color: #333;
    border-color: #CCC;
    padding: .5em 1.1em .6em;
    }
#pun-navlinks {
    background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
    background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
    }
#pun-navlinks {
    border-top: 5px solid #FF0000!important;
    height: 43px;
    overflow: visible!important;
    padding: 1px 10px!important;
    }
#pun-navlinks li:hover {
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
    }
#pun-navlinks ul[class="clearfix"] {
    border: 0!important;
    padding-top: 4px;
    width: 100%;
    }
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
    }
#pun-navlinks li a {
    color: #EDEDED;
    font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    }
#pun-navlinks li a {
    background: url() repeat-y center right;
    color: white;
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
    font-weight: 700;
    margin: 0!important;
    padding: 14px 7px 14px 0;
    text-decoration: none!important;
    }
#pun-navlinks li {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
    padding-top: 14px;
    position: relative;
    transition: all .2s linear;
    }
#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
    }




/* Imagem Flutante
================================================================*/
#flutuante {
display: scroll;
position: fixed;
top: 10px;
left: 5px;
}




#content #pun-legend li{display:none}




td.tcl img[alt][style] {
padding-right: 10px;
}




#pun-visit, .main-box.clearfix {
display: none;
}




/* Alerta de MP com efeito lightbox
================================================================*/
    /* Fancybox by Baivong */
    .fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
    .fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
    .fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
    .fancybox-opened{z-index:1003}
    .fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
    .fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
    .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
    .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
    .fancybox-image{max-width:100%;max-height:100%}
    #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
    .fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
    .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
    .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
    #fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
    .fancybox-title{display:none}
    .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
    .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.Estilo cool;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
    .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
    .fancybox-title-inside-wrap{margin-top:10px}
    .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.Estilo cool;padding:10px}




.pun .main-content {
      background-color: rgb(251, 251, 251);
    border: none;
}




.pun .main table.table td.td-title {
  background-color: none;
}




.pun .frm .frm-form table {
border: none;
}




.postbody .user .user-info {
width: 400px;
display: none;
top: 20px;
position: absolute;
background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
padding: 5px;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
border-right: 1px solid #dadada;
margin-left: 10px;
}








.pun .posthead {
    background: none repeat scroll 0% 0% transparent;
    border-bottom: none;
    padding: 0.5em 1.3em 0.5em 1em;
}




    form span.tgcounter {float: right;color: #000;}
    form p.tgcounter {font-size: 11px;float: left;color: #000;}
    form p.tgcounter> span {color: #000;}




.pun .post {
    border-style: dashed none none none;;
}




ul#pun-legend, ul.pun-legend {
  display: none;
}




.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:250px}












.pun tbody.statused span.status {
  position:inherit !important;
}




.a .forumtitle {
  position:inherit !important;
}




a.forumtitle{
padding-left: 45px;
}




/*=================================================
                Shopping Efeitos
==================================================*/
a[href="/u20"] {
background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)
}
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/groups"] { display : none; }

Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida - cor barra do menu

Mensagem por JuniorSelau 20.03.14 14:36

Ficou muito bom, valeu mano!
JuniorSelau
JuniorSelau
Novo Membro

Membro desde : 13/03/2014
Mensagens : 9
Pontos : 19

http://gtaonline-brasil.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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