HTML tutorial - coder un profile layout - codes de base (1)
Préambule : Je réponds donc à votre demande, petits padawans, et me lance dans la délicate tentative d’expliquer le monde logique et complexe du codage HTML des profile layouts de LiveJournal.
J’aurais aimé trouvé moi-même un tel tutorial….
Mais j’ai eu fort heuresement mon werehamster préféré, j’ai nommé
loreleirocks , pour me mettre le pied à l’étrier. Je m’inspire des notes qu’elles m’a envoyées ainsi que de divers renseignements glanés ça et là sur internet.
Je tiens à préciser tout de suite que je ne suis en aucune façon une experte !
Donc attention ! Ces pages peuvent contenir des conneries (fait dont je suis coutumière) !
Je serais heureuse que l’on me corrigeât (Oh ! le bel imparfait du subjonctif !) (re-Oh ! mais pas sur les fesses) en cas d’erreur détectée, où qu’on complète le fromage qui me sert de cerveau par de nouvelles données ou informations.
Les commentaires sont là pour cela, même s’ils sont screenés (vous verrez plus tard pourquoi…)
Principes de bases
Le premier principe pour comprendre comment fonctionne un profile layout est de savoir que c’est un tableau avec des cases ou cellules.
Chaque cellule peut-être remplie de texte, image, couleur , des trois à la fois ou même de vide.
Chaque cellule peut également avoir une bordure ou pas.
Le deuxième principe de base est de ne jamais oublier que toutes les balises ouvertes doivent être fermées dans l’ordre inverse de leur ouverture, le slash ajouté indiquant leur fermeture.
Exemple : (même si vous n’en comprenez pas encore le sens)
Le troisième principe de base est de toujours travailler les codes sous Wordpad ou sous Bloc-Notes, jamais sous Word. Ce dernier a une fâcheuse tendance à vous transformer certains codes…
Let’s go !
CODES DE BASE (1)
Voici un tableau
Sioban_Parker Fichue journée PG-13SS centerLouve26Le ronflack cornuNC-17SS/CissyEzildaPerspectives fleuriesGSS center
Voici son codage :
Pas de panique !
: début du tableau et donc : fin du tableau
: début de la ligne et donc fin de la ligne
début de la cellule et donc fin de la cellule
Entre et se trouve le contenu de la cellule qui va apparaître à l’écran.
La balise indique le type d’élément créé et n’oubliez surtout pas de fermer les balises sinon le codage ne fonctionnera pas. La moindre erreur de signe, de caractère provoque le disfonctionnement.
J’ai pris pour habitude d’aller à la ligne au début de chaque ligne et de chaque cellule pour mieux me repérer dans mes codes…. Et également d ‘écrire les deux dernières balises dès le début pour être sûre de ne pas les oublier.
A vous de jouer !
Les commentaires sont à priori screenés car la Zaza va encore frapper !
Bin voui, on ne se refait pas !
Interro surprise :
Si vous le voulez bien, vous indiquerez dans un commentaire le codage nécessaire à la création de ce petit tableau :
Directeur Albus Dumbledore Professeur de potions Severus Snape Professeur de métamorphoses Minerva McGonagall Professeur de botanique Pomona Chourave Professeur de sortilèges Filius Flitwick
^________________^
En mettant les codes dans la case de commentaires, si vous ne vous êtes pas trompé, le tableau s'affichera après avoir cliqué sur Envoyer le commentaire...