| Previous topic :: Next topic |
| Author |
Message |
sheitan
Administrateur
Offline
Joined: 08 Sep 2006
Posts: 2,350
Genre:  Age: 24 Localisation: Saint-Nazaire 44 Année de culture: USDA: 9b
|
 Posted: 08/03/2008 01:50:52 Post subject: [tuto]-Bien présenter sa collection.. |
  
|
|
Bienvenue dans le tutorial de mise en page de votre espace "collection des membres"
Ici nous allons apprendre à réaliser un tableau pour gérer votre collection, rien de bien compliqué ne vous en faites pas.
Un petit exemple de ce que l'on va réaliser > http://espace-bonsai.xooit.info/t5-sheitan.htm
Pour vous faciliter un peu la tache, je vous ait fait un petit code tous ce qui y'a de plus simple:
| Code: |
[table width="100%" cellspacing="1" align="center" border="1"]
[tr][th colspan="5"] Mes p'tit protégés [/th][/tr]
[tr]<td bgcolor="#d1d2b6" colspan="5" height="25">[center][b]NOM-1[/b][/center]</td>[/tr]
[tr]<td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-1.1[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-1.2[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-1.3[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-1.4[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-1.5[/b][/center]</td>[/tr]
[tr]<td bgcolor="#000000" width="20%">[center]PHOTO-1.1[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-1.2[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-1.3[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-1.4[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-1.5[/center]</td>[/tr]
[tr]<td bgcolor="#d1d2b6" colspan="5" height="25">[center][b]NOM-2[/b][/center]</td>[/tr]
[tr]<td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-2.1[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-2.2[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-2.3[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-2.4[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-2.5[/b][/center]</td>[/tr]
[tr]<td bgcolor="#000000" width="20%">[center]PHOTO-2.1[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-2.2[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-2.3[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-2.4[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-2.5[/center]</td>[/tr]
[/table] |
Et là vous vous dites, mais il est fou ce type;
et en fait non, je vous assure que c'est très simple, il suffit d'ouvrir grand les yeux et de les coller à l'écran
et tout est plus clair 
Bon, nous allons voir ce qu'il faut remplacer dans ce code,
Pour info: (nous avons ici un code pour deux bonsaïs différent).
On va donc déjà remplacer: NOM-1 par le nom du premier arbre que vous voulez affiché.
Ensuite, nous inserons les photos:
PHOTO-1.1 =l'image 1 du premier bonsaï (5photos du même bonsaï par ligne)
PHOTO-1.2 =l'image 1 du premier bonsaï
PHOTO-1.3 =l'image 1 du premier bonsaï
etc...
Pour rappel: des images héberger en vignette (thumbnail) sur imageshack ou autre..
Jusque là, je suis sur que ça n'a été qu'une formalité pour vous et que vous êtes prêt pour la suite
Vous avez surement remarqué dans le code ceci: JJ/MM/AA
C'est la date à laquelle vous avez pris la photo.
-1.1
-1.2
-1.3
ça maintenant vous l'avez bien compris, je ne vous ré-explique pas.
Vous voulez ajouter d'autres lignes pour afficher plus de deux bonsaïs, facile on copie/colle ce code:
| Code: | [tr]<td bgcolor="#d1d2b6" colspan="5" height="25">[center][b]NOM-3[/b][/center]</td>[/tr]
[tr]<td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-3.1[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-3.2[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-3.3[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-3.4[/b][/center]</td><td bgcolor="#800000" width="20%">[center][b]JJ/MM/AA-3.5[/b][/center]</td>[/tr]
[tr]<td bgcolor="#000000" width="20%">[center]PHOTO-3.1[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-3.2[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-3.3[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-3.4[/center]</td><td bgcolor="#000000" width="20%">[center]PHOTO-3.5[/center]</td>[/tr] |
(juste avant la dernière balise de votre code, celle ci):
Voilà, c'est fini !
-{déjà!?}-
bah oui !! je vous avait bien dit que c'était tout simple 
Bon, comme je sens que vous en redemandez encore,
On va maintenant passer à l'habillage du tableau (encore plus simple)
Changer les couleurs:
Pour le NOM = on change: #d1d2b6 par chosissez..
Pour la DATE= on change: #800000 par chosissez..
Pour la PHOTO= on change: #000000 par chosissez..
FIN
________________
|---> Merci de choisir des titres explicites pour vos topics !
"Plus on en sait, plus on est conscient du fait que l'on ne sait rien." |
|
 |
|
 |
mamy
Modérateur
Offline
Joined: 04 Dec 2006
Posts: 1,909
Genre:  Age: 0 Localisation: Clermont-Ferrand 63670 Année de culture:
|
| Posted: 09/03/2008 14:51:49 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
Pffffffffff , tu dis facile , pour toi peut-être 
________________
Petit bonsaï espoir de vie
http://auvergnebonsaiclub.fr |
|
| |
|
|
Ludovic
V.I.P
Offline
Joined: 24 Oct 2006
Posts: 2,241
Genre: Age: 0 Localisation: Nord de Lyon USDA: 8b
|
| Posted: 09/03/2008 18:47:43 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
Nous nous soutiendrons Mamy pour déchiffrer tout cela ! Le premier d'entre nous qui à compris contacte l'autre en MP
________________
Vous êtes débutant ? Pensez à faire lecture du guide Espace Bonsaï - Premiers pas
Les arbres de petites tailles vous intéressent ? Consultez notre dossier PDF Mames et Shohins
 |
|
| |
|
|
suda
Super Membre
Offline
Joined: 25 Feb 2007
Posts: 830
Genre: Age: 0 Localisation: magalas dans le grand sud Année de culture: USDA: 0b
|
| Posted: 09/03/2008 19:58:17 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
 j'ai rien compris, j'ai besoin d'une bougie!
________________
Paresse, habitude prise de se reposer avant la fatigue. Jules Renard |
|
| |
|
|
greg54350
Rédacteur
Offline
Joined: 28 Nov 2007
Posts: 1,149
Genre: Age: 22 Localisation: Longuyon Meurthe et Moselle 54 Année de culture: USDA: 7a
|
| Posted: 10/03/2008 00:29:26 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
Moi je pense avoir compris mais je ne dis pas que je le ferais les yeux fermés 
________________
Greg
Aide sur le forum
 </center>
 |
|
| |
|
|
jazz
Super Membre
Offline
Joined: 24 Aug 2007
Posts: 311
Genre: Age: 31 Localisation: montreal USDA: 5b
|
| Posted: 10/03/2008 02:17:14 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
questions quizz. Comment, ou tout simplement peut-on bookmarquer un post comme celui ci pour consultation ultérieur? Parce que j'aimerais bien présneter mes arbre de cette façon après la taille de cette année
merci, |
|
| |
|
|
pscal1
V.I.P
Offline
Joined: 08 Oct 2006
Posts: 1,376
Genre: Age: 47 Localisation: MAROC(CASABLANCA) Année de culture: USDA: 10a
|
| Posted: 10/03/2008 06:07:41 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
trop compliqué pour moi
pas de prises de tête je reste zennnnn  
________________
C'est une triste chose de songer que la nature parle et que le genre humain n'écoute pas
VICTOR HUGO |
|
| |
|
|
Lika
Membre actif
Offline
Joined: 11 Mar 2007
Posts: 84
Genre: Age: 0 Localisation: Paris USDA: 8a
|
| Posted: 10/03/2008 07:45:39 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
Hello,
Pour déchiffrer il faut partir de la base que pour
1. Créer un tableau on utilise :
2. Insérer une ligne dans ce tableau :
| Code: | | [table][tr][/tr][/table] |
3. Insérer une colonne dans cette ligne :
| Code: | | [table][tr]<td></td>[/tr][/table] |
ou un titre
| Code: | | [table][tr][th][/th][/tr][/table] |
Donc :
| Code: | | [table][tr]<td>Bonsai 1</td><td>Bonsai 2</td>[/tr][/table] |
Donne un tableau avec 1 ligne et 2 colonnes :
Sheitan je pense qu'on peut largement simplifier ton bbcode pour le rendre beaucoup plus simple 
________________
Un voyage de mille li a commencé par un pas |
|
| |
|
|
dan6013
Rédacteur
Offline
Joined: 18 Mar 2007
Posts: 1,818
Genre: Age: 43 Localisation: chambly (oise) Année de culture: USDA: 8a
|
| Posted: 10/03/2008 07:47:25 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
euh je préfère avec la fonction tableau qu il y a dans le menu beaucoup moins compliqué
________________
 |
|
| |
|
|
mamy
Modérateur
Offline
Joined: 04 Dec 2006
Posts: 1,909
Genre: Age: 0 Localisation: Clermont-Ferrand 63670 Année de culture:
|
| Posted: 10/03/2008 12:12:19 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
Tout le plaisir pour vous , c'est du petit chinois pour moi
Ysho , ce n'est pas moi qui te donnerai la solution en mp 
________________
Petit bonsaï espoir de vie
http://auvergnebonsaiclub.fr |
|
| |
|
|
dan6013
Rédacteur
Offline
Joined: 18 Mar 2007
Posts: 1,818
Genre: Age: 43 Localisation: chambly (oise) Année de culture: USDA: 8a
|
| Posted: 10/03/2008 12:55:49 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
moi j'ai commencé mais ça prend énormément de place pour les grosse collection
________________
|
|
| |
|
|
deshojo
Rédacteur
Offline
Joined: 03 Mar 2007
Posts: 1,287
Genre: Age: 23 Localisation: gardanne Année de culture:
|
|
| |
|
|
mamy
Modérateur
Offline
Joined: 04 Dec 2006
Posts: 1,909
Genre: Age: 0 Localisation: Clermont-Ferrand 63670 Année de culture:
|
| Posted: 10/03/2008 16:29:50 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
Oui dan , j'ai vu ce que tu as fait , et effectivement ça prend beaucoup de place . Qu'est ce que ça va donner pour ceux qui en ont 100 et plus
________________
Petit bonsaï espoir de vie
http://auvergnebonsaiclub.fr |
|
| |
|
|
sheitan
Administrateur
Offline
Joined: 08 Sep 2006
Posts: 2,350
Genre: Age: 24 Localisation: Saint-Nazaire 44 Année de culture: USDA: 9b
|
| Posted: 10/03/2008 17:23:22 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
| dan6013 wrote: | | euh je préfère avec la fonction tableau qu il y a dans le menu beaucoup moins compliqué |
avec l'éditeur de tableau, tu ne peut pas mettre de couleur car c'est du bbcode et que dans mon tuto
j'utilise du html justement pour ça.
Lika à tout compris.
mamy, c'est très simple puisque le code est déjà fait, c'est juste du copier coller en fait 
________________
|---> Merci de choisir des titres explicites pour vos topics !
"Plus on en sait, plus on est conscient du fait que l'on ne sait rien." |
|
| |
|
|
jeannineleg
Membre actif
Offline
Joined: 19 Apr 2008
Posts: 69
Genre: Age: 55 Localisation: Locquirec - Bretagne Année de culture: USDA: 9b
|
| Posted: 07/05/2008 13:50:36 Post subject: [tuto]-Bien présenter sa collection.. |
|
|
si c'est facile......... j'essaierai car j'aime bien les couleurs !  |
|
| |
|
|
|
Taille du texte:
