Accueil > Espace Numérique de Travail > Les raccourcis typographiques

Les raccourcis typographiques

lundi 21 avril 2008, par Lucien impression

Mots-clefs :: Eclairement ::


Voici les raccourcis typographiques que vous pouvez utiliser pour rédiger vos articles :

Les styles

- Code :{texte en italique}
Effet : texte en italique

Commentaire : utilisation courante pour les citations ou les mots étrangers.

- Code : {{texte en gras}}
Effet : texte en gras

Commentaire : mise en relief d’une partie du texte.

- Code : <sc>Petites majuscules</sc>
Effet : Petites majuscules

Commentaire : intéressant notamment pour faire des titres dans vos articles.

- Code : <souligne>Texte souligné</souligne>
Effet : Texte souligné

Commentaire : A utiliser avec modération (le souligné n’est il pas une abération de l’époque de la machine à écrire), mais largement utilisable dans les écrits formels ou universitaires.

- Code : <barre>Texte barré</barre>
Effet : Texte barré

Commentaire : Utilisé pour marquer l’accomplissement d’une tache, son utilisation est assez limitée. Ce code typo peut être avantageusement utilisé dans le site privé dans des articles gérant des taches.

- Code : <clignote>Texte clignotant</clignote>
Effet : Texte clignotant

Commentaire : à utiliser avec modération. Intéressant pour souligner un avertissement.

- Code : <cadre> Texte encadré </Cadre>
Effet :

Commentaire : encadré sans formatage.

- Code : <quote>Texte quoté</quote>
Effet :

Texte quoté

Commentaire : encadré type "quote" avec un petit retrait, des marges internes et supportant le formatage.

++++

Les couleurs et surlignages

A utiliser avec modération. Trop de style tue le style ;-p

- Code : <surfluo>Texte surligné en jaune</surfluo>
Effet : Texte surligné en jaune

- Code : <surgris>Texte surligné en gris</surgris>
Effet : Texte surligné en gris

Pour mettre une texte en couleur :

- Code : [rouge]texte en rouge[/rouge]
Effet : [rouge]texte en rouge[/rouge]

Les autres couleurs : noir, rouge, marron, vert, vert olive, bleu marine, violet, gris, argent, vert clair, bleu, fuchia, bleu clair, blanc, bleu azur, beige, brun, bleu violet, brun clair, rose clair, vert fonce, orange fonce, mauve fonce, bleu ciel, or, ivoire, orange, lavande, rose, prune, saumon, neige, turquoise, jaune paille, jaune

Pour mettre le fond en couleur :

- Code : [fond rouge]texte sur fond rouge[/fond rouge]
Effet : [fond rouge]texte sur fond rouge[/fond rouge]

Avec les mêmes couleurs que ci-dessus.

Les balises HTML fonctionnent également :

Code : <font color="red">Texte en rouge</font>
Effet : Texte en rouge

++++

Placer des onglets

Pour ce faire, la procédure est simple et peut être décomposée en deux étapes :

Rappelons tout d’abord q’une article est composé d’un titre, éventuellement d’un sous-titre ou d’un chapeau et du corps du texte. En fin d’article un P.S. peut bien entendu être ajouté.

La première étape consiste à placer une balise <onglets> (ouvrante) là ou vous souhaitez que le premier onglet démarre et une balise </onglets> (fermante) là ou vous voulez que la prise en charge des onglets cesse.

La deuxième étape consiste à marquer indiquer ou couper en onglet. Pour ce faire, il vous faut placer quatre signes plus (++++) à l’emplacement ou vous souhaitez couper.

Quid du nommage des onglets ?

Après la balise ouvrante <onglets> (juste après ou en dessous à moins de deux lignes d’écart) entrez le nom que vous souhaitez donner au premier onglet.

Faites de même pour les onglets suivants avec ++++

Ainsi, pour cet effet, voici le code :

Titre de l'article 409

Sous-titre de l'article 409

Chapeau de l'article 409

Je suis le corps hors onglets (s'il y a lieu)

<onglets> titre du premier onglet

Je suis le contenu du 1er onglet

++++ titre du 2eme onglet

Je suis le contenu du 2eme onglet

++++ titer du 3eme onglet

Je suis le contenu du 3eme onglet

++++Le code pour réaliser les trois onglets précédents dans vos articles

</onglets>

Je suis la suite du corps du texte hors onglets (s'il y a lieu)

PS de l'article 409

++++ Poser un lien

Pour poser un lien deux méthode sont possibles

1) Un lien SPIP

[votre pointeur->www.votre-lien.com]

Pour le site Eclairement : Le site eclairement (avec [Le site eclairement->www.eclairement.com]

Notez que pour un lien interne des raccourcis sont possibles :

- Un article par son numéro : art200

Par exemple pour cet article (article 22), un lien Les raccourcis typographiques (avec [Les raccourcis typographiques->art22] )

- Une rubrique par son numéro : rub3

2) Un lien HTML :

<a href="www.votre-lien.com">Pointeur du lien</a>

Pour eclairement par exemple : Le site Eclairement (avec <a href="www.eclairement.com">Le site Eclairement</a>


Vous pouvez réagir à cet article et nous laisser vos avis et suggestions

Ajouter cet article sur :

del.icio.us Ajouter cet article sur Bookmarks.fr facebook Google Yahoo MyWeb Digg it Furl

© Tous les textes et documents disponibles sur ce site, sont, sauf mention contraire, protégés par une licence Creative Common (diffusion et reproduction libres avec l'obligation de citer l'auteur original et l'interdiction de toute modification et de toute utilisation commerciale sans autorisation préalable).

carre_trans Avec les mêmes mots-clefs
puce Soutenir le projet Eclairement
puce Campagne d’adhésion à l’association Eclairement
puce Salon littéraire du 17 mars 2012 - Premières images
puce Nouvelle campagne d’adhésion à l’association
puce Eclairement change d’hébergement
puce Eclairement sur le Web
puce En février, l’année a commencé
puce Android et vie privée : Applications, permissions et localisation
puce Impossible de trouver Java : comment changer les variables d’environnement sous Windows
puce Recherche avancée sur Google
puce Du vélo sous la pluie ou de l’art d’affronter les éléments
puce Microsoft étudiant : état des lieux des offres éducation 2013
puce Vie privée : sécurisez votre navigation internet
puce Sécurisez vos échanges sous Android : chatter protégé
Equipe Eclairement L'association
La lettre S'abonner
Facebook Twitter
Tutoriels pour débutant   Spectacle   Photographie   Edito   Droit   Vie privée   Europe   Windows 7   Roman   Culture générale   Histoire   Installation   Windows Mobile   Musique   BD   Société   Théâtre   Firefox   sport   Métier   Linux   Littérature   Anime   Android   Techniques   Poésie   Windows Vista   Peinture   arts visuels   Recherche d’information bibliographique   Microsoft Office   Education   Séries TV   Cinéma   Tutoriels   Cours   Manga   Windows   Pages Ouvertes   Urbanisme   Bases de données   HTML   Fable  
Eclairement © 1998 - 2012
Mentions légales - Contact - Partenaires