• 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:

     

    <div class="uiScaledImageContainer profilePic"><br><font size="1"><br></font>
    <center style="left: 379 px; top: 272 px; margin-top: -275 px; margin-left: 410 px; position: absolute;">
    <div style="text-align: center;"><p style="text-align: center;"><font style="color: rgb(0, 0, 0);" size="5"><font size="1"><font size="2">Texte</font><br></font></font></p></div></center></div>

    Mettre une image hors de sa fiche:

     

    <div class="uiScaledImageContainer profilePic"><br><font size="1"><br></font>
    <center style="left: 317px; top: 532px; margin-top: -275px; margin-left: 410px; position: absolute;">
    <div style="text-align: center;"><p style="text-align: center;"><font style="color: rgb(0, 0, 0);" size="5"><font size="1"><font size="2"><img alt="" src="http://img11.hostingpics.net/pics/764589rubiiis.png "></font><br></font></font></p></div></center></div>

    Mettre une image et un texte en même temps:

     

    <div class="uiScaledImageContainer profilePic"><br><font size="1"><br></font>
    <center style="left: 317px; top: 532px; margin-top: -275px; margin-left: 410px; position: absolute;">
    <div style="text-align: center;"><p style="text-align: center;"><font style="color: rgb(0, 0, 0);" size="5"><font size="1"><font size="2">Ton texte
    <img alt="" src="URL de l'image"></font><br></font></font></p></div></center></div>