-
Codes pour vos fiches
Ici, vous allez voir différents codes pour vos fiches.
Un fond de fiche:
<div style="background: url(URL DE VOTRE IMAGE) no-repeat #FFFFFF; width: 480px; padding: 10px 10px 10px 10px;">
<div style="text-align: left;">Votre texte</div></div>Légende des couleurs:
Violet: C'est ici que vous placerez l'url de vôtre image. --> C'est pareil pour les autres codes.
Vert: C'est la largeur de vôtre cadre. Vous pouvez changer le nombre de px, sachant que le nombre de px que fais une fiche de lapino est de 500 px.
Rouge: C'est ici que vous marquerez où sera marquez vôtre texte de fiche.
------------------------------------------------------------------------------------------------------------
Un code qui va remplacer les nuages de lapino.
<div style="background-image: url(LIEN DE TON IMAGE);opacity:1.0; background-color:#FFFFFF; background-repeat; background-attachment: fixed; position: fixed; left: -450px; top: -472px; width:4000px; height:3000px; z-index: -1;">
</div>------------------------------------------------------------------------------------------------------------
Cadre transparent et arrondis:
<div style="background-image: url(URL DU FOND); width: 488px; border: 1px solid #000; padding: 5px 5px 5px 5px; margin: auto;">
<div style="text-align: center;"><br></div>
<div align="left" style="margin: auto auto auto 250px; padding: 5px; background-color: rgba(255, 255, 255, 0.5); border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; border: 1px solid #000; width: 200px;">
<div style="text-align: center;">Vôtre texte</div>
</div><div style="text-align: center;"><br></div>
</div>------------------------------------------------------------------------------------------------------------
Un cadre transparent sur tout le fond:
<div style="text-align: -webkit-auto; background-image: url('URL DU FOND'); margin: auto; border: 1px solid #663333; width: 498px;"><div style="text-align: center;"><br></div>
<div style="background-color: rgba(255, 255, 255, 0.5); margin: auto; padding: 20px 20px 20px 20px; width: 400px; border: 1px solid #ffffff;">
<div style="text-align: center;">Votre texte</div>
</div><div style="text-align: center;">
<br></div>
</div>------------------------------------------------------------------------------------------------------------
Cadre transparent, rectangulaire sur la droite:
<div style="background-image: url(URL DU FOND); width: 488px; border: 1px solid #000; padding: 5px 5px 5px 5px; margin: auto;">
<div style="text-align: center;"><br></div>
<div align="left" style="margin: auto auto auto 235px; padding: 5px; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #000; width: 220px;">
<div style="text-align: center;">Vôtre texte</div>
</div><div style="text-align: center;"><br></div>
</div>------------------------------------------------------------------------------------------------------------
Cadre transparent rectangulaire sur la gauche:
<div style="background-image: url(URL DU FOND); width: 488px; border: 1px solid #000; padding: 5px 5px 5px 5px; margin: auto;">
<div style="text-align: center;"><br></div>
<div align="left" style="margin: auto auto auto 15px; padding: 5px; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #000; width: 220px;">
<div style="text-align: center;">Votre texte</div>
</div><div style="text-align: center;"><br></div>
</div>------------------------------------------------------------------------------------------------------------
Un curseur:
<div style="cursor: url('URL du curseur'), pointer;">
N'oubliez pas de mettre " </div> " à la fin.
Mettre une infobulle:
<span TITLE="Vôtre texte">
------------------------------------------------------------------------------------------------------------
Écrire en dehors d'une fiche:
Mettre une image hors de sa fiche:
Mettre une image et un texte en même temps: