blue mermaid oh my universal Messages : 53
Date d'inscription : 08/07/2016
| Sujet: La propriété div class Lun 11 Juil - 14:24 | |
| Tutoriel créé par blue mermaid.
Sujet : la propriété div class. Niveau : facile. Application : css.
Bonjour à tous !
Vous êtes-vous déjà demandé s'il était possible d'utiliser une propriété qui permettait d'alléger le codage des fiches de votre forum ? S'il existait un code unique à changer à chaque changement de design, qui s'appliquerait dès lors à tous vos codages, sans devoir éditer chaque fiche ? Eh bien, cette propriété existe ! C'est la propriété div class ! Pour en savoir plus, il vous suffit de lire ce qui suit...
1. C KOI ?
La propriété div class est une propriété qui vous permet de modifier le codage de plusieurs fiches simultanément grâce au css de votre forum.
2. Comment ça marche ?
Eh bien, c'est très simple, ma chère Lucette ! Tout d'abord, il faudra que tu te rendes sur ta feuille de style CSS : Panneau d'administration → Affichage → Couleurs → Feuille de style CSS. Une fois que tu y seras, tu devras créer un code avec l'intitulé de ton choix. Par exemple, si tu souhaites créer un codage sur un texte encadré, tu peux nommer ton code cadre1, mais tu peux aussi choisir un tout autre nom. Même licorne si ça te fait plaisir, c'est comme tu le sens. Ton code devra dès lors se présenter comme suit :
- Code:
-
.cadre1 { propriété 1 ; propriété 2 ; propriété 3 ; } Un point doit toujours précéder l'intitulé de ton code. Les accolades ouvrent et ferment la partie réservée au codage. Il est important de bien noter les deux accolades sinon, ton code ne sera pas valide. Enfin, les points-virgules séparent les différentes propriétés. Tu peux présenter les choses de manière linéaire mais c'est généralement plus lisible quand les propriétés sont placées les unes en dessous des autres, lorsque le codage est très long.
Ça pourrait donc donner ceci :
- Code:
-
.cadre1 { border-left:solid 1px #000000; border-radius:50px 100px 50px 100px; border-right:solid 1px #000000; border-top:dotted 1px #555555; border-bottom:dotted 1px #555555;} Une fois que ton codage est réalisé, n'oublie pas de valider ta feuille de style css. Quand c'est fait, tu peux te rendre dans la section de ton forum où tu souhaites appliquer ce codage (page d'accueil, fiche de présentation, etc.) C'est alors qu'entre en scène la propriété div class. Au lieu d'utiliser la propriété div style que nous avons déjà vu dans ce tutoriel, il faut que tu la remplaces par div class et que tu inscrives, entre les guillemets, le nom du code que tu as choisi dans ton css. Dans ce cas-ci, cela donnerait :
- Code:
-
<div class="cadre1">Texte.</div> Et voilà, tu peux désormais t'amuser avec cette nouvelle propriété qui te permettra d'uniformiser toutes tes fiches ! Attention, la propriété n'est applicable, bien entendu, que sur le forum où tu as intégré ton codage personnalisé dans le css.
J'espère que cette petite astuce aura pu vous aider à avancer encore un peu dans l'univers du codage
Si vous avez des questions, comme d'habitude, n'hésitez pas |
|
Blake oh my universal Messages : 1521
Age : 24
Date d'inscription : 01/01/2016
Localisation : Dans le placard sous l'escalier
| Sujet: Re: La propriété div class Lun 11 Juil - 18:21 | |
| Super ce tuto, merci beaucoup |
|
blue mermaid oh my universal Messages : 53
Date d'inscription : 08/07/2016
| Sujet: Re: La propriété div class Mer 13 Juil - 12:31 | |
| Avec plaisir |
|
| Sujet: Re: La propriété div class | |
| |
|