Muda cor da barra da categoria
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Muda cor da barra da categoria
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:
Re: Muda cor da barra da categoria
|
Olá,
poderia tirar seu fórum da construção para mim fazer as modificações?
Até mais.
Re: Muda cor da barra da categoria
Olá,
coloque esse código no inicio da sua folha de CSS.
Resulta?
Até mais.
coloque esse código no inicio da sua folha de CSS.
- Código:
li.header dl.icon{background-color:#31E679!important;}
Resulta?
Até mais.
Re: Muda cor da barra da categoria
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.
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.
Re: Muda cor da barra da categoria
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?
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?
Re: Muda cor da barra da categoria
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:
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
}
Re: Muda cor da barra da categoria
Olá!
Adicione em sua CSS:
Atenciosamente,
Fraise.
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.
Re: Muda cor da barra da categoria
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?
Re: Muda cor da barra da categoria
Saudações,
troque sua CSS por esta:
Até mais.
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.
Re: Muda cor da barra da categoria
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Não muda a barra
» Queria muda a cor do titulo das minha categoria
» Barra do topico muda
» Alterar cor da barra de uma categoria
» Barra da categoria
» Queria muda a cor do titulo das minha categoria
» Barra do topico muda
» Alterar cor da barra de uma categoria
» Barra da categoria
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos