#2 astuces html

Forums » La Gazette

Astuces

EDL

Hello, les lapinautes !

Voici un nouvel article sur les codes HTML !

Ici, ce sont des petits goodies : des petits codes faciles à mettre en place et qui peuvent donner de l’allure à votre fiche !

Je vous invite à aller voir « Les Créa’fiches » si le sujet vous intéresse ! Plusieurs codes sont tirés du site de LiseFleur ; la différence c’est qu’ici j’essaye de vous expliquer toutes les balises pour que vous compreniez le code et que vous puissiez le modifier ! ^^

Ne perdons pas plus de temps en bavardage ! :

Nous allons apprendre à :

- Changer la couleur de votre texte
- Modifier la police de caractère
- Faire bouger votre texte
- Changer la couleur du fond

Changer la couleur, la police de caractère et la taille de votre texte

Il y a déjà de nombreuses couleurs et 9 polices sur Lapino ! Mais il est possible que vous en vouliez encore plus

! Pour cela c’est très simple :

On va utiliser ce code.
Comme la dernière fois, je vais vous expliquer par balise et ce qu’on peut modifier dans ces balises.

font : c’est la balise qui permet de modifier le texte (la couleur, la taille, la police…)

(Je me suis rendue compte que je m’étais mal exprimée dans l’ancien article -> ce qu’il y a à l’intérieur de font, par ex : color est un attribut et non une balise. Color est l’attribut de la balise font.)

Color= "#000000" : cet attribut permet de modifier la couleur. La couleur est définie par un code ("#000000" correspond à du noir). Pour mettre la couleur que vous souhaitez, il vous suffit de renseigner le «’’#’’ » correspondant à votre couleur.
Je vous renvoie vers ce site pour le trouver ! ^^

Face= ‘’Forte’’ : cet attribut permet de modifier la police de caractère.

(Ce code ne marche que si vous avez un PC. Si vous avez un Mac, vous ne verrez pas les polices de caractères des autres, ni la votre à moins de les télécharger !)

Pour le modifier, il vous suffit de mettre le nom votre police de caractère entre les guillemets : Face=’’nomdelapolice’’.

Voici une liste de polices dont je suis sûre qu’elles marchent (mais je vous avoue que toutes celles disponibles dans word et que j’ai testées sur lapino marchaient ^^) :
Forte
Chiller
Goudy Stout
Blackadder ITC
Bradley Hand ITC
Dead Kansas
Matura MT Script Capitals

Voici un aperçu (dans l’ordre) des polices citées ci-dessus.

Enfin size=’’5’’ : permet de modifier la taille de votre texte. Vous n’en avez pas vraiment besoin puisque c’est déjà dans les paramètres de lapino !

Vous mettez votre texte à l’emplacement de Texte x) (entre les balises font…/font)

Faire bouger votre texte

Pour faire défiler votre texte :

Vous l’aurez compris il vous suffit juste d’encadrer le texte souhaité par la balise marquee

Pour faire défiler votre texte et qu’il rebondisse sur les bords

La balise marquee pour faire défiler le texte.
L’attribut behavior définit le type de glissement, si vous mettez alternate il rebondira des deux côtés de votre fiche sans jamais s’arrêter, si vous mettez slide il ira jusqu’au côté gauche de la fiche et s’arrêtera.

Pour faire défiler le texte dans une direction précise

A nouveau la balise marquee pour faire défiler le texte. L’attribut direction permet de modifier (suspens…) la direction x)
Ici up (ça défilera vers le haut)
Down=bas
Left=gauche
Right=droite

Changer la couleur du fond

Voici le code pour changer la couleur du fond :

div style= ‘’ : c’est le début, c’est une balise qui englobe les autres balises et permet de dire « voilà j’ouvre un code » (grossièrement)

On n’oublie pas de fermer avec /div
Et les ; entre chaque balise.

Background-color : Lavender
Cet attribut permet de modifier la couleur du fond, on modifie la couleur en renseignant son nom (ici lavender). Je vous mets le site de LiseFleur pour trouver le nom de la couleur que vous souhaitez :

Width : 500px
Width correspond à la largeur. Une fiche lapino fait 500 px (pixels) de largeur.

Height :435px
Height correspond à la longueur/hauteur de votre bannière. En px également.

Aperçu de fond couleur lavande

Voilà ! C’est fini pour cette première partie d’HTML goodies ^^ J’en ferais peut-être une deuxième alors n’hésitez pas à me dire si le concept vous plaît !

N’hésitez pas à partager vos petits tips perso, le forum est fait pour vous entraider ! ^^

Comme d’habitude, si vous avez une remarque, une question, des choses à dire pour compléter ou une erreur à corriger ↓↓↓ :)

185^ème
2 867 points

En février 2021

PetitSable niveau/12

1575

Hey hey! Perso', je crois que je vais plus changer de fiche parce que j'avais mis plusieurs heures pour la faire, mais encore une fois, c'est vraiment une superbe idée de faire des articles sur les codes fiches !

Comme écriture jolies, j'aime bien utiliser du Segoe Print ou Segoe Script!