AAStyles

Titre 1

Chapo

Le chapo s’utilise au dessus ou au dessous d’un titre.
Appliquer le style « pre » dans la liste déroulante.

Exemple dans le site
Voir exemple ci-dessous en image :

ecran2ecran1

 

Titre 2

Paragraphe
Cmd+retour : Pour forcer le retour à la ligne dans un paragraphe . Ceci permet d’éviter l’interligne haut qui s’insère au passage à la ligne normal comme ci-dessous.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam

 

Titre 3

Titre 4

Titre 5
Titre 6

 

 

Liens

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lien hypertexte (ce lien est réalisé via le pictogramme « chaine ») dolor sit amet.


Attention : copier l’url de la page en lien  – Exemple :

http://jarrie.web3.mezcalito.net/services-mairie/demarches-administratives/

et enlever la racine du lien :  http://jarrie.web3.mezcalito.net

Il reste : /services-mairie/demarches-administratives/


Boutons

Box link est un shortcode pour styler un lien directement dans un bloc texte et lui donner l’allure d’un bouton.
Avantage : on n’a pas besoin de créer un nouveau bloc.
Inconvénient : on peut se tromper dans l’écriture du lien qui se fait dans un shortcode.

Cliquer sur le pictogramme « box link » et compléter le shortcode obtenu
(boxlink url= »http://mettre le lien ici »)Titre du bouton(/boxlink)

Exemple :

(boxlink url= »/services-mairie/demarches-administratives/ »)Page démarches administratives(/boxlink)

ecran3

A la place de boxlink, on peut utiliser Bouton Go 2 qui se pose dans un bloc à part et peut être déplacé par rapport aux autres blocs de texte.

Bouton Go 2 est un objet bouton qu’on trouve dans la liste des objets visual editor.ecran4

ecran6Le bouton Webnus callout fond vert est un objet webnus editor. On peut ajouter un texte invitant.

Exemple dans le site

ecran7

Accordéon et onglets

Accordéon - première ligne

Bloc 1 de contenu première ligne

Bloc 2 de contenu première ligne

Accordéon ligne suivante

Bloc 1 de contenu ligne suivante

Bloc 2 de contenu ligne suivante

Accordéon est un objet qu’on trouve dans la liste des objets visual editor. Laisser les paramètres de design par défaut. Compléter les lignes et les boites de contenus.
Exemple dans le site

ecran5

Ceci est un bloc Onglets. C’est un objet webnus editor  avec style additionnel « onglet-date »

  • item 1
  • item 2
  • item 3

Exemple dans le site

Onglet vide. Modifiez la page pour ajouter du contenu ici.

Ligne de séparation

Ci-dessous un bloc texte comportant une ligne horizontale, éditée via la première ligne du menu de mise en forme du texte.

Exemple dans le site

ecran10


Modèle avec 5 images-liens

Ci-dessous l’ensemble de 5 boutons de navigation est un ensemble créé pour le site Jarrie et enregistré dans les modèles.

Exemple dans le site

Pour l’importer cliquer sur le pictogramme des modèles.
L’ensemble comporte 2 rangées imbriquées. La rangée mère comporte une classe additionnelle « blocs-nav ». Les rangées filles sont divisées en 3 et 4 colonnes.

ecran8

 

ecran9

Largeur image seule

Indiquer la taille de l’image dans le champ prévu de l’objet « image seule »

Capture d’écran 2015-02-25 à 15.37.28Capture d’écran 2015-02-25 à 15.37.50

La largeur devrait être identique à la largeur de la colonne :

3 colonnes : 200×150 (largeur x hauteur en pixels)

Capture d’écran 2015-02-25 à 15.35.05

 

Pour 2 colonnes : 315×150 (largeur x hauteur)

Capture d’écran 2015-02-25 à 15.32.05

Pour 1 colonne : 650 x 250

Capture d’écran 2015-02-25 à 15.33.39