Arabic Arabic English English French French German German Portuguese Portuguese Spanish Spanish

 

MINE TREINAMENTO | Terceirização de criação de sites

Terceirização de sites

Mine Treinamento GRATUITO - 5 aulas com todos os segredos da terceirização de sites Lucre entre 50 mil e 100 mil em 12 Meses!

Foto por @elienelondero

Criação de Sites com Templating Avançado Joomla

Criação de Sites com Templating Avançado Joomla

um artigo de Criação de Sites com Templating Avançado Joomla Usando o Sufixo de Classe de Módulo

 

  1. duplicar os estilos já utilizados para o módulo específico, acrescentando um sufixo a cada nome de estilo. isto incluirá definitivamente alguns dos seguintes itens;

 

  1. .módulo {}
  2. div.moduletable {}
  3. div.moduletable h3 {}
  4. Tabela.moduletable {}/li>
  5. Tabela.moduletable th
  6. tabela.moduletable td

 

e pode incluir outros estilos utilizados no conteúdo dessa seção da Criação de Sites com Templating Avançado Joomla, como por exemplo;

 

  1. ol, ul, li {}
  2. a:link,a:visitado,a:pairar {}
  3. a.readon:link,a.readon:visitado,a.readon:hover {}

 

e outros, note que certos módulos já podem ter estilos css específicos associados a eles (tais como últimas notícias e listas de leitura), portanto, se você estiver modificando um desses módulos, você pode precisar ou remover o estilo específico para que o estilo do sufixo de classe do módulo possa ser aplicado, ou apenas mudar esses estilos específicos.

 

exemplo do “modelo freemambo”

 

table.moduletable { float: esquerda; estofamento: 0px; margem: 0px; largura: 152px; fundo: url(…/imagens/esquerda direita.gif); } table.moduletable th { background: url(../images/subhead_bg.gif); tamanho da fonte: 10px; text-align: centro! importante; text-align:centro; padding-top: 4px; padding-esquerda: 0px; altura: 23px; text-decoration: none; largura: 154px ! importante; largura:152px; cor:#FFFFFFFF; texto-transformação:maiúsculas; } table.moduletable td { font-size: 11px; padding-esquerda: 5px; padding-direita: 2px; font-weight: normal; cor:#000000; }

 

nenhum sufixo de módulo

 

2 .fazer mudanças nestes estilos, conforme desejado.

 

exemplo de mudanças no “modelo freemambo” – adicionando sufixo, por exemplo

 

table.moduletableeg { bóia: esquerda; estofamento: 0px; margem: 0px; largura: 152px; } table.moduletableeg th { background-color: #FF9900; cor: #33333333; tamanho da fonte: 12px; alinhamento-texto: centro! importante; alinhamento-texto: centro; almofada-top: 2px; almofada-esquerda: 0px; altura: 23px; decoração-texto: nenhuma; largura: 154px ! importante; largura: 152px; formato-texto: minúsculas; } table.moduletableeg td { background-color: #EEEEEEEE; tamanho da fonte: 11px; almofada-esquerda: 5px; almofada-direita: 2px; peso da fonte: normal; cor:#FF0000; }

 

por exemplo, sufixo do módulo

 

  1. Atualizar o sufixo de classe do módulo dentro do administrador joomla.

 

  1. Ir para ‘Módulos’ -> ‘Módulos do site’.
  2. Clique no módulo ao qual você gostaria de aplicar os novos estilos de css
  3. Digite o sufixo que você usou no campo de sufixo de classe do módulo e clique em ‘Salvar’.

 

módulo do site – editar screenshot

 

https://millennialsresultados.com.br/

https://marketingcuiaba.com.br/

Compartilhe em suas Redes Sociais:

Facebook
LinkedIn
Pinterest
OK
VK

Continue lendo:

Compartilhe este artigo

Facebook
LinkedIn
Pinterest
OK
VK

Procurando uma agência séria para construir seu site?

Parabéns, você encontrou! Somos especializados em criação de sites desde o básico ao avançado! Sites completos, bonitos e funcionais! Sites que convertem em vendas!

Informações de Contato