AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  



 

Partagez | 
 

 La propriété div class

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

avatar
oh my universal
Messages : 53
Date d'inscription : 08/07/2016

MessageSujet: 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  
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar
oh my universal
Messages : 1521
Age : 18
Date d'inscription : 01/01/2016
Localisation : Dans le placard sous l'escalier

MessageSujet: Re: La propriété div class   Lun 11 Juil - 18:21

Super ce tuto, merci beaucoup
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

avatar
oh my universal
Messages : 53
Date d'inscription : 08/07/2016

MessageSujet: Re: La propriété div class   Mer 13 Juil - 12:31

Avec plaisir
Revenir en haut Aller en bas
Voir le profil de l'utilisateur


Contenu sponsorisé

MessageSujet: Re: La propriété div class   

Revenir en haut Aller en bas
 

La propriété div class

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» BRITAX First Class plus
» Britax First Class Plus (groupe 1) trop petit pour enfant de 13 kg et 95 cm
» Avis sur deux sièges le first class plus de britax et le RF Hauck Varioguard
» résultats aux crash tests des sieges auto Protect de JANE et First Class Plus de BRITAX??
» la FED va émettre sa propre dette

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
OH MY RPG! :: OH MY SERVICES ! :: Le codage :: Tutoriels-