Mudar cor desta area
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
Mudar cor desta area
Detalhes da questão
Endereço do fórum: http://gestantesonline.forumeiros.com/
Versão do fórum: phpBB3
Descrição
Como mudar a cor desta area de exemplo na imagem ?
Re: Mudar cor desta area
Olá.
A área da primeira seta chama-se navbar ou menu. Para mudar a cor deve utilizar este código na sua folha de estilos CSS:
------------
Para mudar a segunda seta, que se chama header dos módulos, coloque este código na sua folha de estilos CSS:
Até! o/
A área da primeira seta chama-se navbar ou menu. Para mudar a cor deve utilizar este código na sua folha de estilos CSS:
- Código:
#page-header .navbar {
background-color: [CÓDIGO DA COR AQUI]!important;
}
------------
Para mudar a segunda seta, que se chama header dos módulos, coloque este código na sua folha de estilos CSS:
- Código:
#left .module .h3 {
background-color: [CÓDIGO DA COR AQUI]!important;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 700;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -5px!important;
padding: 7px!important;
text-align: center!important;
}
Até! o/
Re: Mudar cor desta area
Olá.
Certo, eu gostaria que me passa-se a sua folha de estilos CSS, mas entretanto troque o primeiro código que passei pelo seguinte código na sua folha:
Até! o/
Certo, eu gostaria que me passa-se a sua folha de estilos CSS, mas entretanto troque o primeiro código que passei pelo seguinte código na sua folha:
- Código:
.navbar {
background: none!important;
height: 40px!important;
background-color: #eb50d6!important;
}
Até! o/
Re: Mudar cor desta area
- Código:
/**avatar****/
.fa_avatar {
width: 15px;
height: 15px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
/*****avatar nas ultimas mensagens postadas *******/
form#quick_reply #textarea_content textarea#text_editor_textarea {background-image: url()!important;}
#page-header .navbar{background-color:#54aaf5}
.headerbar {background-image: url()!important;background-repeat: repeat!important;}
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
background-color: #E4F4FC;
}
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('http://2img.net/i/fa/prosilver/icon_user_online_en.png');
}
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
height: expression(this.parentNode.offsetHeight - this.offsetTop);
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #fffffF;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://2img.net/i/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}
/**Menu personalizado - Criado por danielmendes e modificado por spoiler**/
#page-header .navbar ul.linklist li a{
font-family: goudy old style;
text-decoration: none !important;
color: #ffffff;
font-size: 14px;
word-spacing: 0px !important;
height: 50px;
display: inline-block;
}
a.mainmenu:hover{background:url()
no-repeat,url(http://i.imgur.com/irFFqvg.png) top center no-repeat}
/**Caixa de busca por SUPERO**/
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url() no-repeat center;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}
#page-header #search-box {
position: absolute;
top: -20px;
right: 3%;
}
/**Efeito do profile**/
#tabs a {
background-color: #8BBFE6;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
margin: 0 1px;
}
/*****cor titulo nas categorias **********/
l.table-title, .table-title h2 {
color: rgb(255, 255, 255);
font-family: Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1em;
margin: 2px 0px 4px;
padding-bottom: 2px;
padding-top: 2px;
text-transform: uppercase;
text-align: center !important;
font-weight: 800;
position: relative;
left: 183px;
}
/fim**/
/*cor menu ****/
/*** WIDGET IGUAL FDF ***/
#left .module .h3, #left .module ul {
border-radius: 6px 5px 0 0!important;
}
#left .module .h3 {
background: url(https://i11.servimg.com/u/f11/18/46/61/47/sem_ty10.png) #3B5998;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -5px!important;
padding: 7px!important;
text-align: center!important;
}
#left .module .inner {
padding-left: 9px;
padding-right: 9px;
}
#content-container div#left {
background: none repeat scroll 0 0!important;
/* border: 0 none!important; */
overflow: visible!important;
padding: 1px 1px 10px!important;
width: 350px!important;
}
#content-container div#left {
float: left;
margin-right: 12px;
overflow: hidden;
width: 350px;
}
.module {
border: 0 none!important;
font-size: 100%!important;
margin: 0!important;
outline: 0 none!important;
padding: 0!important;
}
#left .module {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png) repeat-x center bottom #E5F1F9;
border-color: #315C99 #b9c4cd #b9c4cd!important;
border-radius: 6px 6px 3px 3px!important;
border-style: solid!important;
border-width: 0 1px 1px!important;
}
/***fim widegt como FDF ****/
/**rodapé fdf ****/
#page-footer .navbar {
background: none repeat-x scroll center bottom #1775bd;
border: 1px solid;
border-bottom-right-radius: 12px;
border-color: #4ca0ce #155d98 #155d98;
border-top: 0;
border-top-left-radius: 12px;
clear: both;
padding: 0;
}
ul.linklist li.footer-home {
float: left;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.linklist.clearfix {
color: #fff;
padding-right: 10px;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
ul.linklist li.rightside {
float: right;
}
.rightside, .rightside a, div.navbar ul.linklist li.rightside strong a {
color: #FFF;
}
.icon-home {
background: url(http://i.imgur.com/ZFXEi.png) no-repeat 3px -5px transparent;
color: rgba(0,0,0,0)!important;
float: left;
font-size: 0!important;
height: 44px!important;
margin-left: 17px!important;
margin-right: 30px!important;
padding-right: 0!important;
position: absolute;
width: 44px!important;
}
/**fim rodapé ***/
/**caixa numeros de mensagens ***/
li.row dd.topics, li.row dd.posts, li.row dd.views {
background: url(http://i.imgur.com/640EJpR.png) no-repeat left top;
height: 36px;
font-size: 16px;
font-weight: bold;
color: #183853;
font-family: Arial, Helvetica, sans-serif;
line-height: 15px;
padding: 6px 0 0 7px !important;
text-align: center!important;
width: 64px;
}
ul.topiclist dfn {
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #0658b0;
display: block;
}
/** fim caixa ***/
/***cores acerto fim ****/
#chatbox:after {
background: #F5FFF6 url();
border: 1px solid #D3EED5;
color: #1F691C;
content: 'É proibido fazer perguntas referente a pássaros no Chat , use o Fórum para tirar suas dúvidas ';
display: block;
font-size: 12px;
line-height: 1.6;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
/**** Categoria so parte de cima ********/
.forabg {
background-image: url("https://i11.servimg.com/u/f11/18/46/61/47/sem_ty10.png");
background-position: 0px 0px;
background-repeat: repeat-x;
border: 2px solid #FFF;
clear: both;
margin-bottom: 4px;
padding: 0px 0px;
}
.post {
border-radius: 5px!important;
}
.forabg {
border-radius: 10px;
background-color: ;
}
/*****fim cat parte cima *****/
/*separadores de fóruns */
li.row {
border-bottom: 1px solid rgb(185, 196, 205);
}
li.row.row1 {
border-bottom: 1px solid rgb(185, 196, 205);
}
li.row.row2 {
border-bottom: 1px solid rgb(185, 196, 205);
}
/*fim separadores de foruns */
/* boarda forum elegante */
#wrap {
-webkit-box-shadow: rgba(255, 255, 255, 0.168627) 0px 0px 0px 7px;
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_wrap.png) 50% 100% repeat-x rgb(251, 251, 251);
box-shadow: rgba(255, 255, 255, 0.168627) 0px 0px 0px 7px;
margin: 0px auto;
}
/* fim borda elegante */
/* tirar parte azul dentro categorias*****/
.forumbg {
background-image: url("");
background-position: 0px 0px !important;
background-repeat: repeat-x !important;
border-radius: 10px !important;
clear: both !important;
margin-bottom: 4px !important;
padding: 0px !important;
border: 1px solid #B9C4CD !important;
}
/** fim azul **/
/***contorno cinza FDF**/
ul.forums {
border: 1px solid #b9c4cd !important;
}
/** fim ****/
.navbar {
background: #333 url(http://i19.servimg.com/u/f19/15/98/91/46/sem_ty25.png)!important;
height: 40px!important;
}
/***slide alianças **/
#left .module {
position: relative;
}
#rotator1495736143491 a {
left: 50%;
transform: translate(-50%);
}
//***fim alianças *****//
Oi ai esta minha CSS , obrigado
Re: Mudar cor desta area
Troque por esse:
- Código:
/**avatar****/
.fa_avatar {
width: 15px;
height: 15px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
/*****avatar nas ultimas mensagens postadas *******/
form#quick_reply #textarea_content textarea#text_editor_textarea {background-image: url()!important;}
#page-header .navbar{background-color:#54aaf5}
.headerbar {background-image: url()!important;background-repeat: repeat!important;}
em{
font-style: normal;
}
blockquote blockquote {
background-color: #E4F4FC;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
blockquote blockquote blockquote {
background-color: #E4F4FC;
}
blockquote cite {
font-style: normal;
font-weight: bold;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
}
.post {
background-image: url('http://i34.servimg.com/u/f34/12/44/72/18/offl10.png');
background-repeat: no-repeat;
background-position: 100% 0%;
}
.online {
background-image: url('http://2img.net/i/fa/prosilver/icon_user_online_en.png');
}
.post {
border:1px solid #48829c;
}
ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
#login_popup_background div.h3 {
color: #FFFFFF;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
color: #FFFFFF;
font-weight: bold;
text-align: center !important;
}
#login_popup_background {
color: #FFFFFF;
text-align: center;
width: 479;
height: 248;
background-image: url('http://i62.servimg.com/u/f62/13/72/85/95/imagem15.jpg');
background-color: #000000;
}
body.chatbox {
background-color: #E6E6E6;
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
background-repeat: no-repeat;
background-position: 100% 0%;
}
#chatbox_footer, #chatbox_footer label {
background-color: #E6E6E6;
color: #000000;
}
#chatbox_footer{
border: 1px solid #cccccc;
}
.chatbox_row_1 {
display: none;
}
.chatbox-title, .chatbox-title a.chat-title {
background-color: #E6E6E6;
color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #000000 !important;
}
#chatbox_members, #chatbox_members ul, #chatbox_members ul li {
background-image: url('http://img76.imageshack.us/img76/6268/imagemifr.jpg');
}
#chatbox_members {
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
background-color: #E6E6E66;
color: #000000;
}
.chatbox-title a.chat-title {
color: #000000;
}
#chatbox, .chatbox {
border: 1px solid #cccccc;
}
#chatbox_header {
background-color: #E6E6E6;
}
#info {
overflow: visible;
width: 100%;
position: fixed;
z-index:2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
top: 0;
left: 0;
}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
width:100%;
clear: both;
color: InfoText;
background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
padding: .10em .3em .10em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}
#infobar a:hover {
color: HighlightText;
background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
}
#viewplot {
width: 100%;
overflow-x: hidden;
overflow-y: scroll;
padding: 1em;
}
li.row:hover {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote div {
background-color: bleck;
color: #fffffF;
}
blockquote blockquote {
background-color: bleck;
color: #CD853F;
}
blockquote {
background-color: bleck;
}
.content blockquote {
color: #BEBEBE;
}
headerbar {
background-color: #1675bc !important;
}
blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://2img.net/i/fa/admin/icones/help_pt.png);
background-repeat: no-repeat;
background-position: bottom right;
}
/**Menu personalizado - Criado por danielmendes e modificado por spoiler**/
#page-header .navbar ul.linklist li a{
font-family: goudy old style;
text-decoration: none !important;
color: #ffffff;
font-size: 14px;
word-spacing: 0px !important;
height: 50px;
display: inline-block;
}
a.mainmenu:hover{background:url()
no-repeat,url(http://i.imgur.com/irFFqvg.png) top center no-repeat}
/**Caixa de busca por SUPERO**/
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url() no-repeat center;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}
#page-header #search-box {
position: absolute;
top: -20px;
right: 3%;
}
/**Efeito do profile**/
#tabs a {
background-color: #8BBFE6;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
margin: 0 1px;
}
/*****cor titulo nas categorias **********/
l.table-title, .table-title h2 {
color: rgb(255, 255, 255);
font-family: Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1em;
margin: 2px 0px 4px;
padding-bottom: 2px;
padding-top: 2px;
text-transform: uppercase;
text-align: center !important;
font-weight: 800;
position: relative;
left: 183px;
}
/*fim**/
/*cor menu ****/
/*** WIDGET IGUAL FDF ***/
#left .module .h3, #left .module ul {
border-radius: 6px 5px 0 0!important;
}
#left .module .h3 {
background: url(https://i11.servimg.com/u/f11/18/46/61/47/sem_ty10.png) #3B5998;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -5px!important;
padding: 7px!important;
text-align: center!important;
}
#left .module .inner {
padding-left: 9px;
padding-right: 9px;
}
#content-container div#left {
background: none repeat scroll 0 0!important;
/* border: 0 none!important; */
overflow: visible!important;
padding: 1px 1px 10px!important;
width: 350px!important;
}
#content-container div#left {
float: left;
margin-right: 12px;
overflow: hidden;
width: 350px;
}
.module {
border: 0 none!important;
font-size: 100%!important;
margin: 0!important;
outline: 0 none!important;
padding: 0!important;
}
#left .module {
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png) repeat-x center bottom #E5F1F9;
border-color: #315C99 #b9c4cd #b9c4cd!important;
border-radius: 6px 6px 3px 3px!important;
border-style: solid!important;
border-width: 0 1px 1px!important;
}
/***fim widegt como FDF ****/
/**rodapé fdf ****/
#page-footer .navbar {
background: none repeat-x scroll center bottom #1775bd;
border: 1px solid;
border-bottom-right-radius: 12px;
border-color: #4ca0ce #155d98 #155d98;
border-top: 0;
border-top-left-radius: 12px;
clear: both;
padding: 0;
}
ul.linklist li.footer-home {
float: left;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.linklist.clearfix {
color: #fff;
padding-right: 10px;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
ul.linklist li.rightside {
float: right;
}
.rightside, .rightside a, div.navbar ul.linklist li.rightside strong a {
color: #FFF;
}
.icon-home {
background: url(http://i.imgur.com/ZFXEi.png) no-repeat 3px -5px transparent;
color: rgba(0,0,0,0)!important;
float: left;
font-size: 0!important;
height: 44px!important;
margin-left: 17px!important;
margin-right: 30px!important;
padding-right: 0!important;
position: absolute;
width: 44px!important;
}
/**fim rodapé ***/
/**caixa numeros de mensagens ***/
li.row dd.topics, li.row dd.posts, li.row dd.views {
background: url(http://i.imgur.com/640EJpR.png) no-repeat left top;
height: 36px;
font-size: 16px;
font-weight: bold;
color: #183853;
font-family: Arial, Helvetica, sans-serif;
line-height: 15px;
padding: 6px 0 0 7px !important;
text-align: center!important;
width: 64px;
}
ul.topiclist dfn {
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #0658b0;
display: block;
}
/** fim caixa ***/
/***cores acerto fim ****/
#chatbox:after {
background: #F5FFF6 url();
border: 1px solid #D3EED5;
color: #1F691C;
content: 'É proibido fazer perguntas referente a pássaros no Chat , use o Fórum para tirar suas dúvidas ';
display: block;
font-size: 12px;
line-height: 1.6;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
/**** Categoria so parte de cima ********/
.forabg {
background-image: url("https://i11.servimg.com/u/f11/18/46/61/47/sem_ty10.png");
background-position: 0px 0px;
background-repeat: repeat-x;
border: 2px solid #FFF;
clear: both;
margin-bottom: 4px;
padding: 0px 0px;
}
.post {
border-radius: 5px!important;
}
.forabg {
border-radius: 10px;
}
/*****fim cat parte cima *****/
/*separadores de fóruns */
li.row {
border-bottom: 1px solid rgb(185, 196, 205);
}
li.row.row1 {
border-bottom: 1px solid rgb(185, 196, 205);
}
li.row.row2 {
border-bottom: 1px solid rgb(185, 196, 205);
}
/*fim separadores de foruns */
/* boarda forum elegante */
#wrap {
-webkit-box-shadow: rgba(255, 255, 255, 0.168627) 0px 0px 0px 7px;
background: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_wrap.png) 50% 100% repeat-x rgb(251, 251, 251);
box-shadow: rgba(255, 255, 255, 0.168627) 0px 0px 0px 7px;
margin: 0px auto;
}
/* fim borda elegante */
/* tirar parte azul dentro categorias*****/
.forumbg {
background-image: url("");
background-position: 0px 0px !important;
background-repeat: repeat-x !important;
border-radius: 10px !important;
clear: both !important;
margin-bottom: 4px !important;
padding: 0px !important;
border: 1px solid #B9C4CD !important;
}
/** fim azul **/
/***contorno cinza FDF**/
ul.forums {
border: 1px solid #b9c4cd !important;
}
/** fim ****/
.navbar {
background: #333 url(http://i19.servimg.com/u/f19/15/98/91/46/sem_ty25.png)!important;
height: 40px!important;
}
/***slide alianças **/
#left .module {
position: relative;
}
#rotator1495736143491 a {
left: 50%;
transform: translate(-50%);
}
/***fim alianças *****/
Re: Mudar cor desta area
Troquei mais não resultou , o menu que esta em azul a cor não muda . Referindo na imagem de exemplo o local da primeira seta
Re: Mudar cor desta area
Olá,
Adicione ao final de sua CSS:
o/
Adicione ao final de sua CSS:
- Código:
#wrap > #page-header > .navbar {
background-image: none !important;
background-color: #ff88c8 !important;
}
o/
Re: Mudar cor desta area
Ola amigos resultou porém dentro das categorias naquela parte que separa os Tópico do Anuncios Global , Fixo e outros esta sem a cor , fica trasnparente , queria por a cor também me refiro a este local da imagem mais ressaltando dentro das categorias
Re: Mudar cor desta area
Olá novamente,
Adicione mais esta peça ao final de sua CSS:
O resultado esperado é esse:
-> http://prntscr.com/gtsuj0
o/
Adicione mais esta peça ao final de sua CSS:
- Código:
.forumbg {
overflow: hidden;
}
.forumbg .inner .header {
background-color: #ff69b4;
margin-top: -7px;
padding: 9px 5px 0 5px;
}
O resultado esperado é esse:
-> http://prntscr.com/gtsuj0
o/
Re: Mudar cor desta area
Luiz escreveu:Olá novamente,
Adicione mais esta peça ao final de sua CSS:
- Código:
.forumbg {
overflow: hidden;
}
.forumbg .inner .header {
background-color: #ff69b4;
margin-top: -7px;
padding: 9px 5px 0 5px;
}
O resultado esperado é esse:
-> http://prntscr.com/gtsuj0
o/
Obrigado , resultou . Até mais
Re: Mudar cor desta area
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
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