Comment ajouter une rollbox à sa fiche ?

Le voc à savoir

Il y a un peu de vocabulaire à savoir pour créer une rollbox dans sa fiche.

 

<div style> => C'est cette division qui fera apparaitre votre rollbox une fois que vous l'aurez crée. Tout va se faire dedans donc n'oubliez pas de l'ajouter.

MARGIN => Permet de placer correctement la rollbo sur une page ou sur un fond. Il faut préciser la variable à modifier. TOP s'il s'agit d'un décallage en haut, BOTTOM s'il s'agit d'un décallage en bas, LEFT s'il s'agit d'un décallage à gauche, et RIGHT s'il s'agit d'un décallage à droite.

PADDING => Il s'agit également de créer un décallage comme pour MARGIN mais cette fois-ci c'est à l'intérieur de la rollbox afin de placer le texte comme on le souhaite.

WIDTH => C'est la largeur de la rollbox

HEIGHT => C'est la hauteur de la rollbox

OVERFLOW => C'est ce qui nous intéresse, la base de la rollbox, c'est la barre de défilement. Ajoutez AUTO après l'overflow pour que la rollbox s'ajuste seule avec les barres horizontale et/ou verticale.

Voici un exemple de fiche

Voici le code de ma page sur babydow

<center>
<table style="width: 700px; height: 500px;" background="http://img11.hostingpics.net/pics/858548fichebbaydow.gif">
<tbody>
<tr>
<td>

<div style="MARGIN-TOP:15px; WIDTH: 450px; FLOAT: left; HEIGHT: 250px; MARGIN-LEFT: 215px; OVERFLOW: auto"><div style="padding-right: 10"><div style="text-align: center;"><div style="padding-right: 10"><font face="Florence"><b><u><i>Bonjour et bienvenue sur ma fiche</i></u></b></font></div><div style="text-align: center;"><font face="Florence"><b><u><i><br></i></u></b></font></div><div style="text-align: justify;"><font face="Florence">Je m'appelle Reina, j'ai 20 ans, bientôt 21 et je suis en recherche d'emploi pour le moment mais en même temps je commence une préparation concours d'infirmière. C'est tout ce que vous avez besoin de savoir sur moi pour le moment.</font></div><div style="text-align: justify;"><font face="Florence"><br></font></div><div style="text-align: justify;"><font face="Florence">J'ai cette partie depuis longtemps et je l'aime plus que tout, donc ne rêvez pas, je ne la donnerez pas même si je ne viens plus aussi souvent ici.</font></div><div style="text-align: justify;"><font face="Florence"><br></font></div><div style="text-align: justify;"><font face="Florence">J'ai plein de bébés, et une boutique qui fait ma fierté, j'avais une &nbsp;crèche mais j'ai du la fermer pendant mes études puisque je ne pouvais plus venir la gérer aussi souvent qu'avant.</font></div><div style="text-align: justify;"><font face="Florence"><br></font></div><div style="text-align: justify;"><font face="Florence">J'accepte&nbsp;volontiers les demandes en amis, et je réponds aux messages dès que je me connecte (mais uniquement s'ils sont écrit en français correcte et non en kikoo, s'ils sont poli avec un "bonjour" et un "au revoir"&nbsp;et si on ne me harcèle pas pour que je réponde).</font></div><div style="text-align: justify;"><font face="Florence"><br></font></div><div style="text-align: justify;"><font face="Florence">Je ne fais pas de bp sur commande. Vous voulez ouvrir votre boutique ? Je serais heureuse de vous donner des conseils, mais en aucun cas je ferais de vêtement pour vous.</font></div><div style="text-align: justify;"><font face="Florence"><br></font></div><div style="text-align: justify;"><font face="Florence">Je veux bien faire des fiches mais faut pas être pressé et faut me donner TOUT pour la faire (fond, texte, couleur) et elle sera semblable à la mienne (mais avec une petite signature en bas de page).</font></div><div style="text-align: justify;"><font face="Florence"><br></font></div><div style="text-align: center;"><a href="https://docs.google.com/forms/d/1eZdEn7IFJsYNkQfcGl6ibm_pK-aLgAFiMmiZrNPdodI/viewform"><img src="http://img15.hostingpics.net/pics/227599clicici.png"></a></div><div style="text-align: center;"><br></div><div style="text-align: center;">Merci d'être passé sur ma fiche, je vous dis à bientôt et je vous fais plein de gros bisous.</div><div style="text-align: justify;"><font face="Florence"><br></font></div><div style="text-align: justify;"><font face="Florence"><br></font></div><div style="text-align: center;"><font face="Florence"><br></font></div><div style="text-align: left;"><font face="Florence"><br></font></div><div style="text-align: center;"><font face="Florence"><br></font></div><div style="text-align: center;"><br></div></div>
</div></div></td></tr></tbody></table></center><div style="text-align: center;"><br></div>

 

