• Par ~Marie~ dans Accueil le 27 Octobre 2015 à 16:41
     

    C'est ici que vous allez trouver vos codes pour vos fiches !! Alors si il y a quelque chose que vous ne comprenez pas, n'hésitez pas à laisser un commentaire :)

    Cadre

    ★ Cadre arrondi, à 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 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;">Texte</div>
    </div><div style="text-align: center;"><br></div>
    </div>

     
     
     
     
     
     
     
    Texte
     
     
     
     
     
     
     
     
     
     
     
     
     

    Cadre

    ★ Cadre transparent contours blancs :

     

     <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;">Texte</div>
    </div><div style="text-align: center;">
    <br></div>
    </div>

     
    Texte
     
     
     
     
     
     
     
     

    Cadre

    ★ Cadre arrondi blanc, à droite :

     <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;"></div>
    <div align="right">
    <div style="background-color: rgba(255, 255, 255, 0.9); padding: 20px 20px 20px 20px; width: 200px; border: 0px solid white; border-bottom-left-radius: 75px; box-shadow: 0px 0px 10px #000">
    <div style="text-align: center;">Texte</div></div><br>
    </div>
    </div> 

     <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;"></div>
    <div align="right">
    <div style="background-color: rgba(255, 255, 255, 0.9); padding: 20px 20px 20px 20px; width: 200px; border: 0px solid white; border-bottom-left-radius: 75px; box-shadow: 0px 0px 10px #000">
    <div style="text-align: center;">Texte</div></div><br>
    </div>
    </div>  

     
     
     
     
     
    Texte

    Cadre

    ★ Cadre transparent en amande contours blancs :

    <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.6); margin: auto; padding: 20px 20px 20px 20px; width: 400px; border-top: 4px solid white; border-bottom: 1px solid white; border-left: 4px solid white; border-right: 1px solid white; border-top-left-radius: 0px; border-top-right-radius: 100px; border-bottom-right-radius: 0px; border-bottom-left-radius: 100px; box-shadow: 0px 0px 5px #000">

    <div style="text-align: center;">Texte<br></div></div><br>

    </div>

     

     
    Texte

     Curseur et InfoBulles

    ★ Curseur :

    Ça au début du HTML : 

    <div style="cursor: url('URL du curseur'), pointer;">

    Et ça à la fin du HTML :

     

     

     


    votre commentaire



    Suivre le flux RSS des articles
    Suivre le flux RSS des commentaires