la Garde des Dragons Noirs

Communauté de joueurs de mmorpg
 
AccueilAccueil  CalendrierCalendrier  RechercherRechercher  FAQFAQ  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 [déplacé] faire un zoli tableau

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Nini
Floudeuse professionnelle
avatar

Nombre de messages : 1566
Age : 64
Date d'inscription : 28/05/2010

MessageSujet: [déplacé] faire un zoli tableau   Jeu 25 Aoû 2011 - 19:49

Dis Sophie, comment tu l'as fait ce joli petit tableau ? C'est clair et net à lire Smile
Revenir en haut Aller en bas
Moonaya

avatar

Nombre de messages : 261
Age : 56
Date d'inscription : 22/04/2008

MessageSujet: Re: [déplacé] faire un zoli tableau   Jeu 25 Aoû 2011 - 19:55

Euh... c'est de l'écriture codée, de l'HTML.
Quand j'étais sur RYZOM, j'avais créé un forum pour ma guilde : les Enfants de la Sève. J'ai du apprendre sur le tas, en fouillant sur le net.

Juste pour ce tableau, j'ai du écrire ça :

Code:
<table border="2"><tr><td colspan="2"align="center" bgcolor="#FFE4B5">[b][color=red]IORWEEN[/color][/b]</td></tr><tr><td align="center" bgcolor="#99ffcc">[color=indigo]Vertus[/color]</td><td align="center" bgcolor="#99ffcc">[color=indigo]Rang[/color]</td></tr><tr><td bgcolor="#ccffff">Empathie</td><td align="center" bgcolor="#99ffff">10</td></tr><tr><td bgcolor="#ccffff">Idéalisme</td><td align="center" bgcolor="#99ffff">10</td></tr><tr><td bgcolor="#ccffff">Justice</td><td align="center" bgcolor="#99ffff">7</td></tr><tr><td bgcolor="#ccffff">Loyauté</td><td align="center" bgcolor="#99ffff">10</td><tr><td bgcolor="#ccffff">Sagesse</td><td align="center" bgcolor="#99ffff">9</td></tr></table>


