Muda cor da barra da categoria

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

Resolvido Muda cor da barra da categoria

Mensagem por Steve_. em 14/08/16, 11:02 am

Detalhes da questão


Endereço do fórum: http://gsf-npc.forumeiros.com.pt/
Versão do fórum: PhpBB3

Descrição


Eu Gostaria de mudar a cor da barra , para um verde mais claro mas não sei como fazer.

Não só a barra mas onde tem essa cor mudar tudo para um verde mais claro.

Podem me ajudar?

Barra:

avatar

Steve_.
Nível 8

Masculino
Inscrito dia : 14/08/2016
Mensagens : 103
Pontos Ativos : 163

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

Resolvido Re: Muda cor da barra da categoria

Mensagem por REVIEW em 14/08/16, 11:29 am

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá,
poderia tirar seu fórum da construção para mim fazer as modificações?

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

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

Resolvido Re: Muda cor da barra da categoria

Mensagem por Steve_. em 14/08/16, 11:32 am

Feito!
avatar

Steve_.
Nível 8

Masculino
Inscrito dia : 14/08/2016
Mensagens : 103
Pontos Ativos : 163

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

Resolvido Re: Muda cor da barra da categoria

Mensagem por REVIEW em 14/08/16, 11:35 am

Olá,
coloque esse código no inicio da sua folha de CSS.
Código:
li.header dl.icon{background-color:#31E679!important;}

Resulta?

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

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

Resolvido Re: Muda cor da barra da categoria

Mensagem por Steve_. em 14/08/16, 11:45 am

Mano , penso que você não entendeu meu pedido, eu quero por as barras toda daquela cor verde claro. mas só consegui colocar naqueles espaços :/.

Gostaria de colocar todo. Além disso quando coloquei esse código os botões de novo tópico entre outros desapareceram e não consigo colocar mensagens.
avatar

Steve_.
Nível 8

Masculino
Inscrito dia : 14/08/2016
Mensagens : 103
Pontos Ativos : 163

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

Resolvido Re: Muda cor da barra da categoria

Mensagem por Cepheus em 14/08/16, 12:15 pm

Explique melhor isso, você diz para "mudar onde tem essa cor"
Que cor?
Reveja sua primeira postagem, você não deixou nenhuma referência de cor, nem a área a ser alterada.
O print screen não mostra onde deve ser alterado. 
O verde claro em algumas partes do seu fórum não sei se é para clarear mais ou manter a cor e aplicar em outras áreas, pois na sua primeira postagem você diz: "mudar tudo para um verde mais claro" na segunda postagem "eu quero por as barras toda daquela cor verde claro".
Que barras seriam essas?
Não seria interessante marcar na screen as áreas que devem receber a cor?
E se necessário fornecer a cor desejada que gostaria de aplicar em seu fórum?
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Muda cor da barra da categoria

Mensagem por REVIEW em 14/08/16, 12:36 pm

Olá,
poderia mim passar sua folha de estilo CSS?

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

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

Resolvido Re: Muda cor da barra da categoria

Mensagem por Steve_. em 15/08/16, 06:55 am

Olá, irei enviar as áreas que eu quero mudar a cor:

Eu quero colocar tudo da cor q só consegui colocar no background.
Tá vendo aquele verde q só tem numa barra? Eu quero colocar esse verde em todas as barras.


Como eu gostaria que ficasse:




Minha folha estilo CSS:

Código:
li.header dl.icon{
background-color: #09de09;
}
li.row {
border-bottom: 4px solid #000;   
border-top: 0;
}
ul.topiclist dd, .row, .icon{
  border-width: 0;
}
.header h2{
 font-weight: bold;
}
.module span.corners-top {height: 13px;}
.header, .module span.corners-top{

color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
padding: 8px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;

border-radius: 4px;

-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;

overflow: hidden;
margin-bottom: 5px;
}
#chatbox_header{
  background: #FF19FF url('http://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
overflow: hidden;
margin-bottom: 5px;
}
#chatbox_footer{
  background: #FF19FF url('http://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
}
.forabg{
  background-color: #31E679 !important;
}
li.header dd, li.header dt{
  color:white;
}
h2{
  color:black
    font-weight:bold;
}
.forumbg thead {
background: #31E679 url('http://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
padding: 8px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
overflow: hidden;
margin-bottom: 5px;
}
ul.navlinks {
font-weight: 700;
text-align: center;
border: 1px solid
rgba(204, 204, 204, 0.44);
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}

ul.linklist li {
font-size: 1.0em;
list-style-type: none;
width: auto;
display: inline;
padding-left: 5px;
}

*::-moz-selection, ::selection, *::-webkit-selection, *::-o-selection, *::-ms-selection, *::-khtml-selection {
background:
rgba(255, 0, 0, 0.69);
color:
white;
}
.ro:hover{
 background-color: transparent;
}
*::-moz-scrollbar, ::scrollbar, *::-webkit-scrollbar, *::-o-scrollbar, *::-ms-scrollbar, *::-khtml-scrollbar{
-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
    border-radius: 10px;
  width: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  background:transparent;
}

*::-moz-scrollbar-thumb, ::scrollbar-thumb, *::-webkit-scrollbar-thumb, *::-o-scrollbar-thumb, *::-ms-scrollbar-thumb, *::-khtml-scrollbar-thumb{
 -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
li.row:hover {
background-color: white;
}
#message{
 -webkit-transition: width 0.6s ease-in-out;
  width: 184px;
}
#message:focus{
 width: 250px;
  outline: none;
}
input.button1, input.button2, button.button1, button.button2, a.button1, a.button2{
  background: #000000 url('http://i.imgur.com/WRLCG.png') repeat-x 0 0;
border-color: #31E679;
color: white;
text-shadow: #FFFFFF 0px -1px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
  height: 26px;
  padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
}
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies, #submit_button {
background: #FF19FF url(http://i.imgur.com/WRLCG.png) repeat-x 0px 0px;
color: white;
border-color: #FF19FF;
border-radius: 2px;
}
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover, #submit_button:hover {
background-color: #FF19FF;
color: white;
  background-image: none;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-color: #31E679;
