Faire sa fiche

Comment faire une fiche avec un fond.

Bonjour tout le monde.

 

Encore l'un des sujets les plus récurrents sur le forum : les fiches. Certaines personnes peuvent vous les faires mais on est toujours plus satisfait de la faire soit même (je sais de quoi je parle).


Je vais donc vous proposer une petit tutoriel de création de fiche avec un fond et je suis sûre qu'après cela, vous allez tout comprendre.

On commence ? C'est parti !


Tout d'abord, il faut créer ou chercher un fond de fiche. Pour ma part je vais le créer sur photofiltre. Comme dimension de la zone de travail je vais prendre 800px X 800 px (donc fiche carrée) que je vais héberger sur hosting.pics (mais vous pouvez utiliser casimage ou autre ça importe peu).

Une fois le fond de votre fiche hébergé vous aller vous rendre sur votre fiche pour la modifier.

Fiche avec passage "modifier" surligné.

Comme vous le voyez sur l'image, ma fiche est déjà faite donc je vais faire cet exemple en dessous (vous pouvez voir aussi que j'ai du bazar sur ma barre de tache en bas de la capture).

Une fois en mode "modifier", il vous faudra cliquer sur le bouton "mode HTML" (surligné en jaune sur l'image).

Surlignage bouton HTML

Vous allez tomber sur un grand carré vide (que j'ai gribouillé en jaune [hum pas très beau]), c'est ici qu'il vous faudra entrer les codes HTML.

Cadre HTML gribouillé


Donc dans ce cadre vous allez copier le code ci-dessous. Vous pouvez voir la partie surlignée en bleu, vous devez mettre la taille de votre image entre width ___px mais aussi entre height___px. Ici mon image fait width 800 px et height 800 px.

<CENTER>
<table style="width:800px; height: 800px;" background=adresse du fond>
<TBODY>
<TR>
<TD>


</TD></TR></TBODY></TABLE></CENTER>

Le code est sur l'image ci-dessous. Vous pouvez voir le petit cadre (très mal fait) en rose il contient ce que l'on appelle "l'adresse du fond". Donc retournez sur la page où vous avez hébergé votre image et prenez le lien proposé par le site d'hébergement.

Code HTML

Sur l'image que je vous propose le lien est surligné en jaune (non pas que j'aime le jaune mais je n'ai que ça). Donc une fois le lien entré dans le code HTML vous avez presque fini votre fiche avec fond (c'est magique !).

Lien de l'image

Il ne reste plus qu'à ajouter du texte, ce qu'il faut faire entre la partie 1 et la partie 2 du code

 

<CENTER>
<table style="width: 800px; height: 800px;" background=adresse du fond>
<TBODY>
<TR>
<TD>


</TD></TR></TBODY></TABLE></CENTER>


Comme vous pouvez le voir sur l'image, mon texte (toujours en jaune) ne se trouve ni collé en haut, ni en bas donc centré entre les deux codes.

Texte entre les deux bloc HTML

Maintenant repassez en mode normal (in yellow) pour voir ce que ça donne et ce que les gens verront sur votre fiche.

Mode normal

Sur les images ci-dessous, vous avez ce que l'on voit en restant en mode normal et ce que je verrai une fois la fiche modifiée.


Fiche presque finieFiche finie



Voilà, si vous avez encore besoin d'aide, n'hésitez pas à me laisser un MP sur babydow ou un commentaire ici.

 


Commentaires (6)

1. reiina-tsukyoto (site web) 23/11/2013

Bonsoir

Je vais faire une fiche sur ça je pense, je dois juste me souvenir de la façon de faire.

2. Kazia.Ashley 26/08/2013

Slt !
Comment mets-on un rollbox ?

3. reiina-tsukyoto (site web) 10/12/2012

Et bien je sais mettre les rollbox mais bon après pour une fiche c'est assez limité.
Ensuite ce serait plus des cours de graphisme et je ne me sent pas capable de faire ça moi même et je ne pense pas que ma team petites mains puisse aider plus que moi.

4. De Haro 02/12/2012

Je sais déjà mettre un fond sur une fiche, mais tu sais pas faire d'autres trucs? Merci quand meêùme.

5. reiina-tsukyoto (site web) 23/10/2012

De rien, si tu as encore des petites choses à demander, fais moi signe par mail @: reiina.tsukyoto@laposte.net, soit sur babydow @: Reiina-Tsukyoto.
Voilà, merci de ton intérêt pour le site

6. lea-49 21/10/2012

coucou,
c'est super mintenant j'ai tout compris!
bye

Ajouter un commentaire

Vous utilisez un logiciel de type AdBlock, qui bloque le service de captchas publicitaires utilisé sur ce site. Pour pouvoir envoyer votre message, désactivez Adblock.

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site