Mudar a cor deste local !

3 participantes

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

Tópico resolvido Mudar a cor deste local !

Mensagem por EDU2010 15.04.15 23:20

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Internet Explorer
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : sempre
Endereço do fórum : http://gestantesonline.forumeiros.com/forum

Descrição do problema

Mudar a cor deste local onde fica o menu , esta indicando na imagem qual local és !!!


Última edição por EDU2010 em 16.04.15 23:25, editado 1 vez(es)
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar a cor deste local !

Mensagem por Shaman 15.04.15 23:22

Olá, procure em seu CSS:
Código:
.navbar {
  background-color: #333!important;
  height: 40px!important;
}

Troque o #333 pela cor desejada.

Abs.
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar a cor deste local !

Mensagem por EDU2010 15.04.15 23:30

Legal e se eu querer colocar uma imagem tem como amigo ?
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar a cor deste local !

Mensagem por Shaman 15.04.15 23:40

Sim, troque o background-color por
Código:
background-image: url('URL_DA_IMAGEM');

Até mais! Muito feliz
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar a cor deste local !

Mensagem por EDU2010 16.04.15 0:00

Amigo não resultou mudar a cor com o codigo do css , não encontrei o que você me pediu ?


Att
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Mudar a cor deste local !

Mensagem por Shaman 16.04.15 0:01

Então é só adicionar em seu CSS:

Código:
.navbar {
  background-color: #333!important;
  height: 40px!important;
}

Se quiser com imagem adicione:

Código:
.navbar {
  background-image: url('URL_DA_IMAGEM');
  height: 40px!important;
}

Até mais!
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar a cor deste local !

Mensagem por EDU2010 16.04.15 0:11

Não resultou amigo !!!

Meu CSS:

Código:
/******** cor onde fica o menu **************/
.navbar {
  background-color:  #4b67a1!important;
  height: 40px!important;
}
/*********** fim cor onde fica o menu *************/
/*****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:#4b67a1}

.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 *******/
.navbar {
height: 40px !important;
background-color: #333333 !important;
}
/*fim******/


/******* WIDGET IGUAL FDF *********/

#left .module .h3, #left .module ul {
border-radius: 6px 5px 0 0!important;
}
#left .module .h3 {
background: url() #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 fim categoria ******/

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("http://assets2.thecreatorsproject.com/content-images/contentimage/no-slug/8abf28560156b8786c3c9142b8bbfb89.jpg");
    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: #1675bc;
}
/************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;
}

.forumbg {
border-radius: 5px;
background-color:  #4b67a1;
}
/* fim borda elegante */

/*** tirar parte azul dentro categorias***********/

.forumbg {
    background-image: url("http://i38.servimg.com/u/f38/15/95/44/80/sem_ty10.png");
    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 ********/
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar a cor deste local !

Mensagem por Shaman 16.04.15 3:14

Poderia me passar a imagem que quer colocar? Ou a cor no caso.

Até mais!
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Mudar a cor deste local !

Mensagem por Sennior 16.04.15 3:50

Saudações,

Insira o código abaixo no inicio de teu CSS Edu e veja se resulta:
Código:
.navbar {
  background: #333 url(linkaqui)!important;
  height: 40px!important;
}

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar a cor deste local !

Mensagem por EDU2010 16.04.15 23:24

Perfeito amigos , deu certo !!! Valeu
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2308
Pontos : 3631

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Mudar a cor deste local !

Mensagem por Sennior 16.04.15 23:25

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

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