[Guide] Mise en page d'un carnet de notes

Salut,

Si vous souhaitez faire un carnet de notes et que vous voulez gagner du temps sur la mise en page et/ou utiliser la même mise en page que celle de mon topic visible à cette adresse : https://www.ecigarette-public.com/t12863-mon-carnet-de-notes-by-jc147

Important :
Le titre de votre topic doit commencer par votre pseudo sous cette forme :
Mon_Pseudo : Mon carnet de notes
Ou avec un message perso :
Mon_Pseudo : Le carnet de notes d'un vapoteur
Il est aussi important de garder les mots "carnet de notes" pour les recherches, peu importe l'emplacement dès l'instant qu'il n'est pas devant votre pseudo.
Le pseudo doit rester devant car la section est classée par ordre alphabétique, et pas par réponse récente. Cela facilitera la recherche du carnet d'un membre précis.
Je vous conseille aussi de mettre un lien dans votre signature.

Vous pouvez utiliser le BBCode type ci-dessous simplement en le copiant et le collant lors de la rédaction de votre carnet. Il vous suffira simplement de remplacer tout les textes en MAJUSCULE par les contenus correspondants.

CREATION DU TABLEAU DE BASE (Une ligne / Deux colonnes)
Copiez/collez ce code où vous le souhaitez dans votre topic.

Code:

[table bgcolor="white" border="0"]
[tr]
[td]
[center]<img src="ADRESSE_D'UNE_IMG_REPRESENTANT_LE_LIQUIDE_OU_L'AROME" width="300" height="300" style="margin:10px;" />[/center]
[/td]
[td]
[size=18]MARQUE ET NOM DU LIQUIDE AVEC TAUX NICOTINE[/size]
AVIS
[b]Mode de vapote :[/b] MATERIEL ECIG ET ATO UTILISE
[b]On en parle ici :[/b] LIEN VERS TOPIC DU FORUM SI EXISTANT
[b]Site officiel :[/b] LIEN VERS SITE FABRICANT SI EXISTANT
[b]Achat en ligne :[/b] INDICATION SI TROUVABLE FACILEMENT OU NON, AVEC LIEN(S) EXEMPLE(S) DE BOUTIQUE(S)
[b]Prix conseillé :[/b] INDICATION DU PRIX POUR X/ml
METTRE NOTE EN UTILISANT LE TITRE "NOTE" + 5 ETOILES GRAND FORMAT TROUVABLES DANS LA LISTE DES SMILEYS
[/td]
[/tr]
[/table]

AJOUT D'UNE LIGNE (Pour présenter un nouveau liquide)
Copier ce code et collez le juste après la balise [/tr], avant la balise [/table] du code de base.

Code:

[tr]
[td]
[center]<img src="ADRESSE_D'UNE_IMG_REPRESENTANT_LE_LIQUIDE_OU_L'AROME" width="300" height="300" style="margin:10px;" />[/center]
[/td]
[td]
[size=18]MARQUE ET NOM DU LIQUIDE AVEC TAUX NICOTINE[/size]
AVIS
[b]Mode de vapote :[/b] MATERIEL ECIG ET ATO UTILISE
[b]On en parle ici :[/b] LIEN VERS TOPIC DU FORUM SI EXISTANT
[b]Site officiel :[/b] LIEN VERS SITE FABRICANT SI EXISTANT
[b]Achat en ligne :[/b] INDICATION SI TROUVABLE FACILEMENT OU NON, AVEC LIEN(S) EXEMPLE(S) DE BOUTIQUE(S)
[b]Prix conseillé :[/b] INDICATION DU PRIX POUR X/ml
METTRE NOTE EN UTILISANT LE TITRE "NOTE" + 5 ETOILES GRAND FORMAT TROUVABLES DANS LA LISTE DES SMILEYS
[/td]
[/tr]

Vous pouvez voir ce que donne la mise en page en cliquant sur le bouton prévisualiser du topic ou sur le bouton suivant : qui activera le mode WYSIWYG (http://fr.wikipedia.org/wiki/What_you_see_is_what_you_get)
Pour les photos, je conseille de ne pas dépasser une largeur de 300px, le système d'upload inclus dans le forum permet de redimensionner l'image.

Je suis à l'écoute de toutes suggestions afin d'améliorer ou faciliter la présentation. Je suis aussi à l'écoute des admin/modo si vous souhaitez intégrer ou non cette mise en page comme guide dans la section appropriée.
Je ne veux pas non plus imposer un style. Ni non plus obliger les membres à mettre en page de cette façon, il faut voir avec les admin si il doit y avoir une mise en page à respecter où non, mais ça n'est pas ma motivation. C'est juste pour aider ceux qui ne savent pas trop comment présenter la chose

J'espère que cela aidera et plaira !

Note : je ne l'ai pas mis dans la section des carnets de notes car apparemment il y a eu une erreur ou bug et qu'il a été demandé de ne pas y poster pour le moment.

cool ! je n'osais pas te demander le code

Bein voilà c'est fait De rien !

Merci pour ces astuces, JC

Donc, la section "carnet de notes" est donc ouverte et on attend quelques threads
Si la façon de faire de JC est sympa et aère bien l'ensemble, les membres un peu perplexes à la lecture de ces lignes de code et qui souhaiteraient quand même participer peuvent faire des posts simples avec le nom de liquide, le nom de la gamme, une note ou des étoiles et, éventuellement, une petite appréciation

A vos claviers !

Merci Franck, je vais opter pour la solution simple, car les lignes de codes et moi....
Enfin quand la motivation sera la, aujourd'hui j'ai la flemme...

pour la jolie présentation de JC

Sens toi libre, Little buddha et fais comme tu veux.

Maintenant, pour les aventureux, l'astuce de JC147 ne semble pas non plus très compliquée : c'est un copié/collé en remplaçant les mots en majuscule par son texte perso. donc, là encore, ceux qui le sentent peuvent tester, qu'ils n'hésitent pas

Merci à vous deux !

Là je viens de faire une petite MAJ du code pour avoir des photos de tailles régulières en 300x300.

Sinon je prévois une version simplifiée, et peut-être aussi une conversion HTML/CSS si c'est lisible pour ceux qui ne connaissent pas le code HTML.

une tite question on parle pas du goût du e liquide donc?.

Bein si, si la personne souhaite faire une description du goût il peut, sinon il peut aussi simplement dire ce qu'il en pense

Merci pour ce tuto code, je vais m'y atteler dès qu'un peu de temps me le permettra (temps de chercher les tofs et tout ça)
Quoiqu'il en soit, ton carnet est très réussi, je pense que ce sera bien utile ^^

Chapeau pour ce tuto

A y est, à 2h du mat', j'ai trouvé du courage pour affronter ton code ...