AccueilAccueil  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
anipassion.com
Partagez
 

 La propriété div class

Aller en bas 
AuteurMessage
blue mermaid
oh my universal
blue mermaid

Messages : 53
Date d'inscription : 08/07/2016

La propriété div class Empty
MessageSujet: La propriété div class   La propriété div class EmptyLun 11 Juil - 14:24

Tutoriel créé par blue mermaid.

Sujet : la propriété div class.
Niveau : facile.
Application : css.

Bonjour à tous !  La propriété div class 781856399

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  La propriété div class 3674946257

Si vous avez des questions, comme d'habitude, n'hésitez pas  La propriété div class 2555340822
Revenir en haut Aller en bas
Blake
oh my universal
Blake

Messages : 1521
Age : 19
Date d'inscription : 01/01/2016
Localisation : Dans le placard sous l'escalier

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

Super ce tuto, merci beaucoup La propriété div class 2555340822
Revenir en haut Aller en bas
blue mermaid
oh my universal
blue mermaid

Messages : 53
Date d'inscription : 08/07/2016

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

Avec plaisir La propriété div class 781856399
Revenir en haut Aller en bas
Contenu sponsorisé




La propriété div class Empty
MessageSujet: Re: La propriété div class   La propriété div class Empty

Revenir en haut Aller en bas
 
La propriété div class
Revenir en haut 
Page 1 sur 1

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