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


 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le Deal du moment : -25%
PC Portable Gamer 16,1” HP Victus 16 – 16 ...
Voir le deal
749.99 €

Partagez
 

 Guide pour bien débuter : code Html

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

Guide pour bien débuter : code Html Empty
MessageSujet: Guide pour bien débuter : code Html   Guide pour bien débuter : code Html EmptyDim 5 Mai - 22:42

Pour le bon fonctionnement de ce guide, aller sur votre profile, puis dans préférences. De là vous cochez oui dans : autoriser le HTML"
Spoiler:

Ceci étant fait, voici le guides des Html !

En gras :
Texte

Code:
<b>Texte</b>


En italique :
Texte

Code:
<i>Texte</i>



Souligné :
Texte

Code:
<u>Texte</u>



Barré :
Texte

Code:
<strike>Texte</strike>



Centré :
Texte


Code:
<center>Texte</center>


Alligné à droite :
Texte


Code:
<div align="right">Texte</div>



Texte en couleur :
Texte

Code:
<font color="CODE COULEUR">Texte</font>


Taille du texte :
Texte

Code:
<font size="Xpx">Texte</font>
(X étant un nombre entier)


Pour un gros texte superposé :

TEXTE DU HAUT
TEXTE DU BAS



Code:
<DIV style="TEXT-ALIGN: center" align=center><FONT face=Georgia size=9><blockquote>
[color=white]TEXTE DU HAUT[/color]
[color=yellow]TEXTE DU BAS[/color]</FONT></SPAN><BR></DIV>


Pour un halo lumineux autour de vos textes:
TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE


Code:
<div style="text-shadow: 0px 0px 4px white;">TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE </div>


Pour une ombre à votre texte:
TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE


Code:
<div style="text-shadow: 3px 3px 4px black;">TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE </div>


Pour espacer vos lettre:
TEXTE TEXTE TEXTE


Code:
<div style="letter-spacing:4px;">TEXTE TEXTE TEXTE</div>


Défilement d'image :
















Code:
<marquee direction="direction en anglaist" onmouseover=this.scrollAmount=0 scrollAmount=2>
<img src="url de l'image">
</marquee>
et pour plusieurs images :
Code:
<marquee direction="right" onmouseover=this.scrollAmount=0 scrollAmount=2>
<img src="url de l'image"> <img src="url de l'image"> <img src="url de l'image">
</marquee>

Petite explication pour que vous puissiez personnaliser ce code :

* " Direction " veut dire comme en français direction , donc il est tous à fait possible de changer cette direction , il suffit juste de remplacez right (droit) par left (gauche) , up (haut) ou bien down (bas)!

* Le " onmouseover=this.scrollAmount=0 " sert à indiquer la vitesse de défilement quand vous passez la souris sur les images qui défilent , je vous conseille de mettre une vitesse entre 0 et 1 mais libre à vous de mettre une valeur plus haute.

* Le "scrollAmount=2" sert lui à indiquer la vitesse de défilement , choisissez la valeur qui vous convient!!
Revenir en haut Aller en bas
Kenji/Keiko Yamada
Le frère et la soeur pas comme les autres
Kenji/Keiko Yamada
Messages : 146
Date d'inscription : 30/04/2013
Age : 29
Localisation : Devant mon pc (parce que derrière je vois rien)

Personnage
Classe de votre personnage: Kenji :3-B Keiko :2-A
Club(s):
Partenaire(s): Kenji : Forever Alone Keiko : ça ne saurait attendre :3

Guide pour bien débuter : code Html Empty
MessageSujet: Re: Guide pour bien débuter : code Html   Guide pour bien débuter : code Html EmptyMer 22 Mai - 7:43

Pour ajouter un lien :
https://negima.forumactif.org/

Code:
<a href>http://negima.forumactif.org/</a>

Pour mettre un texte menant à un lien :
Lien

Code:
<a href="http://negima.forumactif.org/">Lien</a>

Pour ouvrir un lien en nouvel onglet :
https://negima.forumactif.org/

Code:
<a href target="_blank">http://negima.forumactif.org/</a>

Pour ouvrir un texte qui mène à un lien en nouvel onglet :
Texte

Code:
<a href="http://negima.forumactif.org/" target="_blank">Texte</a>

Pour ajouter un saut de ligne :
Texte
Texte

Code:
Texte<br/>Texte

Pour changer la police d'écriture :
Texte

Code:
<font face="Courier New">Texte</font>

J'en ajouterais d'autres, mais là, je suis en cours ^^"
Revenir en haut Aller en bas
http://fan-fic-negima.skyrock.com/1.html
Invité
Invité
avatar

Guide pour bien débuter : code Html Empty
MessageSujet: Re: Guide pour bien débuter : code Html   Guide pour bien débuter : code Html EmptyLun 27 Mai - 20:22




Guide pour bien débuter : code Html Plume3
Fiche BONUS :
Exemple de codage pour une belle presentation

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •



Voici comment personalisé un texte Very Happy


Si ce type de codage vous plait, je peux vous en personaliser. Sinon,voilà le code (vous avez plus qu'à changer se qui est présent pour vous montrer) :

Code:
 <center><div style="background-image: url(http://josielyne.j.o.pic.centerblog.net/7760b776.jpg); padding: 7px; width: 650px; text-align: justify; border-radius: 30px; color: black; line-height: 1; font-size: 11px;"><table width="100%" cellspacing="8px" cellpadding="0px"><td colspan=width="50%">

<center><div style="background-color : #ffffff;box-shadow: 0px 0px 5px #000000;border: 2px solid #555658; width: 625px; line-height: 12px; opacity: 1; border-radius: 10px 10px 10px 10px">
<div style="TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: georgia; text-shadow: 1px 1px #000000"><FONT  size=5><font color="gray"> [center][img]http://membres.multimania.fr/langevinwallon/images/plume3.gif[/img][/center]
<b><i><font color="blue">Fiche BONUS : </font>
<font size="3px"> <font color="green">Exemple de codage pour une belle presentation</font> </font> </i></b></font><br>• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • </FONT></SPAN><br>

[left][size=18]Voila comment personalisé un texte![/size][/left]
</div></div></table></center>
Revenir en haut Aller en bas
Contenu sponsorisé



Guide pour bien débuter : code Html Empty
MessageSujet: Re: Guide pour bien débuter : code Html   Guide pour bien débuter : code Html Empty

Revenir en haut Aller en bas
 

Guide pour bien débuter : code Html

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

 Sujets similaires

-
» Parce qu'il faut bien commencer ...
» Kaio Okamoto pour vous servir

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Général :: Guides-