La charte graphique
Deux méthodes pour appliquer la charte graphique au texte brut.
- Sélectionner le texte et cliquer sur le bouton correspondant qui
générera le code approprié
- Taper le code directement au clavier.
Les résultats respectifs dans le formulaire doivent être les suivants :
Pour insérer un intertitre :
intertitre=Texte de l'intertitre/*
Pour un crédit photo :
credit=Mention du crédit/*
Pour un légende photo :
legende=Texte de la légende/*
Pour la signature d'un texte :
signature=Nom ou pseudonyme de l'auteur/*
Pour une note de lecture :
note=Texte de la note/*
La charte graphique est l'élément fondamental de l'identité de votre site.
Grâce à la technologie WYSIWYM, au langage CSS, et aux astérocodes, tout changement d'un élément de la charte
graphique est répercuté sur l'ensemble du site, même les anciens articles. Cela assure
la cohésion et l'harmonie de votre publication.
Les éléments de la charte graphique sont le fond de l'article, le surtitre, le titre, le chapo (ou sous-titre),
les intertitres, les légendes photos et la signature le cas échéant.
Les élements surtitre, titre, et chapô bénéficient de champs de formulaire consacrés et donc n'ont pas
de bouton afférent.
Pour les utilisateurs avançés, les paramétres de la charte graphique se trouvent
dans le fichier 4c/charte.css.
Les liens interactifs
Lien simple
L'adresse URL entrée dans le formulaire peut être rendu interactive de deux manières :
1 - Sélection + Click sur le bouton [Lien]
- Ecrire l'URL :
http://www.naucelle.com"
- Sélectionner :
http://www.naucelle.com
- Cliquer :
2 - En tapant le code directement au clavier
Résultat dans le formulaire :
*lien=http://www.naucelle.com/*
Résultat à l'affichage :
http://www.naucelle.com
Lien sur un texte
Toujours deux méthodes !
1 - Sélection + Click sur [Lien/texte]
-
Sélectionner la ligne du code "lien simple".
*lien=http://www.naucelle.com/*
-
Cliquer le bouton [Lien/Texte]
.2 - ..ou directement au clavier
Résultat dans le formulaire :
*lien=http://www.naucelle.com/*[Naucelle]
Mettre le texte de votre choix entre les crochets.
Résultat à l'affichage pour cet exemple:
Naucelle
Publication d'images
Insertion simple
Deux méthodes pour insérer une image.
- Entrer l'URL de l'image (adresse internet [interne ou externe]) dans le formulaire, la sélectionner
et cliquer sur le bouton correspondant [Image] qui générera le code approprié
- Taper l'URL et le code directement au clavier.
Le résultat pour insérer une image du web doit être le suivant :
*image=URL de l'image/*
Insertion avec redimensionnement
Sélectionner le résultat de la simple insertion et cliquer le bouton
[Image Redim]
ou taper au clavier.
Résultat :
*image=
URL de l'image/*[600]
Le nombre entre crochets est la largeur de l'image en pixels. remplacer ce nombre par toute autre valeur comprise
entre 100 et 999.
Chargement (Upload) d'image avec insertion automatique [Img Upload]
Important : les images doivent être au préalable réduites sur son PC (ou autre) à une taille raisonnable, par exemple
de 600px à 1200 px. Pour cela télécharger un utilitaire de redimensionnement d'image. Vous pouvez aussi utiliser
ce petit exécutable :
REDIM.EXE
- Cliquer [Img Upload].
- Cliquer [Parcourir] et choisir l'image sur sa machine (PC ou autre machine connectée).
- Aprés avoir cliquer[Choisir], cliquer [Insérer]
- L'image est renommée sa nouvelle adresse (relative) doit s'afficher dans la zone de texte
entourée des astérocodes ad hoc.
- Vous pouvez prévisualiser pour vérifier le résultat.
P.S. 1 : Avant de publier une image, s'assurer qu'elle n'est pas protégée par des droits d'auteur; et ne pas
oublier de mentionner, le cas échéant,les crédits photographiques.
P.S.2 : Dans le cas d'une insertion de l'image d'un autre site, il s'agit de hotlinckage, procédé que l'éthique
du web ne recommande pas.
Vous pouvez mettre votre texte en couleur, lui donner un fond de couleur ou créer des encadrés
grâce aux zucodes ci-dessous :
Taille du texte
*taille:XX=
Texte
/*
Remplacer XX par la taille en pixels de 10 à 99.
Couleur du texte
Exemple pour un texte de couleur bleu.
*couleur:blue=
Texte
/*
Pour une autre couleur, remplacer blue par le nom anglais de la couleur (skyblue, red, yellow,green,etc.).
Pour le nom des couleurs, consulter la palette :
Palette de couleurs
Fond du texte
Pour un texte de couleur bleue sur fond jaune.
*couleur:blue=
Texte
/*[yellow]
Encadré
Pour un encadré jaune avec un texte bleu.
*couleur:blue=
Texte
/*[[yellow]]
Liste à puce
*liste= Elément 1/*
*liste= Elément 2/*
*liste=Eléments 3/*