• Comment faire un cadre avec scrollbar?

    Pour faire un cadre avec scrollbar il vous faut un compte Eklablog, allez dans "écrire un article" et cliquez sur les < > , effacez tout (cliquez sur les images pour voir plus grand).

    Comment faire un cadre avec scrollbar?

    Comment faire un cadre avec scrollbar?

    Mettez un code, il y en a plusieurs sortes ^^

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    <div style="background-image: url('URL'); height: *px; width: **px;
    overflow-x: auto; overflow-y: auto;"><p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p></div>

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     


     

     

    <div style="max-height: *px; background-image: url('URL'); max-width: **px; overflow: auto;"><br />
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre">&nbsp;</p>
    <p class="contenu-du-cadre"><br /><span style="font-style: normal;">&nbsp;</span></p>
    </div>
    <p>-</p>
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     

     

    <p>-</p>
    <div id="tuts" style="background-image: url('URL'); background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; padding: 50px; border-top: 0px solid #dddddd; max-height: *px; overflow: auto; color: #797979; font-family: 'Source Sans Pro', sans-serif; font-size: 13px;">
    <div style="background-image: url('URL'); line-height: 15px; padding: 10px; width: 378px; border: 1px solid #dddddd;">
    <div style="text-align: left;">
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    <div style="font-size: 9px;">&nbsp;</div>
    </div>
    </div>
    </div>

    Remplacez URL par l'adresse de votre image (entre les ''). * Par la hauteur de votre cadre et ** par la largeur exemple:

    <div style="background-image: url('http://ekladata.com/CF3gqW5jG4zwku7XIM6oS_JyvbM.gif'); height: 200px; width: 500px;
    overflow-x: auto; overflow-y: auto;">votre texte</div>

    Voilà j'espère que ce tuto vous aura aidé :3

     <p>-</p> Sont des tirets - ^^


    Tags Tags : , , , ,
  • Commentaires

    1
    Mercredi 28 Septembre 2016 à 17:39

    Trop cooooooooooooooooooooool

    2
    Bulle❤
    Mercredi 28 Septembre 2016 à 17:41

    moi j'ai pas cette apli...arf

    3
    Mercredi 28 Septembre 2016 à 19:16

    Merci beaucoup de m'avoir renvoyé sur ton article sinon je n'aurai sûrement jamais trouvé comment faire. ^^

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :