Nadakai Gakuen

Nadakai Gakuen, lycée prestigieux au Japon. Venez incarner un élève, un membre du personnel ou un simple civil. Forum classé NC-16 (yaoi/yuri/hentai autorisés)

Partagez | 
 

 Codes pour avoir la classe...

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



MessageSujet: Codes pour avoir la classe...    Lun 12 Juil - 10:48

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 ._.)
Merci Dante Mistislav !


Table des couleurs : Cliquez ici °0°/
Autres HTML : Pour ceux qui aiment chercher :D
Merci Martin Dubois pour ces liens ^^

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 :
TEXTE

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

Encadrement :
TEXTE

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

-----------------------------------

-----------------------------------


Merci de partager d'autres codes
que vous connaitriez pour aider
les pauvres golio qui y comprennent rien ^0^/ !

Un dernier truc fun pour la route, le coup du "Invité je vais te tuer !" qui en language code devient magiquement
Code:
"{USERNAME} je vais te tuer !"

D'autres codes pompés sont en route ! Enjoy ^^


Dernière édition par Samuel W. O'Connor le Mer 14 Juil - 15:38, édité 5 fois
Revenir en haut Aller en bas
Invité
Invité



MessageSujet: Re: Codes pour avoir la classe...    Mer 14 Juil - 14:30

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 !


Dernière édition par Martin Dubois le Mer 14 Juil - 15:58, édité 1 fois
Revenir en haut Aller en bas
Dante Mstislav
¤Membre du club de Kendo¤
avatar

Messages : 1955
Date d'inscription : 18/06/2009
Age : 105

~ Identité ~
Âge [RP]: 19 ans
N° de Chambre/Appartement: 4
Autres détails:

MessageSujet: Re: Codes pour avoir la classe...    Mer 14 Juil - 15:24

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 ._.)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: Codes pour avoir la classe...    

Revenir en haut Aller en bas
 
Codes pour avoir la classe...
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Codes pour fiche de présentation
» Codes pour vos signatures
» Un nouveau code pour Pokémon Shuffle !
» Une centaine de codes pour Méga Donjon Mystère !
» serveuse agressée par un RAMADIEN pour avoir servi de l'alcool...

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Nadakai Gakuen :: ¤Coin Détente¤ :: Flood-
Sauter vers: