Mudar cor do Template

  • Kalex
  • Avatar de Kalex Autor do Tópico
  • Offline
  • JCB! Senior
  • JCB! Senior
Mais
14 anos 7 meses atrás #44377 por Kalex
Kalex created the topic: Mudar cor do Template
Galera andei um tempo fora pois estava resolvendo minha vida profissional
e agora preciso resolver um problema

tô desenvolvendo um site em joomla e meu cliente não gostou da cor do template como posso fazer para alterar as cores do menu, fundo texto enfim mudar tudo

Aguardo

Please Entrar ou Registrar to join the conversation.


Mais
14 anos 7 meses atrás #44386 por Kleberson Kavalo
Kleberson Kavalo replied the topic: Re: Mudar cor do Template

Por Kleberson Rocha escreveu: É só alterar o CSS que fica dentro do diretório: ./<Raiz>/template/[Seu Template]/CSS/...
Faça uma cópia de segurança antes, como precaução e altere linha por linha, testando cada resultado, ...caso não alcance o "formato" desejado, volte o HexaDecimal anterior e assim por diante, até configurar o site do seu jeito (ou melhor, no formato desejado pelo Cliente).
...Simples assim!



Para os Leigos em CSS - Folha de Estilo, segue uma "aulinha":

Por Ronildo Costa escreveu: ...Vou colocar algumas dicas de css para melhorar a aparência de algumas coisinhas no joomla.
Pra quem sabe css isso não importa muito, pois são técnicas já utilizadas na construção de um layout, porém para quem tem pouco conhecimento de css, acredito que será algo que ajude.

Vamos tranformar os links "leia mais" ou o botão "[ voltar ]" numa imagem com técnicas de css.

Primeiramente o botão voltar:

Esta é a renderização do botão voltar do joomla.

<div class="back_button"> <a href='javascript&#058;history.go(-1)'> &#91;Voltar&#93;</a></div>

Isto é default, agora vamos trocar o valor por uma imagem, utilizando css.
Aplique o seguinte css:
div.back_button{ 
    background:url(../images/bt_voltar.gif) no-repeat; 
    height:20px; overflow:hidden; 
    width:55px;
} 
div.back_button a{ 
    display: block; 
    height: 98px; 
    text-indent: -50000em;
}

Agora veremos como fica o botão "Leia mais"
Esta é a renderização do botão leia-mais no joomla.
<a href="#" class="readon" title="title"> Leia mais...</a>

Agora vamos ver como fica o css para transformar o link numa imagem.
.readon{ 
    background:url(../images/nome da sua imagem) no-repeat; 
    display:block; 
    height:17px; 
    text-indent:-5000em; 
    width:47px;
}



Espero ter ajudado.

Estamos no aguardo da sua experiência com o "mundo" CSS, ...favor voltar aqui e postar o ocorrido!

Abraços

[b:37z5onsw]Kleberson Rocha[/b:37z5onsw]
Portais Consultoria ([url:37z5onsw]http://www.portaisconsultoria.com.br[/url:37z5onsw]), desenvolvendo soluções na WEB!
- [color=#0080FF:37z5onsw]Sozinho, desenvolvo mais rápido, porém, [b:37z5onsw]juntos[/b:37z5onsw], chegaremos mais longe[/color:37z5onsw]!
- [color=#0000BF:37z5onsw]Concluindo sua dúvida, favor alterar o [u:37z5onsw]Assunto do Tópico[/u:37z5onsw]: de "[b:37z5onsw][i:37z5onsw]Sua Dúvida[/i:37z5onsw]...[/b:37z5onsw]" p/...

Please Entrar ou Registrar to join the conversation.

  • Kalex
  • Avatar de Kalex Autor do Tópico
  • Offline
  • JCB! Senior
  • JCB! Senior
Mais
14 anos 6 meses atrás #45486 por Kalex
Kalex replied the topic: Re: Mudar cor do Template
Legal até consegui mudar algumas coisas no site que estou criando mas na parte do formulário queria mudar a cor do tipo de letra a ser preenchida segue o link do site na parte do formulário
http://cantinhodaarte.com/index.php/contato
abaixo segue o CSS do Template se alguém puder me indicar em qual lugar posso alterar eu agradeços
CSS: _______________________________________________

body {

color:#A9A0AB;
background: #E8D1EF;
}

.modifydate {
color: #8A94A2;
}

.createdate {
color: #8A94A2;
}

.small {
color:#8A94A2;
}

a.latestnews:hover {
color:#A9A0AB;
}

a.readon, a.readon:visited {
color:#FFFFFF;
}
th.pagenav_next {
color:#FFFFFF;
}

th.pagenav_prev {
color:#FFFFFF;
}

a.mostread, a.mostread:visited {
color:#FFFFFF;
}
a.mostread:hover {
color:#A9A0AB;

}
a.latestnews, a.latestnews:visited {
color:#FFFFFF;
}

a.mainlevel:link, a.mainlevel:visited {
color:#FFFFFF;
}

a.mainlevel:hover {
color:#A9A0AB;
}

a.mainlevel#active_menu {
color:#A9A0AB;
}

a.mainlevel#active_menu:hover {
color:#FFFFFF;
}

a.sublevel:link, a.sublevel:visited {
color: #008C00;

}

a.sublevel:hover {
color: #008C00;

}

a.sublevel#active_menu {
color: #333;
}

