Ir para o conteúdo. | Ir para a navegação

Ferramentas Pessoais
Acessar
Seções
Você está aqui: Página Inicial Conteúdo Conhecendo a Barra de Ferramentas Editor Visual Criando Novos Estilos

Criando Novos Estilos

ícone intermediário pequeno novo Intermediário

 

Os Estilos de Formatação são opções de visualização do texto que podem ser selecionados nessa caixa na barra de ferramentas do editor visual.

Adicionando Estilos 1

 

Essa caixa já traz alguns estilos prontos.

Porém, é possível criar seus próprios estilos seguindo os passos abaixo.

Atenção, só realize esse procedimento se você tiver conhecimentos de HTML e CSS.

 

Acima do cabeçalho selecione a opção "Configuração do Site"

 

Adi

 

O simplesmente digite na URL o texto

http://plone.ufrgs.br/nome_do_seu_site/plone_control_panel

Selecione a opção "Editor Visual"

Será aberta uma tela com várias opções de customização do editor visual. O último item é o "Estilos".

 

Adicionando Estilos 3

 

 

Aqui é possível visualizar os estilos já existentes listados. Cada um desses estilos estará ocupando uma linha com a seguinte sintaxe:

título|tag|classe

Exatamente como aparece acima, cada item da sintaxe é separado do outro por uma barra vertical (pipe).

O Título é nome do seu estilo, ou seja, o que aparece na caixa de opções de estilos na barra de ferramentas do editor. Como por exemplo, o estilo "Título".

A tag é o elemento HTML ligado ao estilo.

A Classe é optativa e se refere ao nome da classe que foi criada no arquivo .css na interface de gerência do zope.

Exemplo: Pretende-se criar um estilo com o Título Destaque. Nesse estilo se pretende alterar a tag p (parágrafo) com uma classe chamada classe-destaque. A sintaxe de criação será:

Destaque|p|classe-destaque

No arquivo ploneCustom.css, na interface de gerência do Zope cria-se a classe:

.classe-destaque{
font-weight: bold;
color: red;
border: 1px solid #333;
}

Assim, o novo estilo "Destaque" aparecerá na caixa de opções de estilos na barra de ferramentas do editor visual.