Voici la fiche sur babydow

Bonjour et bienvenue sur ma fiche

Je m'appelle Reina, j'ai 20 ans, bientôt 21 et je suis en recherche d'emploi pour le moment mais en même temps je commence une préparation concours d'infirmière. C'est tout ce que vous avez besoin de savoir sur moi pour le moment.

J'ai cette partie depuis longtemps et je l'aime plus que tout, donc ne rêvez pas, je ne la donnerez pas même si je ne viens plus aussi souvent ici.

J'ai plein de bébés, et une boutique qui fait ma fierté, j'avais une  crèche mais j'ai du la fermer pendant mes études puisque je ne pouvais plus venir la gérer aussi souvent qu'avant.

J'accepte volontiers les demandes en amis, et je réponds aux messages dès que je me connecte (mais uniquement s'ils sont écrit en français correcte et non en kikoo, s'ils sont poli avec un "bonjour" et un "au revoir" et si on ne me harcèle pas pour que je réponde).

Je ne fais pas de bp sur commande. Vous voulez ouvrir votre boutique ? Je serais heureuse de vous donner des conseils, mais en aucun cas je ferais de vêtement pour vous.

Je veux bien faire des fiches mais faut pas être pressé et faut me donner TOUT pour la faire (fond, texte, couleur) et elle sera semblable à la mienne (mais avec une petite signature en bas de page).


Merci d'être passé sur ma fiche, je vous dis à bientôt et je vous fais plein de gros bisous.







Comment faire deux rollbox

Comment ajouter deux rollbox ou plus ? Il faut ajouter un tableau invisible à votre fiche.

 

<center>
<table style="width: 700px; height: 500px;" background="http://jihati.com/wp-content/uploads/2013/07/tumblr_static_fond_blanc_copier.jpg">
<tbody>
<tr>
<td>

<table>

<tr>

<td><div style="MARGIN-TOP:15px; WIDTH: 150px; FLOAT: left; HEIGHT: 150px; MARGIN-LEFT: 215px; OVERFLOW: auto"><div style="padding-right: 10"><div style="text-align: center;"><div style="padding-right: 10">TEXTE TEXTE TEXTE<p>TEXTE TEXTE TEXTE <p> TEXTE TEXTE TEXTE<p>TEXTE TEXTE TEXTE <p> TEXTE TEXTE TEXTE<p>TEXTE TEXTE TEXTE <p></div></div></div></td>

<td><div style="MARGIN-TOP:15px; WIDTH: 150px; FLOAT: left; HEIGHT: 150px; MARGIN-LEFT: 215px; OVERFLOW: auto"><div style="padding-right: 10"><div style="text-align: center;"><div style="padding-right: 10">TEXTE TEXTE TEXTE<p>TEXTE TEXTE TEXTE <p> TEXTE TEXTE TEXTE<p>TEXTE TEXTE TEXTE <p> TEXTE TEXTE TEXTE<p>TEXTE TEXTE TEXTE <p></div></div></div></td>

</tr>

</table>

</td></tr></tbody></table></center>

 

Voici ce que ça donne

 

TEXTE TEXTE TEXTE

TEXTE TEXTE TEXTE

TEXTE TEXTE TEXTE

TEXTE TEXTE TEXTE

TEXTE TEXTE TEXTE

TEXTE TEXTE TEXTE

 

TEXTE TEXTE TEXTE

TEXTE TEXTE TEXTE

TEXTE TEXTE TEXTE

TEXTE TEXTE TEXTE

TEXTE TEXTE TEXTE

TEXTE TEXTE TEXTE

 

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