Partagez | 
 

 Section coup de pouce.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
ᴥ Avatar : **
ᴥ Age : 41
ᴥ Lieu de résidence : Ark
ᴥ Histoires racontées : 439
♡ ↔ ♥ : 0
Points : 6884
avatar
CHANCELIER.
Le Chancelier
MessageSujet: Section coup de pouce.   Sam 31 Jan - 20:52


htmlen folie;
Ici je recenserais quelques petits codes qui pourrait vous être utile et de cette façon, par exemple, les couleurs que vous pourriez utiliser suivrais les différents thèmes du forum ♥ à noter que certains codes comme les span class ne fonctionnera que sur Gravity


« le HTML ? c'est trop compliqué... »


La première chose à savoir lorsqu'on essaie de déchiffrer le HTML, c'est que tout se base sur le CSS. Au départ, si on ne connaît rien du CSS, ça peut paraître très compliqué en effet. Mais une fois le CSS comprit, ce n'est plus très difficile de coder. Commençons par le début ;

Pour créer un style, tu dois utiliser la balise div.


Code:
<div style="le style que tu veux appliquer"> ton contenu. </div>

Par exemple ; si je veux appliquer une ombre à un texte, j'utiliserai donc le code CSS de cette façon ;

Code:
<div style="text-shadow: 1px 1px 1px #000000;"> ton contenu.</div>

Ce qui donnera ceci ;
ton contenu.



La balise div, cependant, te servira plutôt à créer des cadres, des blocs de texte, appliquer un fond, etc. Si tu tiens à ne modifier qu'une section d'un texte, tu devras utiliser la balise span ; autrement, div créera un espace indésirable au milieu de ton texte. Par exemple ;


Code:
ton contenu à l'extérieur de la balise. <div style="text-shadow: 1px 1px 1px #000000;"> ton contenu à l'intérieur.</div> ton contenu à l'extérieur.²

donnera ;

ton contenu à l'extérieur de la balise.
ton contenu à l'intérieur.
ton contenu à l'extérieur.²

tandis que ceci ;


Code:
ton contenu à l'extérieur de la balise. <span style="text-shadow: 1px 1px 1px #000000;"> ton contenu à l'intérieur.</span> ton contenu à l'extérieur.²

donnera ;

ton contenu à l'extérieur de la balise. ton contenu à l'intérieur. ton contenu à l'extérieur.²


Voilà donc les bases - très simples - à savoir pour coder. Évidemment, ça ne s'applique que pour de petites fiches de liens ou tes messages en général sur forumactif. Le HTML est presque illimité lorsqu'il s'agit de la création d'un forum ou d'un site et les possibilités sont énormes, je vais donc me contenter de ce mini-tutoriel. Les codes CSS se retrouvent un peu partout sur le net, mais si un en particulier t'intéresse et que tu ne le trouves pas, tu peux toujours me contacter pour me demander; je me ferai un plaisir de t'aider.♥


« et les couleurs ? »


Tout est très simples, les couleurs utiliser du forum on été classer par les couleurs des groupes ou certaines balises utile pour les postes vacants ♥ donc vous n'avez qu'à utiliser les span class ci-dessous ;

TEXTE♥

Code:
<span class='evid'>TEXTE♥</span>



TEXTE♥

Code:
<span class='libre'>TEXTE♥</span>


TEXTE♥

Code:
<span class='reserved'>TEXTE♥</span>


TEXTE♥

Code:
<span class='ark'>TEXTE♥</span>


TEXTE♥

Code:
<span class='ground'>TEXTE♥</span>

TEXTE♥

Code:
<span class='invade'>TEXTE♥</span>

crédit;; mee pour la première partie et lilissa pour la seconde partie.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
ᴥ Avatar : **
ᴥ Age : 41
ᴥ Lieu de résidence : Ark
ᴥ Histoires racontées : 439
♡ ↔ ♥ : 0
Points : 6884
avatar
CHANCELIER.
Le Chancelier
MessageSujet: Re: Section coup de pouce.   Sam 31 Jan - 20:53

Sites Pratiques


Bazzart → www.bazzart.org Graphisme/codes
Le Chat Noir → www.le-chat-noir-graph.com Graphisme
Wannie in Wonderland → www.wannie-in-wonderland.tumblr.com Graphisme
Nerver Utopia → www.never-utopia.com Graphisme/Codes
My Candids → http://candids.nexgate.ch/index.php Codes/ graphisme *occidentaux*
Bon Patron → www.bonpatron.com orthographie
Epicode → http://epicode.bbactif.com/ Codes

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

Section coup de pouce.

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

 Sujets similaires

-
» Section coup de pouce.
» Dingbats...
» Coup de pouce du Québec au Gouv. Alexis .
» un coup de pouce ?
» Besoin d'un coup de pouce?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Gravity :: Libre service Codage-