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

Partagez | 
 

 {HTMLORAMA;

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

Lee Kessyavatar

THE FREAK ADMIN;
messages : 448
je suis ici depuis le : 13/06/2010
âge : 28
love status : mh, quelle bonne blague.
animal de compagnie : dopey, un black racer. serpent pour les incultes. et dope pour les intimes - aka les femmes. ah, ouais, attention. il aime pas trop les hommes.
mood : embêté.
je me trouve ici : quelque part dans ta tête. trève de plaisanterie, certainement sur les toits.

MessageSujet: {HTMLORAMA;   Lun 2 Aoû - 14:49


htmlorama;
Qu'est-ce que le HTMLORAMA ? C'est à la fois un guide au HTML et un répertoire des codes HTML que vous pourrez utiliser sur AWA. Il se divise en trois partie ; la première contenant quelques explications niveau HTML, la seconde quelques trucs utiles afin de vous aider et finalement, dans la troisième, pour les plus lâches, quelques codes que vous pourrez utiliser sur ce forum. À noter que ces derniers ne fonctionneront que sur AWA.



« 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.


Citation :
<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 ;

Citation :
<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 ;


Citation :
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 ;


Citation :
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. Sur ce, passons à la deuxième partie. ♥



les deux autres parties seront postées lorsqu'elles seront complétées. ;)

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://akiwa-archives.forumactif.com
 

{HTMLORAMA;

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
akiwa ::                                rules&co :: spellbook-