Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá,
Pessoa, estou querendo mudar a cor dos links e dos títulos do tema do meu blog.
Usei o firebug do mozilla e identifiquei que o arquivo CSS que cuida dessa parte se chama "style-red.css".
Fiz um teste de mudança de cor de link para verde (Estava vermelho)
Como era antes:
http://img823.imageshack.us/img823/893/paginacerta.jpg
Ficou desse jeito:
http://img43.imageshack.us/img43/6584/paginasbug.jpg
A cor do link mudou, mas, bugou o resto da página inteira.
Tema:
WP Premium (free version)
Por R.BhaveshVersão 2.0
http://rbhavesh.com/
Se puderem ajudar.
Muito obrigado!
01-red.css linha 10
a {
color: #B30000;
text-decoration: underline;
}01-red.css linha 17
h1 a, h3 a, #content h3 a {
color:#B30000;
}01-red.css linha 89
#content a {
color:#B30000;
}Alterando o valor (#B30000) de color, você já consegue o resultado desejado.
(Por favor, na próxima vez poste o código CSS ou o link para o tema.)
Opa, desculpa, mesmo!
Fiz as modificações que você informou, deu tudo certo, mas algumas coisas ainda ficaram na cor vermelha.
/ RED Color scheme inspiration with thanks from - Cameron Moll's http://authenticjobs.com/ /
body { background: #443b34 url(../images/body-bg_red.gif) repeat; color: #333; }
hr { color: #fff; border-top: 1px dotted #D3D3D3; }
blockquote { background: url(../images/quote.gif) no-repeat; color: #666; }
/*************************************
Links
**************************************/
a { color: #9da443; text-decoration:underline; }
a:hover { color: #333; }
/*************************************
Headings
**************************************/
h1, h3 { color: #570e00; }
h1 a, h3 a, #content h3 a { color: #9da443; }
h1 a:hover, h3 a:hover, #content h3 a:hover { color: #333; }
h2 { color: #570e00; }
h2 a { color: #570e00; }
h2 a:hover { color: #333; }
h3 a { color: #333; }
#sidebar h2 { color: #b30000; border-bottom:1px solid #b8b7af; }
#sidebar .popular h2 { color: #333; }
#sidebar h3 { border-bottom:1px dotted #a09e8c; color:#b30000; }
h6 { color: #000; }
/*************************************
Header
**************************************/
#header { background:url(../images/headerbg_red.gif) repeat-x; }
#header-in .title a { color: #e8e5cc; }
#header-in .title a:hover { color: #FFF; }
#header-in .description { color: #d27318; }
/*************************************
Subscribe form
**************************************/
.subscribe { background:url(../images/subscribebg_red.gif) bottom left no-repeat; }
.subscribeform p { color:#fff; }
.subscribeform .input { background:none; border:none; }
.sbutton { background:url(../images/b_subscribebg_red.png) no-repeat; border:none; }
/*************************************
Top Search Form
**************************************/
/Search box Rounded Corner start /
#xsnazzy { background: transparent; }
.xtop, .xbottom { background:transparent; overflow:hidden; }
.xb2, .xb3, .xb4 { background:#f4f3e8; border-left:1px solid #bdbcb6; border-right:1px solid #bdbcb6; }
.xb1 { background:#bdbcb6; }
.xb2 { border-width:0 2px; }
.xboxcontent { background:#f4f3e8; border:0 solid #bdbcb6; border-width:0 1px; height:100%; overflow:hidden; }
/Search box Rounded Corner End /
#searchform .s { background: #fff; color: #333; border:1px solid #443b34; }
#searchform .button { background:#688670 url(../images/button-submit.gif) no-repeat; }
ul.tablist { color:#333; }
ul.tablist li { border-bottom:1px dotted #959595; color: #333; background:url(../images/bullet-arrow3.gif) no-repeat; background-position:3px 8px; }
ul.tablist li a { color: #333; }
ul.tablist li a:hover { color: #b30000; }
#searchform .s { border: none; background: #fff; color: #333; border:1px solid #443b34; }
#nav li { background: url(../images/nav_red.gif) top left no-repeat; }
#nav ul li:hover, #nav ul li.hover, #nav ul li.current_page_item { background: url(../images/nav-active_red.gif) top left no-repeat; color: #ff4e2c; }
#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a { color: #fff; background: url(../images/nav-active_red.gif) top right no-repeat; }
#nav ul li a { color: #560e00; background: url(../images/nav_red.gif) top right no-repeat; }
#nav ul li a:hover { color: #fff; background: url(../images/nav-active_red.gif) top right no-repeat; }
/*************************************
Main Container
**************************************/
#container { background:url(../images/container-cbg_red.gif) top repeat-y; border: 0px solid black; }
.container-top { background:url(../images/container-bg_red.gif) top left no-repeat; }
.container-bottom { background: url(../images/container-bottom_red.gif) no-repeat; }
/*************************************
Content
**************************************/
#content .post-meta-top { color: #3b3b3b; }
#content p img { border:none; }
#content .post-bottom { border-top: 1px solid #DFE3E6; border-bottom: 1px solid #DFE3E6; color: #535353; font-size:11px; }
#content .post-bottom a { color:#535353; text-decoration:none; font-weight:bold; }
#content .post-bottom a:hover { text-decoration:underline; }
.cat { background: url(../images/i_categories.png) 0px 2px no-repeat; }
.comm { background:url(../images/comment_red.png) no-repeat; }
#content a { color: #9da443; }
#content a:hover { color: #333;}
.nav-next { background:url(../images/arrow-right.gif) no-repeat right; }
.nav-previous { background:url(../images/arrow-left.gif) no-repeat left; }
/ Contact form --------------------------------- /
#content .contactright { color:#990000; }
.contacterror { border: 2px solid #ccc; }
.contactright input, textarea { border:1px solid #ccc; }
#contactsubmit { background:#990000; color:#fff; border:none; }
#contactsubmit:hover { background:#333; }
/*************************************
Popular Posts Section
**************************************/
#pxsnazzy { background: transparent; }
.pxtop, .pxbottom {background:transparent; }
.pxb2, .pxb3, .pxb4 { background:#d8d7cc; border-left:1px solid #bdbcb6; border-right:1px solid #bdbcb6; }
.pxb1 { background:#bdbcb6; }
.pxb2 { border-width:0 2px; }
.pxboxcontent { background:#d8d7cc; border:0 solid #bdbcb6; border-width:0 1px; }
/Twitter box Rounded Corner start /
#txsnazzy { background: transparent; }
.txtop, .txbottom {background:transparent; }
.txb2, .txb3, .txb4 { background:#fffbcb; border-left:1px solid #bdbcb6; border-right:1px solid #bdbcb6; }
.txb1 { background:#bdbcb6; }
.txb2 { border-width:0 2px; }
.txboxcontent { background:#fffbcb; border:0 solid #bdbcb6; border-width:0 1px; }
#txsnazzy .popular ul li ul li a:hover { color:#333; }
#txsnazzy .popular ul li ul li a { color:#b30000; }
/*************************************
Sidebar
**************************************/
#sidebar .advertise img { border:none; }
/popular box Rounded Corner End /
.popular ul li ul li { border-bottom: 1px dotted #b8b7af; background: url(../images/bullet-arrow3.gif) 0 9px no-repeat; }
.popular ul li ul li a { color: #333; }
.popular ul li ul li a:hover { color:#b30000; }
#sidebar h2.i_twitter { background:url(../images/i_twitter.gif) no-repeat; padding-left:35px; }
#l_sidebar ul li ul li, #r_sidebar ul li ul li { border-bottom: 1px dotted #b8b7af; background: url(../images/bullet-arrow3.gif) 0 10px no-repeat; }
#l_sidebar ul li ul li a, #r_sidebar ul li ul li a { color: #333; }
#l_sidebar ul li ul li a:hover, #r_sidebar ul li ul li a:hover { color:#b30000; }
#l_sidebar ul li ul li ul li, #r_sidebar ul li ul li ul li { border-bottom: 1px solid #b8b7af; /IE Bug Fix / background:none; }
#l_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a { color: #333; }
#l_sidebar ul li ul li ul, #r_sidebar ul li ul li ul { border: none; }
/*************************************
Footer
**************************************/
#footer { color: #787878; }
.copyright a { color: #787878; }
.copyright a:hover { color: #000; }
ul#nav-footer li a { color: #b30000; }
ul#nav-footer li a:hover { color: #333; }
/ Tabber Style start -------------------- /
ul.tabbernav li a { border-bottom: none; background: #f4f3e8; }
ul.tabbernav li a:link { color: #b30000; }
ul.tabbernav li a:hover { color: #fff; background: #333; }
ul.tabbernav li.tabberactive a { background-color: #d8d7cc; border-bottom: 1px solid #d8d7cc; color:#30261e; }
ul.tabbernav li.tabberactive a:hover { color: #30261e; background:#d8d7cc; border-bottom:none; }
/---- tabbertab = the tab content---------------------/
.tabberlive .tabbertab { border-top:0; background:#d8d7cc; }
Como vocês podem ver no lado superior direito: Sobre mim
Os "Busca, arquivos e categorias"
E la embaixo: "Categorias e comentários recentes".
E o rodapé da página.
Att,
Lucas Leite
01-red.css linha 124 (caso use o Twitter do template)
#txsnazzy .popular ul li ul li a {
color:#b30000;
}ul#nav-footer li a {
color: #b30000;
}01-red.css linha 163
ul.tabbernav li a:link {
color: #B30000;
}:hover (caso queira)
01-red.css linha 63
ul.tablist li a:hover {
color: #b30000;
}01-red.css linha 135
.popular ul li ul li a:hover {
color:#b30000;
}#l_sidebar ul li ul li a:hover, #r_sidebar ul li ul li a:hover {
color:#b30000;
}E se quiser trocar a cor dos títulos, que também estão em vermelho hexadecimal, é só procurar por #b30000 no código 01-red.css e substituir pela cor desejada. Os que restaram são de headings (títulos — h1, h2, h3...). :bye:
A pagina voltou a ter o bug do primeiro post (background foi deletado) ):
O blog é http://www.doutorlogotipo.com.br/blog/ caso queiram ver como ficaram as modificações que deram certo
O blog é http://www.doutorlogotipo.com.br/blog/ caso queiram ver como ficaram as modificações que deram certo
Obrigada por postar o link.
Tentei pelo Firebug, como tinha dito anteriormente, e consegui alterar todas as cores com sucesso. Não estou duvidando, mas certifique-se que alterou corretamente.
Eu fiz apenas uma mudança de teste, a mudança da cor do lado direito "Busca, Arquivos e Categorias" mudou de cor, mas deu o erro que eu comentei.
http://www.doutorlogotipo.com.br/print.jpg
Usei o código:
ul.tabbernav li a:link {
color: #B30000;
}Att,
Lucas Leite
Fiz um root no site pelo dreamweaver e depois coloquei no ar e deu certo
Cara coloca ai o código do css para nós ver aqui blZ?