color: white;
  background-image: none;
}
.fontbutton{
  border-width:1px;
}
.post {
  border: 1px solid
gainsboro;
border-radius: 10px;
margin-bottom: 10px;
}
.postprofile{
  border: 1px solid
gainsboro;
border-radius: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
}
dl.codebox dt {
  background-image: url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/page-code-icon.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
dl.codebox{
  border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}
ul.navlinks {
background-color: #31E679;
background-image: none;
background-repeat: repeat;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

color: #000000;
display: block;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 36px;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: static;
text-shadow: rgba(0, 0, 0, 0.296875) 0px -1px 0px;
width: auto;
}

.announcement{
  background-image: none;
  background-color: transparent;
}
#text_edit .button2, .button1{
  background-image: none;
background-color: transparent;
  color: black;
}
#divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active, #submit_button:active {
-webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px;
position: relative;
}
.postprofile {text-align: center;}
.post {border-top: 1px solid #000000;-webkit-border-radius: 1px!important;}
.row:hover {
border: 1px solid #000000 !important;
border-left: 4px solid #000000 !important;
border-right: 4px solid #000000 !important;
}
.row { border: 1px solid #31E679 !important; }

ul.linklist li a:hover {
    color: #000000!important;
}
#fa_ticker_block .module .inner .corners-top:nth-of-type(1) {
    display: none;
}
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto;  width: 330px; margin: 0; background: #FF19FF; color: #FF19FF; /* ©Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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);}
        .TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
        .TGlogin_form-float-div {background: url("http://i31.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
        .TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
        .TGlogin_form-float-div label em {color: #FF19FF;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
        .TGlogin_form-float-div input {border: 1px solid #FF19FF;height: 22px;width: 146px;}
        .TGlogin_form-float-div input.submit {background: url("http://i31.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #FF19FF;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #FF19FF;float: right;height: auto;width: auto;}
        .TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
        .TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#FF19FF;}
        .TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
        #TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #FF19FF;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
        #TGlogin_form .TGClose:active {color: #FF19FF !important;bottom: 2px;}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
 background: white;
 border: 3px solid #000000;
 box-shadow: 0px 0px 7px #000000;
  border-radius: 5px 5px 5px;
  padding: 4px;
}
.header, .module span.corners-top {
  padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #000000;
border-radius: 6px;
text-align: center;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #000000;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #000000;
padding: 9px 10px 10px;
}
#quick_reply input[name="post"],
#quick_reply input[name="Ir"],
#quick_reply input[name="preview"] {
  background: #31E679;
}
/* ------------------------- Colorir Nick ------------------------------- */
a[href="/u115"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)}
a[href="/u115"]{text-shadow:0 0 5px #FFFFFF}
/* ------------------------- Colorir Nick ------------------------------- */
a[href="/u1"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)}
a[href="/u1"]{text-shadow:0 0 5px #FFFFFF}

#page-header div.navbar {
height: 51px!important;
}
#page-header .navbar {
    background: rgba(181, 37, 255, 0)!important;
    border: none!important;
    margin: 0px -5px 0!important;
}
#page-header .navbar .corners-top, .navbar .corners-top span {
    background: transparent none repeat scroll 0% 0% !important;
}
a.mainmenu {
    background: url(http://i.imgur.com/TDcvFD6.png) repeat-x 0 45px;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 41px;
    padding: 0 12px;
    transition: 250ms;
}
#page-header a.mainmenu.fa_navactif, #page-header a.mainmenu:hover {
    background-position: 0 40px;
}
#search-box{display:none}

.h3,h3{
color: #000000
border-bottom: 1px solid #000000; 
}
a.forumtitle:hover{
color: #FF0000
}

avatar

Steve_.
Nível 8

Masculino
Inscrito dia : 14/08/2016
Mensagens : 103
Pontos Ativos : 163

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

Resolvido Re: Muda cor da barra da categoria

Mensagem por Fraise em 15/08/16, 09:44 am

Olá!

Adicione em sua CSS:
Código:
ul.navlinks {
    width: 101.8%;
    border-bottom: 4px solid #000;
    margin-left: -11px !important;
}

.forabg { padding: 0!important; }
li.header { height: 35px;    border-bottom: 4px solid #000;}

Atenciosamente,
Fraise.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Muda cor da barra da categoria

Mensagem por Steve_. em 16/08/16, 06:31 am

Sim obrigado funcionou, mas uma das coisas que eu estou pedindo desde o ínicio como eu mudo a cor dela? Para outro verde ? como na imagem que eu tinha mostrado acima?
avatar

Steve_.
Nível 8

Masculino
Inscrito dia : 14/08/2016
Mensagens : 103
Pontos Ativos : 163

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

Resolvido Re: Muda cor da barra da categoria

Mensagem por REVIEW em 16/08/16, 10:01 am

Saudações,
troque sua CSS por esta:
Código:
li.header dl.icon{
background-color: #00cd00!important;
}
li.row {
border-bottom: 4px solid #000;   
border-top: 0;
}
ul.topiclist dd, .row, .icon{
  border-width: 0;
}
.header h2{
 font-weight: bold;
}
.module span.corners-top {height: 13px;}
.header, .module span.corners-top{

color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
padding: 8px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;

border-radius: 4px;

-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;

overflow: hidden;
margin-bottom: 5px;
}
#chatbox_header{
  background: #FF19FF url('http://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
overflow: hidden;
margin-bottom: 5px;
}
#chatbox_footer{
  background: #FF19FF url('http://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
}
.forabg{
  background-color: #00cd00!important;
}
li.header dd, li.header dt{
  color:white;
}
h2{
  color:black
    font-weight:bold;
}
.forumbg thead {
background: #31E679 url('http://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
padding: 8px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
overflow: hidden;
margin-bottom: 5px;
}
ul.navlinks {
font-weight: 700;
text-align: center;
border: 1px solid
rgba(204, 204, 204, 0.44);
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}

ul.linklist li {
font-size: 1.0em;
list-style-type: none;
width: auto;
display: inline;
padding-left: 5px;
}

*::-moz-selection, ::selection, *::-webkit-selection, *::-o-selection, *::-ms-selection, *::-khtml-selection {
background:
rgba(255, 0, 0, 0.69);
color:
white;
}
.ro:hover{
 background-color: transparent;
}
*::-moz-scrollbar, ::scrollbar, *::-webkit-scrollbar, *::-o-scrollbar, *::-ms-scrollbar, *::-khtml-scrollbar{
-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
    border-radius: 10px;
  width: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  background:transparent;
}

*::-moz-scrollbar-thumb, ::scrollbar-thumb, *::-webkit-scrollbar-thumb, *::-o-scrollbar-thumb, *::-ms-scrollbar-thumb, *::-khtml-scrollbar-thumb{
 -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
li.row:hover {
background-color: white;
}
#message{
 -webkit-transition: width 0.6s ease-in-out;
  width: 184px;
}
#message:focus{
 width: 250px;
  outline: none;
}
input.button1, input.button2, button.button1, button.button2, a.button1, a.button2{
  background: #000000 url('http://i.imgur.com/WRLCG.png') repeat-x 0 0;
border-color: #31E679;
color: white;
text-shadow: #FFFFFF 0px -1px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
  height: 26px;
  padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
}
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies, #submit_button {
background: #FF19FF url(http://i.imgur.com/WRLCG.png) repeat-x 0px 0px;
color: white;
border-color: #FF19FF;
border-radius: 2px;
}
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover, #submit_button:hover {
background-color: #FF19FF;
color: white;
  background-image: none;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-color: #31E679;
