CSS e JS personalizado

Inserir seu próprio CSS e JS personalizado

Pode utilizar javascript e CSS para executar muitos projetos por sua conta ou inclusive que um experto faça para você utilizando nossa plataforma.

Inserir scripts personalizados em sua página

1. Clique no ícone JS da seção Editar código da barra de ferramentas.

2. Ao clicá-lo abrirá uma janela onde poderá adicionar o JavaScript. Poderá adicionar ou excluir código facilmente desde os ícones (+) (-). Salvar as mudanças quando terminar.

 Nota: Assegura-se de colocar o código entre  as etiquetas <script>.  

Alem disso, é importante ter em conta que este script somente se executará em modo vista previa ou em una página já publicada (e não no editor).

Como incluir CSS personalizado em sua página

Pode incluir o projeto de uma página completa, o HTML e a folha de estilo (CSS) ou colocar etiquetas ID/Clase.

A) Incluir CSS e HTML.

1. Clique no ícone CSS da seção Editar código da barra de ferramentas.

1. Clique no ícone CSS da seção Editar código da barra de ferramentas.

Ao clicá-lo abrirá uma janela onde poderá adicionar as propriedades de sua classe.

CSS 1, CSS 2, etc. (equivale a cada uma das folhas de estilo que tenha sua página).

2. Adicione o HTML. Arraste o ícone HTML a seção . Irá abrir a janela correspondente. Insira seu código HTML.

 

3. Comprove as mudanças desde o ícone vista previa. .

B) Chamadas ID/Clase

1. Clique no ícone CSS da seção Editar código da barra de ferramentas.

2. Ao clicá-lo abrirá uma janela onde poderá adicionar as propriedades de sua classe. 

Exemplo: queremos colocar em verde um texto. Para isto adicionamos a propriedade correspondente e damos um nome a nossa classe (.verde).

3. Iremos as propriedades do elemento. Clicamos no botão Editar.  . 

Irá abrir a janela correspondente. Veja a aba Id/Clase

4. Adicione à chamada a classe em classes CSS.

5. Comprove as mudanças desde o ícone vista previa.