Weby shortcut
weby_logo

Found all documentation for new users as well as guides for new contributors.

We have gathered some examples in the best use of the tool as well as support fortraining exercises.

Gerenciando Estilos

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.
List all Back