Wolf Angel
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -45%
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre ...
Voir le deal
339 €

Partagez | 
 

 Quelques astuces pour commencer.

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

Wolf Godness

PNJ SanaDéesse fondatrice des Loups

Wolf Godness

Nombre de messages : 154
Date d'inscription : 28/07/2011


Quelques astuces pour commencer. Empty
MessageSujet: Quelques astuces pour commencer.   Quelques astuces pour commencer. I_icon_minitime23.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).
Revenir en haut Aller en bas

Wolf Godness

PNJ SanaDéesse fondatrice des Loups

Wolf Godness

Nombre de messages : 154
Date d'inscription : 28/07/2011


Quelques astuces pour commencer. Empty
MessageSujet: Re: Quelques astuces pour commencer.   Quelques astuces pour commencer. I_icon_minitime23.08.11 10:31

+1
Revenir en haut Aller en bas
 

Quelques astuces pour commencer.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 

 Sujets similaires

-
» quelques pix svp
» Quelques photos
» Quelques modifications...
» Quelques news
» Quelques blagues.
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Wolf Angel :: UN DERNIER MOT, UNE DERNIÈRE PENSÉE. :: 
« c o r b e i l l e »
-