Como editar o código de um modelo de Joomla
Você pode entrar em código HTML e CSS real de um template Joomla através da sua página Personalizar modelo, que contém botões Editar HTML e CSS Editar. Clique no arquivo CSS você está interessado em trabalhar com para ver o código HTML ou CSS do modelo.
Quando você personalizar um modelo no Joomla, você normalmente fazer mudanças em seu código CSS.
Para abrir o arquivo CSS de um modelo para edição, siga estes passos:
Na página de detalhes do modelo, clique no botão Editar CSS.
A página Personalizar modelo abre. Esta página lista os arquivos CSS associados ao modelo - normalmente, um monte deles.
Clique no nome do estilo que deseja editar.
arquivo CSS do estilo (template.css) Abre para edição no Template Manager.
o template.css arquivo é longo - cerca de 16 páginas - e isso é apenas um dos arquivos que entra em um template Joomla. É um arquivo CSS de boa-fé, e aqui é como começa:
/ ***************************** // *** Núcleo coisas configuração html *** // ****** *********************** / html {height: 100% -margin-bottom: 1px;} formulário {margin: 0-padding: 0-} corpo {font-family: Helvetica, Arial, sans-serif-line-height: 1.3em-margin: 0px 0px 0px 0px; font-size: 12px; color: # 333-} a: link, a: visited {text-decoration : none; font-weight: normal-} a: hover {text-decoration: underline-font-weight: normal-} input.button {cursor: pointer-} p {margin-top: 0- margin-bottom: 5px; } Img {border: 0 none; } / ***************************************** // *** Específica Template elementos de layout *** // ***************************************** / # page_bg {padding: 10px 0-margin-bottom: 1px;} div.center {text-align: center,} div # wrapper {margin-left: auto-margin-right: auto-} body.width_medium div # wrapper {width : 950px;} ...Infelizmente, para editar este arquivo você realmente tem que saber o que está fazendo em CSS para fazer suas próprias alterações. (Um bom editor de código WYSIWYG construído em Joomla seria ótimo para esta situação.)
Há muito debate sobre se é melhor usar tabelas HTML ou CSS para organizar componentes e módulos em Joomla templates- ambos os lados do argumento têm pontos fortes.
tabelas HTML, por exemplo, são estruturas muito rígidas que tornam mais difícil para os motores de busca para entender o conteúdo de sua página. implementações CSS, por outro lado, variam muito de navegador para navegador, e alguns navegadores mais antigos permitem que você use apenas CSS mínima. O modelo de Beez em Joomla é um exemplo de um modelo tableless CSS.
Como você pode ver, realmente personalizar um template Joomla não é algo a ser considerado fácil. Assim como você obter o modelo que você quer? Você pode baixá-lo. Existem modelos de Joomla online. Alguns são gratuitos, enquanto outros exigem uma pequena taxa para o download.