Vos régions au quotidien

CODES



Références :
Tutoriels en Français
CSS
HTML
Codes couleurs

Codes de balises:

Grand Titre  = <h1>Grand Titre</h1>

Moyen Titre = <h2>Moyen Titre</h2>

Idem pour h3, h4, etc…

Lien interne = <a href= »http://nautre-attitude.com/ »>Lien interne</a>
Lien externe = <a href= »http://nautre-attitude.com/ » target= »_blanc »>Lien externe</a>
Lien externe avec title = <a href= »http://nautre-attitude.com/ » target= »_blanc » title= »Bulle de titre du lien »>Lien externe avec title</a>
texte span = <span>texte span</span>
conteneur div = <div>conteneur div</div>

Codes de classes CSS:

Classe fade qui met en surbrillance les liens et images Classe fade
= <a class= »fade » href= »http://nautre-attitude.com/codes/ »> Classe fade </a>

Classe entry-title effet de couleur lien en titre avec espace autour Classe entry-title = <a class= »entry-title » href= »http://nautre-attitude.com/codes/ »> Classe entry-title</a>

Classe block-button pour créer un bouton Nom bouton
= <a class= »block-button » href= »http://nautre-attitude.com/codes/ »>Nom bouton</a>

Classe barre permet de faire une barre dégradée en nuances de marron
= <div class= »barre »></div>

 
Combinaisons de codes:

Lien externe + Classe fade + Classe block-button Nom bouton fade lien externe
= <a class= »fade block-button » href= »http://nautre-attitude.com/codes/ » target= »_blanc »>Nom bouton fade lien externe</a>

Titre H1 + Classe entry-title + Lien interne + Title

Bonjour tout le monde !

= <h4 class= »entry-title »><a title= »Bonjour tout le monde ! » href= »http://nord-pasdecalais.nautre-attitude.com/bonjour-tout-le-monde/ »>Bonjour tout le monde !</a></h2>

Image + lien interne de l’image + Classe fade edito1

= <a class= »fade » href= »http://nautre-attitude.com/wp-content/uploads/2014/09/edito1.jpg »><img data-id= »332″  src= »http://nautre-attitude.com/wp-content/uploads/2014/09/edito1.jpg » alt= »edito1″ width= »150″ height= »150″ class= »alignnone size-full wp-image-332″ /></a>

A noter que WordPress ajoute ses codes et classes lors de l’insertion d’une image.

 

Image + lien externe de l’image et du texte lien + image en position gauche (Classe alignleft)
+ Classe fade

edito1Lien
texte texte texte

texte texte
texte texte texte

texte texte texte texte

texte texte texte texte texte

texte texte texte texte texte texte texte texte texte texte texte
= <a title= »titre lien » href= »http://nautre-attitude.com/codes/ » target= »_blank »><img class= »fade alignleft wp-image-332 size-full » src= »http://nautre-attitude.com/wp-content/uploads/2014/09/edito1.jpg » alt= »edito1″ width= »150″ height= »150″ data-id= »332″ />Lien</a>
texte texte texte

Astuces:

Touche Entrée = Grand retour à la ligne
Touches Shift (au dessus de la touche Ctrl) + Entrée = Petit retour à la ligne
En mode visuel, souligner avec la souris le texte et l’image pour leur attribuer le même lien avec le bouton inséré un lien (comme dans l’exemple ci-dessus)

Short codes:

Enlever l’espace entre le crochet [ et le début du shortcode pour l’activer.
[ cycloneslider id= »le nom du diaporama »]

[ ivrss-gallery type= »GROUP1″ display= »2″ height= »170″ ]

[ summary-child-pages]