Re:CSS Personalizada

[Rafael Chirov Pimentel]

Quero personalizar o estilo dos meus textos, títulos, links, etc.
Utilizo os estilos presentes no arquivo \"template_css.css\", mas em algumas páginas, preciso utilizar outros estilos.

Já tentei através do \"Sufixo da Classe da Página\". Adicionei no arquivo acima a css: meuestilo.moduletable, mas não consegui nada. Não sei se estou utilizando da forma correta.

Como posso proceder?

abraços

[Eduardo Ferreira1]

Dê uma olhada neste post:

http://www.mambobrasil.org/component/op ... pic,4359.0

Eduardo Ferreira

[Rafael Chirov Pimentel]

Mesmo lendo esse post, não consegui fazer.

Como devo criar o estilo dentro da css?

devo iniciar por:

.moduletablemeuestilo ou
meuestilo.moduletable ?

Não estou entendendo a forma de escrever isso.

Outra pergunta: pra cada tipo de estilo (links, titulos, etc) devo criar uma moduletable diferente? Estou meio confuso com relação a isso.

valeu

Rafael

[Marcelo Nada]

oi,
vc está tendo problemas com seletores de CSS
se vc coloca
table.moduletable th
significa que todos os \"th\" que estiverem dentro das tabelas dos módulos vão ser atingidos pelos parâmetros que vc colocar

muitas coisas estão fora do moduletable, então se vc colocar moduletable em tudo essas coisas não serão atingidas...

um bom jeito de aprender CSS é abrindo os arquivos dos outros templates e ver como eles resolveram as coisas... outra dica é usar as ferramentas do Firefox que auxiliam localizar os estilos (Web Developer tools por exemplo)

Dê uma olhada neste tópico que há outras dicas:
http://www.mambobrasil.org/component/op ... 39#msg4639


abraços,
marcelo

[Eduardo Ferreira1]

kirovibp escreveu:

Mesmo lendo esse post, não consegui fazer.

Como devo criar o estilo dentro da css?

devo iniciar por:

.moduletablemeuestilo ou
meuestilo.moduletable ?

Não estou entendendo a forma de escrever isso.

Outra pergunta: pra cada tipo de estilo (links, titulos, etc) devo criar uma moduletable diferente? Estou meio confuso com relação a isso.

valeu

Rafael

Você deve criar no seu template_css.css o estilo .moduletablemeuestilo
e na Administração, no parâmetro Module Class Suffix, coloque somente: meuestilo
Isso que eu escrevi serve para os Módulos ...OK

Para controlar outras coisas você deve usar o estilo apropriado, por exemplo, se quer personalizar uma página de conteúdo, deves criar os estilos: .contentheadingmeuestilo .componentheadingmeuestilo .readonmeuestilo .contentdescriptionmeuestilo .sectiontableheadermeuestilo .sectiontablefootermeuestilo .contentpaneopenmeuestilo

Ententendo estes conceitos dá pra personalizar todos os estilos, é claro que você deve saber o que está mudando , faça testes...

Para personalizar os módulos é o Module Class Suffix
Para as páginas é o Page Class Suffix

Se você está usando a versão Traduzida da administração, ficou para os 2 casos "Sufixo de Classe da Página".

Mas isso tudo só vale se você quiser Páginas ou Módulos com estilos diferentes entre si. Mas caso não queira criar Páginas ou Mòdulo diferentes uns dos outros, não precisa fazer tudo isso.... basta vc mudar os estilos originais dos templates.

Espero ter ajudado...

Eduardo

[sergio sergiov]

Amigo Eu fiz o Esquema Abaixo e Ficou Show De Bola Você Pode Usar Como Modelo Para Personalizar o Seu Sufixo Criei Table e Div Com o Nome Enquete e Na Adnimistração Do modulo Só Inseri ( enquete ) que foi o nome usado no sufixo e pra não se perder como eu queria trocar so a cor do top criei um arquivo png com o mesmo nome

table.moduletableenquete th, div.moduletableenquete h3 {
background: url(../images/enquete_bg.png) repeat-x;
color: #FFFFFF;
text-align: left;
padding-left: 17px;
height: 21px;
line-height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
margin: 0 0 2px 0;

}

pode ver como ficou www.starblack.com.br