Wolf Godness
PNJ Sana ✖ Déesse fondatrice des Loups
Nombre de messages : 154 Date d'inscription : 28/07/2011
| Sujet: Quelques astuces pour commencer. 23.08.11 10:31 | |
| Ici, vous trouverez quelques codes simple que vous pourrez réutiliser comme bon vous semble en les combinant avec d'autres codes. Vous pourrez également demander aux Administrateurs l'ajout d'une nouvelle class dans le CSS du forum, pour les codes que vous utilisez souvent, afin que vous n'ayez pas à les retaper à chaque fois (les Admins se réserveront le droit d'accepter ou non ce type de demandes, en fonction de l'utilité qui leur sera trouvée, pour éviter d'encombrer le CSS du forum avec trop de class différentes.) LES CLASS Sans rentrer dans les détails, les class fonctionnent comme des raccourcis. On ajoute un code dans le CSS du forum en lui définissant une "class". Ainsi, pour utiliser ce code dans le forum, il suffira d'indiquer la class, sans avoir besoin de réécrire tout le code. Pour utiliser une class sur un texte, entourez le texte de ces balises : - Code:
-
<span class="NOM DE LA CLASS"> VOTRE TEXTE </span> Pour utiliser une class sur un bloc et tous les éléments qui sont dedans, délimitez votre bloc par ces balises : - Code:
-
<div class="NOM DE LA CLASS"> TOUT CE QUI SERA MIS ICI SERA AFFECTÉ PAR LA CLASS </div> Pour utiliser une class sur un lien, utilisez ces balises HTML pour intégrer votre lien plutôt que celles en BBCode : - Code:
-
<a class="NOM DE LA CLASS" href="URL DE VOTRE LIEN"> TEXTE / IMAGE </a> Pour utiliser une class sur une image, utilisez ces balises HTML pour intégrer votre image plutôt que celles en BBCode : - Code:
-
<img class="NOM DE LA CLASS" src="URL DE VOTRE IMAGE"> opacity Permet de réduire l'opacité d'un élément de 50%. L'opacité repasse à 100% (et l'élément en question devient alors parfaitement visible) au passage de la souris. Exemple (passez la souris sur l'exemple)Pour demander à ce que les Admins rajoutent une class, expliquez-nous en quoi vous voulez que le code consiste, ou mieux fournissez-nous directement le code en question pour que nous puissions l'adapter le plus directement possible et l'intégrer au CSS du forum. UTILISATION DES CODES HTML ; Les Bases Pour appliquer des codes à un texte, utilisez ces balises : - Code:
-
<span style="LES ÉLÉMENTS DE VOTRE CODE (ALIGNEMENT DU TEXTE, COULEUR, OMBRE, ETC.)"> VOTRE TEXTE </span> Pour appliquer des codes à un bloc (et donc, à tous les éléments contenus dans ce bloc), utilisez ces balises : - Code:
-
<div style="LES ÉLÉMENTS DE VOTRE CODE (ALIGNEMENT DU TEXTE, MARGES, COULEUR DE FOND, CADRE, ETC.)"> TOUT CE QUI SERA MIS ICI SERA AFFECTÉ PAR LE STYLE DÉFINI </div> Remarque : il est tout à fait possible de définir une class et un style pour un même bloc : - Code:
-
<span class="NOM DE LA CLASS" style="LES ÉLÉMENTS DE VOTRE CODE (ALIGNEMENT DU TEXTE, COULEUR, OMBRE, ETC.)"> VOTRE TEXTE </span> - Code:
-
<div class="NOM DE LA CLASS" style="LES ÉLÉMENTS DE VOTRE CODE (ALIGNEMENT DU TEXTE, MARGES, COULEUR DE FOND, CADRE, ETC.)"> TOUT CE QUI SERA MIS ICI SERA AFFECTÉ PAR LE STYLE DÉFINI </div> Remarque bis : Les "styles" peuvent vite devenir assez long, quand on y met plusieurs codes. Si vous réutilisez régulièrement le même style, il serait plus simple d'en faire une class pour n'avoir plus que le nom de la classe à intégrer dans votre message plutôt que de réécrire tous les codes du style. C'est dans ces cas-là, par exemple, que l'on utilise les class (mais les Admins n'ajouteront votre class que si plusieurs membres du forum s'en servent, pour ne pas surcharger le CSS du forum). |
|
Wolf Godness
PNJ Sana ✖ Déesse fondatrice des Loups
Nombre de messages : 154 Date d'inscription : 28/07/2011
| Sujet: Re: Quelques astuces pour commencer. 23.08.11 10:31 | |
| |
|