Documentação do moziloCMS
Dansk
Deutsch
English
Español
Français
Hrvatski
Italiano
Nederlands
Polski
PortuguêsA "sintaxe CMS" é uma linguagem de comando interna do Mozilla especialmente desenvolvida. Ele é usado para posicionar e alinhar elementos como imagens e links em páginas de conteúdo ou para formatar texto.
Todos os elementos de sintaxe do CMS podem ser aninhados de acordo com certas regras. As instruções podem ser encontradas no capítulo: Editor → Regras de sintaxe do CMS >
Na aba de administração "Configurações" em "Configurações de sintaxe" você pode adicionar elementos de sintaxe autodefinidos usando CSS e HTML.
Ao preceder um circunflexo (teto alto) ^, o caractere seguinte é protegido e interpretado pelo sistema como um caractere de texto normal.
Por exemplo, colchetes e colchetes, bem como a barra vertical
[
|
]
{
} são parte dos elementos de sintaxe no moziloCMS.
Se esses caracteres aparecerem no texto normal da página, eles devem ser protegidos com um teto alto ^ precedente (por exemplo, ^[).
Caso contrário, o Mozilo pode interpretá-los como caracteres de sintaxe e resultar em exibições incorretas.
Clicar no ícone vai diretamente para a respectiva explicação:
Todos os comandos necessários para o design da página estão disponíveis como botões na barra de sintaxe do CMS do editor.
Após pressionar um botão, o comando de sintaxe do CMS correspondente aparece na posição do cursor na janela de trabalho do editor.
Se um comando se refere a um elemento de conteúdo, ele é inserido entre esses dois caracteres | elemento de conteúdo aqui ].
Os elementos de conteúdo são inseridos da seguinte forma:
Digitando ou da área de transferência – por exemplo, textos, endereços de Internet, endereços de e-mail
Selecionando nas caixas de seleção – por exemplo, imagens, arquivos, links para outras páginas de conteúdo, plugins
Se o elemento de conteúdo for colocado primeiro e completamente selecionado, o elemento de sintaxe será adicionado corretamente quando clicado.
Esquerda
Link externo:
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ link | ] | Abre um link da Internet | [ link |https://www.mozilo.de/ ] | https://www.mozilo.de |
|
[ mail | ] | Abre a entrega de e-mail para o endereço inserido | [ link |mail@server.de ] | mail@server.de |
Na aba Admin "Configurações" você pode especificar se os links externos serão abertos na mesma janela ou em uma nova janela do navegador.
Não é necessário prefixar "https://" em links da Internet. Tanto https://www.link.de quanto www.link.de são válidos.
link interno:
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ seite | ] | Abre uma página de conteúdo | [ seite | @= Categoria 1:Página 1 =@ ] | Página 1 |
|
[ kategorie | ] | Abre a primeira página de uma categoria de conteúdo | [ kategorie | @= Casa =@ ] | Casa |
As páginas de conteúdo ou categorias disponíveis são selecionadas na Caixa de seleção inserido.
Link para download:
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ datei | ] | Inicia o download ou, dependendo do plugin do navegador, a exibição de um arquivo | [ datei | @= Casa:archive.zip =@ ] | archive.zip |
Os arquivos disponíveis são selecionados na Caixa de seleção inserido.
Para todos os elementos de sintaxe de link:
Se um caractere = for colocado após o nome do comando, seguido por texto ou outro comando de sintaxe, a exibição do link será alterada de acordo.
Variante 1:
Se o texto for inserido após o caractere =, este texto será exibido em vez do nome do link original.
| Exemplo: | Resultado: |
|---|---|
| [ link = Clique aqui |https://www.mozilo.de/ ] | Clique aqui |
Variante 2:
É inserido após o caractere = usando o elemento de sintaxe [ bild | ] Se uma imagem for inserida, ela será exibida em vez do nome do link.
| Exemplo: | Resultado: |
|---|---|
| [ link = [ bild | @= Casa:bild.jpg =@ ] |https://www.mozilo.de ] |
|
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ bild | ] | Coloca uma imagem em uma página de conteúdo (o fluxo de texto é interrompido em ambos os lados) |
[ bild | @= Casa:bild.jpg =@ ] | Lorem ipsum dolor sit amet, con Stet clita kas dgu bergren, no sea tak imata sanctu s est Lorem ipsum dolor sit amet. |
|
[ bildlinks | ] | Coloca uma imagem na borda esquerda de uma página de conteúdo (o texto flui além da borda direita da imagem) |
[ bildlinks | @= Casa:bild.jpg =@ ] | Lorem ipsum dolor sit amet, con Stet clita kas dgu bergren, no sea tak imata sanctu s est Lorem ipsum dolor sit amet.
|
|
[ bildrechts | ] | Coloca uma imagem na borda direita de uma página de conteúdo (o texto flui além da borda esquerda da imagem) |
[ bildrechts | @= Casa:bild.jpg =@ ] | Lorem ipsum dolor sit amet, con Stet clita kas dgu bergren, no sea tak imata sanctu s est Lorem ipsum dolor sit amet.
|
As imagens disponíveis são selecionadas na Caixa de seleção inserido.
Para todos os elementos de sintaxe de imagem:
Se você colocar um sinal = após o nome do comando e então digitar o texto, ele será exibido como uma legenda.
| Exemplo: | Resultado: |
|---|---|
| [ bild = Flor de lótus no lago | @= Casa:bild.jpg =@ ] |
Flor de lótus no lago |
A com [
bild
|
] a imagem inserida pode ser editada com os comandos [links |
], [zentriert |
], [rechts |
] alinhado horizontalmente.
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ absatz = | ] | Link que salta para um título. | [ absatz = mais abaixo > | Instruções ] | mais abaixo > |
No exemplo acima, na frase: "As instruções estão disponíveis mais abaixo > ".
As duas últimas palavras criam um link de salto.
Alvo de salto é a palavra "Instruções" em outro lugar na mesma página, o que é ou ou formatado como um título.
Sem maiores especificações, [ absatz | ] cria um link que salta automaticamente para o topo da página.
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ liste | ] | Cria uma linha de texto recuada precedida por um marcador. |
[
liste
| Primeira linha ]
[ liste | Segunda linha ] |
|
|
[ numliste | ] | Cria uma linha de texto recuada com numeração precedente. |
[
numliste
| Primeira linha ]
[ numliste | Segunda linha ] |
|
Ambos os elementos de sintaxe também podem ser aninhados.
| Exemplo: | Resultado: |
|---|---|
|
[
numliste
| Primeira linha ]
[ numliste | Segunda linha [ liste | Primeira sublinha ] [ liste | Segunda sublinha ] [ liste | Terceira sublinha ] ] [ numliste | Terceira linha ] |
|
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
[
tabelle
|
<< | >> < | > ] |
Organizar texto ou outros elementos de forma tabular, classificados por linhas e colunas. |
[
tabelle
| Cabeçalho
<< Cabeça-Coluna 1 | Cabeça-Coluna 2 >> < Linha 1-Coluna 1 | Linha 1-Coluna 2 > < Linha 2-Coluna 1 | Linha 2-Coluna 2 > ] |
|
Adicionando mais delimitadores de linha < > e separadores de coluna | uma tabela pode consistir em qualquer número de linhas e colunas. Um título pode ser adicionado.
As tabelas também podem ser exibidas responsivamente especificando instruções CSS no style.css (modelo).
As tabelas só podem ser simétricas. Isso significa: Cada linha deve conter o mesmo número de colunas.
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ ---- ] | Linha divisória horizontal | [ ---- ] |
|
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ html | ] | Percebe o texto HTML como tal e gera a exibição correspondente. | [ html | <marquee> Texto </marquee> ] |
Com este elemento de sintaxe você pode, por exemplo, incorporar um link de vídeo ou um mapa interativo.
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ include | ] | Insere o conteúdo de outra página. | [ include | @= Categoria 1:Página 2 =@ ] | Este texto está na página 2, mas será exibido onde quer que a página 2 esteja incluída. |
As páginas de conteúdo disponíveis são selecionadas na Caixa de seleção inserido.
É sempre útil quando o mesmo conteúdo aparece em vários lugares: Por exemplo, Por exemplo, se um determinado endereço deve ser exibido em vários lugares, ele é escrito em uma página separada que recebe o atributo "oculto". Usando "incluir", o conteúdo desta página, incluindo toda a formatação, pode ser inserido em qualquer lugar. Vantagem: Qualquer alteração no endereço só precisa ser feita uma vez.
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ ueber1 | ] | Cabeçalho grande | [ ueber1 | Cabeçalho grande ] |
Cabeçalho grande
|
|
[ ueber2 | ] | Cabeçalho médio | [ ueber2 | Cabeçalho médio ] |
Cabeçalho médio
|
|
[ ueber3 | ] | Cabeçalho pequeno | [ ueber3 | Cabeçalho pequeno ] |
Cabeçalho pequeno
|
|
[ links | ] | Parágrafo de texto alinhado à esquerda | [ links | ] | O texto começa aqui. Continua aqui. Todas as linhas são alinhadas à margem esquerda. |
|
[ zentriert | ] | Parágrafo de texto centralizado | [ zentriert | ] | O texto começa aqui. Continua aqui. Todas as linhas são centralizadas. |
|
[ block | ] | Parágrafo de texto justificado | [ block | ] | O texto começa aqui. Aqui ele continua. E tudo é alinhado em ambas as bordas até a penúltima linha. |
|
[ rechts | ] | Parágrafo de texto alinhado à direita | [ rechts | ] | O texto começa aqui. Continua aqui. Todas as linhas são alinhadas à margem direita. |
|
[ fett | ] | Texto em negrito | O texto é [ fett | mais grosso ] exibido | O texto é mais grosso exibido |
|
[ kursiv | ] | Texto em itálico | O texto é [ kursiv | inclinado ] exibido | O texto é inclinado exibido |
|
[ unter | ] | Texto sublinhado | O texto é [ unter | sublinhado ] | O texto é sublinhado |
|
[ durch | ] | Texto riscado | O texto é [ durch | riscado ] | O texto é |
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ fontsize = | ] | Altera o tamanho da fonte (um parâmetro é necessário após =) |
Ele era um [ fontsize = 22px |GIGANTE ] | Ele era um GIGANTE |
Informações detalhadas sobre os possíveis parâmetros de tamanho de Fontsize podem ser encontradas aqui, em de.selfhtml.org >
| Ícone: | Sintaxe CMS: | Função: | Exemplo: | Resultado: |
|---|---|---|---|---|
|
[ farbe = | ] | Altera a cor da fonte (um nome de cor ou código de cor hexadecimal é necessário após =) |
Esta palavra é [ farbe = 00FF00 | verde ] | Esta palavra é verde |
A Cor do elemento de sintaxe o código de cor necessário é atribuído antes de ser aplicado.
Para este propósito, o moziloCMS possui um seletor de cores integrado .
Ao marcar um código de cor existente [
farbe
=
00FF00
| verde ] e então clique em somente o código de cor é substituído.
Oferece três opções diferentes para definir a cor desejada.
Anel de cor:
1No círculo externo, defina a cor base desejada movendo o marcador de círculo 
definir.
2No triângulo interno, a proporção entre brilho e saturação pode ser definida.
valores RGB:
3Movendo os controles deslizantes (vermelho, verde, azul, saturação e brilho) ou inserindo os valores numéricos correspondentes (0 - 255) nos campos de texto.
Entrada direta do código de cor:
4Se o código de cor de 6 dígitos for conhecido, ele poderá ser inserido diretamente nesta janela de texto.
Mais elementos:
5Exibir a cor definida atualmente
6Exibir a última cor usada. A configuração atual pode ser desfeita clicando aqui.
7Cores predefinidas salvas na aba de administração Configurações >.
7