color: white;
  background-image: none;
}
.fontbutton{
  border-width:1px;
}
.post {
  border: 1px solid
gainsboro;
border-radius: 10px;
margin-bottom: 10px;
}
.postprofile{
  border: 1px solid
gainsboro;
border-radius: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
}
dl.codebox dt {
  background-image: url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/page-code-icon.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
dl.codebox{
  border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}
ul.navlinks {
background-color: #00cd00!important;
background-image: none;
background-repeat: repeat;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

color: #000000;
display: block;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 36px;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: static;
text-shadow: rgba(0, 0, 0, 0.296875) 0px -1px 0px;
width: auto;
}

.announcement{
  background-image: none;
  background-color: transparent;
}
#text_edit .button2, .button1{
  background-image: none;
background-color: transparent;
  color: black;
}
#divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active, #submit_button:active {
-webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 3px;
position: relative;
}
.postprofile {text-align: center;}
.post {border-top: 1px solid #000000;-webkit-border-radius: 1px!important;}
.row:hover {
border: 1px solid #000000 !important;
border-left: 4px solid #000000 !important;
border-right: 4px solid #000000 !important;
}
.row { border: 1px solid #31E679 !important; }

ul.linklist li a:hover {
    color: #000000!important;
}
#fa_ticker_block .module .inner .corners-top:nth-of-type(1) {
    display: none;
}
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto;  width: 330px; margin: 0; background: #FF19FF; color: #FF19FF; /* ©Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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);}
        .TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
        .TGlogin_form-float-div {background: url("http://i31.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
        .TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
        .TGlogin_form-float-div label em {color: #FF19FF;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
        .TGlogin_form-float-div input {border: 1px solid #FF19FF;height: 22px;width: 146px;}
        .TGlogin_form-float-div input.submit {background: url("http://i31.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #FF19FF;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #FF19FF;float: right;height: auto;width: auto;}
        .TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
        .TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#FF19FF;}
        .TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
        #TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #FF19FF;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
        #TGlogin_form .TGClose:active {color: #FF19FF !important;bottom: 2px;}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
 background: white;
 border: 3px solid #000000;
 box-shadow: 0px 0px 7px #000000;
  border-radius: 5px 5px 5px;
  padding: 4px;
}
.header, .module span.corners-top {
  padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #000000;
border-radius: 6px;
text-align: center;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #000000;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #000000;
padding: 9px 10px 10px;
}
#quick_reply input[name="post"],
#quick_reply input[name="Ir"],
#quick_reply input[name="preview"] {
  background: #31E679;
}
/* ------------------------- Colorir Nick ------------------------------- */
a[href="/u115"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)}
a[href="/u115"]{text-shadow:0 0 5px #FFFFFF}
/* ------------------------- Colorir Nick ------------------------------- */
a[href="/u1"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)}
a[href="/u1"]{text-shadow:0 0 5px #FFFFFF}

#page-header div.navbar {
height: 51px!important;
}
#page-header .navbar {
    background: rgba(181, 37, 255, 0)!important;
    border: none!important;
    margin: 0px -5px 0!important;
}
#page-header .navbar .corners-top, .navbar .corners-top span {
    background: transparent none repeat scroll 0% 0% !important;
}
a.mainmenu {
    background: url(http://i.imgur.com/hIgPEv8.png) repeat-x 0 45px;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 41px;
    padding: 0 12px;
    transition: 250ms;
}
#page-header a.mainmenu.fa_navactif, #page-header a.mainmenu:hover {
    background-position: 0 40px;
}
#search-box{display:none}

.h3,h3{
color: #000000
border-bottom: 1px solid #000000; 
}
a.forumtitle:hover{
color: #FF0000
}

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

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

Resolvido Re: Muda cor da barra da categoria

Mensagem por Steve_. em 16/08/16, 10:20 am

Funcionou obrigado Feliz
avatar

Steve_.
Nível 8

Masculino
Inscrito dia : 14/08/2016
Mensagens : 103
Pontos Ativos : 163

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

Resolvido Re: Muda cor da barra da categoria

Mensagem por REVIEW em 16/08/16, 10:23 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

Ver perfil do usuário http://ceudasart.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