- Postagens: 122
- Obrigados Recebidos: 0
Mudar cor do Template
- Kalex
-
Autor do Tópico
- Offline
- JCB! Senior
-
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.
- Kleberson Kavalo
-
- Offline
- JCB! Master
-
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:history.go(-1)'> [Voltar]</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
-
Autor do Tópico
- Offline
- JCB! Senior
-
- Postagens: 122
- Obrigados Recebidos: 0
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
-
Autor do Tópico
- Offline
- JCB! Senior
-
- Postagens: 122
- Obrigados Recebidos: 0
- Kalex
-
Autor do Tópico
- Offline
- JCB! Senior
-
- Postagens: 122
- Obrigados Recebidos: 0