Codes pour avoir la classe...

Bien le bonjour ^0^/

Votre serviteur Samuel a toujours trop de temps libre alors il a pensé à un sujet qui pourrait en intéresser certains !
Voyez par vous même comment Samuel copie bien les autres XD !

Les sites à consulter

Je suis sûr qu'il existe des sites avec plein de trucs et astuces dans ce genre mais j'en ai pas trouvé donc ça serait cool si ceux qui en connaitrai pourraient faire passer les liens :D

Dante Mstislav a écrit:

Sinon, j'en profite pour signaler à tout ceux qui s'éclatent à faire des super trucs en codage que pour le bonheur des yeux de ceux qui n'utilisent pas Firefox, rajouter les codes -webkit-border-radius et -border-radieux dans votre CSS/html (à la suite de -moz-border-radius) permet de voir les arrondis sous Chrome et Opera (ou Safari, ou les deux, j'sais plus ._.)

Table des couleurs : Cliquez ici °0°/
Autres HTML : Pour ceux qui aiment chercher :D

La technique du "Oo trop cool... A moi !" ^0^/

Pour ceux qui tomberaient sur des ouf en code (voir les fiches de liens/relations de nos chers membres que je remercie d'ailleurs :D)
Il vous suffit de cliquer sur le bouton "Citer" en haut à droite de leur message, de prendre la partie encadrée ou avec la mise en page voulue et de remplacer de texte.
A un autre niveau, on peut aussi jouer avec les codes pour essayer de changer la couleur, la police, la taille de la mise en page, en se rappelant des derniers codes simples qu'on peut reconnaitre :

Code:

[front=POLICE]Pour changer la police de votre récit[/front]
<front style=...>De même</front>
[size=...]Taille du récit[/size]
[img]URL de l'image[/img]
[url=URL du LIEN]Texte sur lequel on clique pour accéder à la page[/url]
Les écritures du type #520920 sont des couleurs.
Les codes sont toujours organisés de la façon [code]texte encodé[/code] ou <code> Texte encodé </code>

De même, en s'y connaissant un peu en anglais ou en possédant un petit dico, on peut très vite reconnaitre certains mots et mieux comprendre qu'est-ce qui correspond à quoi dans la longue ligne de code :

Code:

size = taille
color = couleur
border = bordure
bottom = bas
top =haut
left = gauche
right = droite
background = fond
margin = marge
[etc...]

Et biensûr les codes que vous connaissez bien :

Code:

[b]GRAS[/b]
[i]Italique[/i]
[u]Souligné[/u]

Les codes

EN TETE

Code:

<font style="font-family: arial; color: grey ;" size="4"><div style="border-bottom: 3px solid #452C30; -moz-border-radius-topright: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; text-align:right">TEXTE</div></font>

Trait de séparation / Soulignement En tête :

Code:

<div style="background:#520920">[size=4][color=#520920]-----------------------------------[/color][/size]</div>

- Encadrement bords ronds

TITRE

SOUS TITRE

Code:

<blockquote><DIV style="-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 6px solid;"><center><div class="haut2"><div style="margin:auto;text-align:center;width:100%">[size=28][font=Times New Roman]TITRE[/font][/size] </div></div><div class="milieu2"><div align="center"></div></div><div class="bas2">SOUS TITRE</div></center></div></blockquote>

- Colonnes simples

TEXTE

Code:

[table][td][img]IMAGE[/img][/td]
[td]TEXTE[/td][/table]

- Colonnes espacées

TEXTE

Code:

<BLOCKQUOTE>[table border=0][tr][td][list][img]IMAGE[/img][/list][/td]
[td][list]TEXTE[/list][/td][/tr][/table]</BLOCKQUOTE>

- Colonnes encadrées

TITRE TEXTE

Code:

<ul>[table][tr][td width="205"]<div class="haut2"><table style="background-color: white ; height: 235px;"><tr><td><div style="border: 9px solid #520920; width: 200px; height: 320px;"><img src="IMAGE"></div></table>[/td]
[td width="10"][/td][td width="300"][center][font=Georgia][size=15][b]TITRE[/b][/size][/font][/center]
TEXTE[/td][/tr][table]</ul>

Dialogue :

TEXTE

Code:

<table border="0" cellpadding="5"><tr><td align="left"><img src="IMAGE" border="0" alt="" /></td><td align="left" ;fieldset="" style="border: 1px solid rgb(24, 31, 26); -moz-border-radius: 10px 10px 10px 10px;" bgcolor="#424F46"><i><font size=2 color=#060A05>TEXTE</font></i></td></tr></table>

Couleur du fond de texte :

Code:

<DIV style="background-color: white"> TEXTE </DIV>

Encadrement :

Code:

<DIV style="; border: 2px solid;">TEXTE</DIV>

Voilà la table des couleurs pour changer à sa guise les couleurs des encadrements ou autres: http://www.commentcamarche.net/contents/html/htmlcouleurs.php3

EDIT: J'ai une petite image trop nignonne 8D !

Un truc vachement pratique pour les couleurs aussi >




Sinon, j'en profite pour signaler à tout ceux qui s'éclatent à faire des super trucs en codage que pour le bonheur des yeux de ceux qui n'utilisent pas Firefox, rajouter les codes -webkit-border-radius et border-radius dans votre CSS/html (à la suite de -moz-border-radius) permet de voir les arrondis sous Chrome et Opera (ou Safari, ou les deux, j'sais plus ._.)