Mudar cor desta area

4 participantes

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

Tópico resolvido Mudar cor desta area

Mensagem por EDU2010 04.10.17 22:54

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 ?

mudar - Mudar cor desta area  Sem_ty13
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor desta area

Mensagem por Alex 04.10.17 23:06

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:
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/
Alex

Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor desta area

Mensagem por EDU2010 05.10.17 4:31

A cor do menu não resultou com o primeiro código
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor desta area

Mensagem por Alex 05.10.17 12:02

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:
Código:
.navbar {
    background: none!important;
    height: 40px!important;
    background-color: #eb50d6!important;
}

Até! o/
Alex

Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor desta area

Mensagem por EDU2010 05.10.17 13:18

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
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor desta area

Mensagem por Kyo Panda 05.10.17 14:40

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 *****/

Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor desta area

Mensagem por EDU2010 05.10.17 15:28

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
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar cor desta area

Mensagem por Luiz 05.10.17 20:34

Olá,

Adicione ao final de sua CSS:
Código:
#wrap > #page-header > .navbar {
  background-image: none !important;
  background-color: #ff88c8 !important;
}

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor desta area

Mensagem por EDU2010 05.10.17 23:15

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

mudar - Mudar cor desta area  Sem_ty17
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Mudar cor desta area

Mensagem por Luiz 05.10.17 23:18

Olá novamente, Feliz

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/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor desta area

Mensagem por EDU2010 05.10.17 23:26

Luiz escreveu:Olá novamente, Feliz

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
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar cor desta area

Mensagem por Luiz 05.10.17 23:28

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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