Diretamente ligado aos modelos de listagem estão os estilos de listagem. Você viu no tópico "Modelos de listagem" como gerenciar os modelos de listagem. Viu também que o marcador [#news_list] é substituído na geração das páginas de listagem por uma lista de links para as notícias da seção.
O layout (aparência) desta listagem de links também pode ser modificada de acordo com suas preferências. Estes estilos de listagem podem ser configurados acessando o menu "Configurações / Estilos de listagem". O SiteMaster já vem com alguns estilos, mas você pode modificar os existentes ou criar novos estilos.
Na janela de gerenciamento dos estilos de listagem, você pode visualizar os estilos existentes (clicando no botão "Exibir exemplo" e pode utilizar os botões no canto superior esquerdo para Inserir, editar, duplicar ou excluir um estilo, respectivamente.
Para criar um novo estilo, clique no primeiro botão, da esquerda para direita, com o hint "Novo"
Você terá os seguintes campos:
Descrição: Consiste na identificação do estilo;
Lista de campos: Assim como nos modelos de listagem, os estilos também possuem seus marcadores de substituição (textos entre "[#" e "]"). Estes marcadores são os campos que podem ser utilizados no estilo, para serem substituídos no momento em que as páginas de listagem de notícias forem geradas.
Definição do estilo
A lista de links que irá apontar para as páginas de notícias deve ser formada por uma tabela HTML. Você pode utilizar o editor HTML do próprio SiteMaster ou um outro de sua preferência para criar a tabela que será usada no estilo da listagem. Deve ser criada uma tabela com apenas uma linha. No momento em que as páginas de listagem forem criadas, o gerador do SiteMaster irá se encarregar de criar as linhas que forem necessárias, inserindo em cada uma um link para as notícias disponíveis.
O código-fonte de uma tabela na linguagem HTML foi dividida nesta configuração em três partes:
- Cabeçalho:
Composta por algum código HTML que você queira utilizar ou um estilo CSS, e a tag principal de início da tabela, o <table...>.
- Repetidor:
É o trecho compreendido entre a primeira tag <tr...> e a última tag </tr> (supondo que a tabela possui apenas uma linha, conforme recomendado). Este trecho será repetido pelo gerador do SiteMaster no momento em que as páginas com a listagem de notícias forem criadas, permitindo que várias linhas sejam criadas, com links para todas as notícias disponíveis. No conteúdo do repetidor, você deve utilizar os marcadores de substituição ilustrados na figura abaixo:
Estes marcadores serão substituídos pelo gerador do SiteMaster, pelos respectivos valores das notícias geradas.
- Fim:
Normalmente contém apenas o fechamento da tag da tabela, ou seja, </table>. Você pode utilizar algum código extra que você queira, se necessário.
Dica: Uma boa forma de entender melhor como criar novos estilos é estudando os estilos já existentes. Abra um estilo já criado e copie o texto dos campos Cabeçalho, Repetidor e Fim respectivamente para um arquivo HTML qualquer e visualize como irá aparecer no seu navegador. Isso irá facilitar a compreensão de como criar um novo estilo.
OBS: É possível inserir o texto da notícia na listagem de notícias. Isso, porém, só é recomendado no caso de você estar criando uma listagem de notícias para funcionar como um Blog, ou seja, sequencialmente, os títulos e o conteúdo completo de todas as notícias criadas serão inseridas nas páginas de listagem. |