table.contenttoc th {
color:#A9A0AB;
}

table.contenttoc {
background: #F3E7DE
}

.sectiontableentry2 {
background-color:#A9A0AB;
color:#FFFFFF;
}

.sectiontableentry0 {
background-color:#A9A0AB;
color:#FFFFFF;

}

.sectiontableentry1 {
background-color:#FFFFFF;
color:#A9A0AB;

}

.sectiontableheader {
background-color:#CCCCCC;
}

a.category {
color:#666666;
}

a.category:hover {
color:#666666;
}

a.category:visited {
color:#666666;
}

table.moduletable th, div.moduletable h3 {
color: #A9A0AB;
}

.moduletable_menu h3, .moduletable_text h3{
color: #A9A0AB;

}

.menu li:hover{
background: #FFF5F4;

}

.menu li{
background: #F3DFDE;
border-top: 1px solid #F1F1F1; ********************** Fundo do menu lateral
}

.menu li a {
color :#AA9C9B ********************** Cor das letras do menu lateral
}

.menu li a:hover{
color :#AA9C9B
}


.contentheading {
color:#A9A0AB;
}

.componentheading {
color: #A9A0AB;
}

.inputbox {
background-color:#FFFFFB;
border:2px solid #ABABA1;
color:#ABABA1;
}

.inputbox:hover {
background-color:#ABABA1;
border:2px solid #FFFFFB;
color:#FFFFFB;
}

.inputbox2 {
border:solid 0px #cccccc;
background-color: #ffffff;
}

.button {
color:#FFFFFF;
border: 1px double #cccccc;
background-color:#A9A0AB;
}

table.contentpaneopen fieldset {
border-bottom: 1px solid #eee;
}

a:link, a:visited {
color:#80238F;
}

a:hover {
color:#C161DF;
}

.pagenav {
border: 1px double #cccccc;
color:#0000CC;
}

div.back_button {

color:#006600;

}

.error {
color: #cccccc;
}

#search_inner .inputbox {
color: #008C00;
}

ul#mainlevel-nav li a:hover
{
color:#C161DF;
}

ul#mainlevel-nav li a
{
color:#80238F;

}

#date {
color: #fff;

}

Please Entrar ou Registrar to join the conversation.

  • Kalex
  • Avatar de Kalex Autor do Tópico
  • Offline
  • JCB! Senior
  • JCB! Senior
Mais
14 anos 6 meses atrás #45575 por Kalex
Kalex replied the topic: Re: Mudar cor do Template
Alguém poderia me ajudar!!!

Please Entrar ou Registrar to join the conversation.

  • Kalex
  • Avatar de Kalex Autor do Tópico
  • Offline
  • JCB! Senior
  • JCB! Senior
Mais
14 anos 6 meses atrás #45905 por Kalex
Kalex replied the topic: Re: Mudar cor do Template
Alguém poderia me ajudar!!!

Please Entrar ou Registrar to join the conversation.