Gerenciando Estilos

Por Andre Dantas. En 25/04/12 18:54 . Actualizado en 16/09/14 09:36 .

Estilos são códigos em CSS (Cascading Style Sheets) utilizados para definir a maneira como o seu site é apresentado para seus usuários.

Seu principal benefício é prover a aparência do conteúdo do seu sítio.

Para acessar a página de administração de estilos é necessário que:

  1. o usuário esteja logado.
  2. clicar em ADMINISTRAÇÃO e em seguida em Estilos, conforme a figura abaixo:

Paginas01

estilos01

O usuário será redirecionado para a página abaixo, na qual são listados os estilos de seu site e na sequência os estilos existentes no sistema:

estilos03

estilos02

Para cada estilo pertencente ao seu site serão mostrados os seguintes campos:

  1. Campo de Busca - Campo utilizado para realizar busca de estilos, pelo nome, podendo filtrar qual tipo será buscão.
  2. Novo Estilo - Link para criação de um novo Estilo.
  3. Lista Meus Estilos - Lista dos estilo do seu próprio site.
  4. Lista Estilo Seguindos - Lista dos estilos que seu site segue.
  5. Lista Outros Estilos - Lista de todos os outros estilos disponíveis no sistema, excluindo os seus estilos e os que você segue

Criar novo estilo

Basta clicar no botão Novo Estilo, marcado com o número 2 na imagem anterior

Você será redirecionado para a seguinte página:

estilos04

Digite um nome e clique em Salvar, fazendo isso você será levado para a seguinte página:

estilos05

Para acrescentar uma nova folha de estilo basta preencher o formulário composto pelos itens abaixo e clicar em Enviar:

  1. Nome - Define o nome para a nova folha de estilo.
  2. Estilo - Código CSS da nova folha de esitilos.
  3. Ajuda com CSS - Link para página de ajuda com o CSS.
  4. Salvar e Voltar

Lista de Estilos próprios

estilos06

  1. Nome - Coluna com os nomes dos seus estilos.
  2. Sites que seguem esses estilo - Neste campo, será listado os nomes dos sites que seguem determinado estilo seu.
  3. Ações -
    • Mostrar: ver o código do CSS.
    • Editar: alterar o nome ou o código do CSS.
    • Exclui: excluir o estilo
    • Publicar/Despublicar: quando um estilo é publicado, é como se ele fosse ativado para fazer efeito no seu site.
    • Mover: opção para mover os estilos, o estilo que aparece mais a cima na lista é o que tem maior prioridade, ou seja, as regras dele terão maior priorida sobre as regras dos outros estilos.

Lista de Estilos Seguidos

estilos07

  1. Nome - Coluna com os nomes dos estilos que você segue.
  2. Dono - Coluna com o nome do site que é dono do estilo que você segue.
  3. Ultima Atualização: mostra a data e a hora da última atualização dos estilos seguidos, pode-se ordenar a lista de Estilos seguidos com base nessa coluna.
  4. Ações -
    • Mostrar: ver o código do CSS.
    • Deixar de Seguir: excluir o estilo da sua lista de estilos seguidos.
    • Publicar/Despublicar: quando um estilo é publicado, é como se ele fosse ativado para fazer efeito no seu site.
    • Copiar: Ao copiar um estilo, uma cópia desse estilo será criada na lista dos seus estilos prórios, com isso você passa a ser o dono dessa cópia.

Lista de Outros Estilos

estilos08

  1. Nome - Coluna com os nomes dos estilos.
  2. Dono - Coluna com o nome do site que é dono do estilo.
  3. Ações -
    • Mostrar: ver o código do CSS.
    • Seguir: começar a seguir o estilo, ao começar a seguir um estilo o nome dele aparecera na Lista de Estilos Seguidos .
    • Copiar: Ao copiar um estilo, uma cópia desse estilo será criada a lista dos seus estilos prórios, com isso você passa a ser o dono dessa cópia.