Départ 8
~ Membre Magic ~
Localisation : France
Messages : 1630
Date d'inscription : 25/06/2010
 |  Sujet: Leçon 2: Installer un Background (Fond)  Jeu 4 Nov - 23:38 | |
| Suite de >> Leçon 1: Ecritures et Présentations des TextesLeçon 2: Installer un Background (Fond) Plus les années passent, plus les gens sont exigeant. Vous avez un beau design sur votre forum et vous avez peur que votre Fiche de Publicité ne reflète pas ce sens du détail? Le fait d'utiliser le HTML et le CSS est très rependu et populaire. Il permet de mettre en valeur les différentes catégories cité dans le cours précédent.
I - Installer un Tableau
Pour installé un fond dans votre publicité, vous pouvez utiliser différentes techniques. Dans tout les cas, vous devez installer un tableau avec une cellule en HTML (contrairement au BBCode, on est sur qu'il accepte toutes les balises).- Exemple: <table><tr><td>//Contenue de la publicité //</tr></td></table>
Une fois ces deux/trois mots installés, vous avez d'énorme possibilité!
II - Installer un Background en HTML
En HTML, vous aurez un fond (background) très simple (sans arrondis, bordures...etc.) Il suffit d'inséré dans la balise <td> une petite indication avec le lien de l'image utilisé pour le fond.- Exemple: <table><tr><td background="LIEN DU FOND">//Contenue de la publicité //</tr></td></table>
- Exemple: <table><tr><td background="CODE COULEUR">//Contenue de la publicité //</tr></td></table>
III - Installer un Background en CSS
En CSS, vous avez toutes les possibilités ou presque! La manipulation est plus difficile. Vous avez deux possibilités pour inséré du CSS dans une page comme celle-ci :
1) Technique n°1: Feuille de Style Externe [Conseillé]
a)Création d'une Feuille de Style
Nous allons ouvrir une "Fiche de Style" extérieur au tableau, dedans nous pourrons coder en CSS des propriétés qu'on placera à l'endroit désiré sur la Fiche de publicité. Comment ça une "Fiche"? Haha! Ne vous inquiétez pas, vous avez juste à ouvrir la balise <style> avant le tableau installé précédemment.- Exemple: <style type="text/css">//Contenue du CSS//</style>
<table><tr><td>//Contenue de la publicité //</tr></td></table>
b)Installation des Variable en CSS
Vous allez définir un mot qui installera les caractéristiques installé par les balises CSS.
- Exemple: <style type="text/css">.Pubtest{Codage des caractéristiques};</style>
<table><tr><td>//Contenue de la publicité //</tr></td></table>
Ce mot, devra être placé dans la balise HTML de la cellule.- Exemple: <style type="text/css">.Pubtest{Codage des caractéristiques}</style>
<table><tr><td class="pubtest">//Contenue de la publicité //</tr></td></table>
c)Installation du Background et Balises CSS
Il y a beaucoup de balise CSS pour appliquer différentes caractéristiques.
En voici une petite liste qui peut vous aider pour installer votre Backgroud :
- background-image: URL DU FOND; /*Permets d'insérer un fond en image*/
- background-color: CODE COULEUR; /*Permets d'insérer un fond en couleur unis*/
- background-repeat: no-repeat; /*Permets de ne pas faire répété le fond*/
- background-repeat: repeat; /*Permets de faire répété le fond*/
- background-position: center; /*Permets de centré le fond*/
- background-position: top; /*Permets de placer le fond en haut*/
- background-position: top center; /*Permets de centré le fond en haut*/
Pleins de possibilités sont possibles, je ne peux pas toutes vous les lister.
Cependant, en cherchant un peu sur le net vous devriez trouver.
(Si vous n'arrivez pas, poster à la suite de ce sujet)
- Exemple: <style type="text/css">.Pubtest{background-color: CODE COULEUR; }</style>
<table><tr><td class="pubtest">//Contenue de la publicité //</tr></td></table>
1) Technique n°2: Feuille de Style Interne
a)Création d'une Feuille de Style
Nous allons ouvrir une "Fiche de Style" dans le tableau, dedans nous pourrons coder en CSS des propriétés qui sera de-suite installé sur la cellule concerné.- Exemple:<table><tr><td style="//Contenue du CSS//">
//Contenue de la publicité //</tr></td></table>
b)Installation du Background et Balises CSS
Vous n'avez plus qu'à placer les Codes en CSS. Pas besoin de variable cette fois-ci, vue quelle seront appliqués directement sur la cellule.
Il y a beaucoup de balise CSS pour appliquer différentes caractéristiques.
- Exemple:<table><tr><td style="background-color: CODE COULEUR; ">
//Contenue de la publicité //</tr></td></table>
IV - Questions des Internautes
Vous pouvez poster à la suite vos questions sur ce cours.
Je répondrais dans cette partie. Merci d'avoir lu cet article écrit par Ketsu.
© Ketsu [#Correcteurs: Si vous détecter des fautes d'orthographe, n'hésitez pas à me les signaler par MP] | |
|
Accueil