Si tu veux, tu peux recopier ça et changer "IORWEEN", les noms des vertus et les chiffres des rangs (pas les chiffres entre # et des lettres genre #99ffff qui sont les codes d'une couleur) par les tiens. Comme ça, tu auras le même tableau Wink
Revenir en haut Aller en bas
Nini
Floudeuse professionnelle
avatar

Nombre de messages : 1566
Age : 64
Date d'inscription : 28/05/2010

MessageSujet: Re: [déplacé] faire un zoli tableau   Ven 26 Aoû 2011 - 10:45

Bahaal a écrit:


http://gdn.forumactif.com/t2139-les-balises-bbcodes
Ha oui bien sur c'est intéressant, mais ça ne me dit pas comment inscrire des noms, des chiffres etc....par exemple, si je veux refaire un tableau avec les vertus de Kez, je ne vois pas comment m'y prendre, à quel endroit coller les noms des vertus et leur niveau.
Je testerai, je garde le lien en favori.
Merci Cyril.
Revenir en haut Aller en bas
Bahaal
Tel Chat, tel Maître
avatar

Nombre de messages : 4309
Age : 44
Date d'inscription : 26/01/2005

MessageSujet: Re: [déplacé] faire un zoli tableau   Ven 26 Aoû 2011 - 21:51

Yop Smile

Pour en revenir au tableau, ce n'est pas si compliqué qu'il n'y parait. Tu as du le remarquer, quand tu veux apporter des modifications à ton texte (couleur, taille ou autre), il faut que tu mette ce que l'on appel des balises. Les balises sont divers mots qui se trouvent entre crochets comme ceci -> [balise] et il en faut toujours 2 pour montrer où la modification apporté commence et où elle se fini, comme ceci : [balise] <- début - fin -> [/balise] , tout ce qui se trouve entre ces deux balises sera modifié.

Venons en au tableau, mais à partir de maintenant et pour des raisons technique je vais remplacé les [] par des ().
Pour commencer, il faut définir comment sera le cadre de ton tableau, c'est la première balise et tu as le choix entre :

1/ un tableau sans cadre :

(table) (/table)

2/ un tableau avec un cadre creux :

(table border=1) (/table)

3/ un tableau avec un cadre plein :

(table cellspacing=0 border=1) (/table)

Maintenant que tu as choisis le cadre de ton tableau (on va dire cadre creux), on va passer aux lignes (en 1er) et aux colonnes (en second) :

On signal toujours la ligne en premier par la balise --> (tr) pour ouvrir puis (/tr) pour fermer. On va dire que tu veux 3 lignes, 3 lignes qu'il te faut placer à l'intérieur du tableau ce qui va te donner donc :

(table border=1)
(tr)(/tr)
(tr)(/tr)
(tr)(/tr)
(/table)

Maintenant, il faut placer les colonnes, on va dire que tu en veux 3 aussi. La balise de colonne s'ouvre comme ceci -> (td), puis se ferme comme cela -> (/td). C'est entre c'est deux balises que tu va pouvoir insérer ton texte comme ceci -> (td)texte(/td). Les balises de colonne se placent entre les balises de ligne, ce qui va donner :

(table border=1)
(tr)
(td)(/td)(td)(/td)(td)(/td)
(/tr)
(tr)
(td)(/td)(td)(/td)(td)(/td)
(/tr)
(tr)
(td)(/td)(td)(/td)(td)(/td)
(/tr)
(/table)

Le tableau avec 3 lignes et 3 colonnes est terminé, il faut maintenant ajouté le texte entre les balises de colonnes car se sont elles qui représentent les cases du tableau. On a donc un tableau de 9 cases (3x3), idéal pour jouer au morpion ^^, ce qui va donner en ajoutant les "X" et les "O" ceci :

(table border=1)
(tr)
(td)X(/td)(td)O(/td)(td)X(/td)
(/tr)
(tr)
(td)O(/td)(td)X(/td)(td)O(/td)
(/tr)
(tr)
(td)X(/td)(td)O(/td)(td)X(/td)
(/tr)
(/table)

Le tableau est maintenant complètement terminé, reste plus qu'à te montrer ce que cela donne en remettant les [] à la place des () :

XOX
OXO
XOX

Dans l'exemple le texte et noir, mais tu peux aussi le mettre en couleur ou en gras, ou en gros, mais ça tu sais déjà le faire Smile. A toi de jouer, pense que tu peux "prévisualiser" avant "d'envoyer", ça permet de corriger les erreurs avant de poster mais aussi de s'entraîner Wink

Revenir en haut Aller en bas
Nini
Floudeuse professionnelle
avatar

Nombre de messages : 1566
Age : 64
Date d'inscription : 28/05/2010

MessageSujet: Re: [déplacé] faire un zoli tableau   Sam 27 Aoû 2011 - 8:29

Merci Cyril....Il me semble que je commence à comprendre Smile Yep !!! Je deviens intelligente Smile
Dès que j'ai une demi-journée devant moi je teste avec les vertus de Kez...et celles de Mimi corrigées.
Revenir en haut Aller en bas
Moonaya

avatar

Nombre de messages : 261
Age : 56
Date d'inscription : 22/04/2008

MessageSujet: Re: [déplacé] faire un zoli tableau   Sam 27 Aoû 2011 - 15:32

En effet, c'est bien plus simple que mes explications. Bravo Cyril ! clap clap
Revenir en haut Aller en bas
Bahaal
Tel Chat, tel Maître
avatar

Nombre de messages : 4309
Age : 44
Date d'inscription : 26/01/2005

MessageSujet: Re: [déplacé] faire un zoli tableau   Dim 28 Aoû 2011 - 19:59

Bravo Monique Smile

Comme le dit Sophie, il doit te manquer une balise de ligne (tr)(/tr)
parce que, si tu regarde bien ton tableau, tu as le double de cases sur la ligne du bas.
Les premiers temps, pour t'habituer à bien reconnaître les balises et retrouver d'éventuelles erreurs ou oublies, décompose ton tableau (ou autre) comme je te l'ai montrer ou comme l'exemple ci-dessous :

[début tableau]
[début ligne]
[début colonne] texte [/fin colonne]
[début colonne] texte [/fin colonne]
[début colonne] texte [/fin colonne]
[/fin ligne]
etc etc ....
[/fin tableau]
Revenir en haut Aller en bas
Nini
Floudeuse professionnelle
avatar

Nombre de messages : 1566
Age : 64
Date d'inscription : 28/05/2010

MessageSujet: Re: [déplacé] faire un zoli tableau   Dim 28 Aoû 2011 - 20:35

Mais comment as-tu pu corriger ? J'ai essayé de le faire, mais je n'avais plus les codes sous les yeux, juste le tableau fini, donc pas facile ; je n'ai pas trouvé.
Comment on met un fond de couleur ?


Revenir en haut Aller en bas
Moonaya

avatar

Nombre de messages : 261
Age : 56
Date d'inscription : 22/04/2008

MessageSujet: faire un zoli tableau   Lun 29 Aoû 2011 - 2:58

@Monique :
Pour mettre un fond de couleur , tu dois ajouter dans (td) le code bgcolor="nom_ou_code_de_la_couleur".

En fait, c'est toujours dans les balises d'ouverture (c'est à dire sans le /) qu'on met des infos comme une bordure pour le tableau indiqué par (table border="1"), un mot centré dans la case par (td align="center")... ou un fond de couleur par (td bgcolor="xxxx"). Tu remarqueras qu'il faut toujours mettre les guillemets.

Exemple :
(td bgcolor="green") ou (td bgcolor="#008000")
Le même résultat est obtenu par les commandes : bgcolor="green" ou bgcolor="#008000" . Donc, les chiffres, tu t'en fous Razz

Voilà un des nombreux sites qui listent les couleurs et leur code. Tu n'as plus qu'à choisir et recopier Wink
http://www.dsi.univ-paris5.fr/cocoul3t.html

Donc imaginons un petit tableau avec un fond de couleur.
XOX
XOX
XOX

Le code est tout simplement ceci :

Code:
[table border="1"]
[tr]
[td bgcolor="cyan"]X[/td]      [td bgcolor="navajowhite" ]O[/td]      [td bgcolor="fuchsia"]X[/td]
[/tr]
[tr]
[td bgcolor="cyan"]X[/td]      [td bgcolor="navajowhite" ]O[/td]      [td bgcolor="fuchsia"]X[/td]
[/tr]
[tr]
[td bgcolor="cyan"]X[/td]      [td bgcolor="navajowhite" ]O[/td]      [td bgcolor="fuchsia"]X[/td]
[/tr]
[/table]
Revenir en haut Aller en bas
Cynedra
Brindille (Kurutani)
avatar

Nombre de messages : 2956
Age : 45
Date d'inscription : 13/03/2005

MessageSujet: Re: [déplacé] faire un zoli tableau   Lun 29 Aoû 2011 - 9:59

Messages déplacés dans le forum commun.

=======================================================================
Will.

Aka.... Kurutani, Cynedra, Dwilek, Kanaa, Dweelan, Myrniel, Cynned, Glyneth, ...
Revenir en haut Aller en bas
http://www.dragonsnoirs.net
Nini
Floudeuse professionnelle
avatar

Nombre de messages : 1566
Age : 64
Date d'inscription : 28/05/2010

MessageSujet: Re: [déplacé] faire un zoli tableau   Lun 29 Aoû 2011 - 11:30

Merci Will, c'est vrai que c'est nettement mieux de l'avoir déplacé ; ça reste plus clair pour la compréhension et pour la lecture des vertus des persos sur l'autre section.
Gégé Smile
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: [déplacé] faire un zoli tableau   

Revenir en haut Aller en bas
 
[déplacé] faire un zoli tableau
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TUTORIEL] Comment créer un tableau ?
» [RESOLUE] Faire un niveau de survie
» Retexturer un tableau à partir d'un autre modèle.
» Comment faire un tableau
» Tableau de commandes B-17

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
la Garde des Dragons Noirs :: SALON DE VIE COMMUNE :: Autour d'un feu de camp-
Sauter vers:  


Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit