Un coup de main pour une finition ?

Lun 15 Aoû 2016 - 20:22

Vegvisir

Age : 24Messages : 411

Lun 15 Aoû 2016 - 20:22

Bonjour à tous, bonjour à toutes,
Je viens vous demander votre aide pour une petite modification dans un code, qui n'est pas issu de moi (je pense qu'il vient d'ici, mais sans certitude car il ne contient aucun crédit et impossible de retrouver son auteur), je sais le modifier plus ou moins, je l'ai déjà bien modifié à ma guise, mais voilà, j'aimerai y insérer une scrollbar.
Il faut savoir que j'utilise le plus généralement se code en iframe, ce qui me permet de faire des magazines dans les RPG.
Voici le code :

Code:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jquery-142.js"></script> <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jqueryimBookFlip-06.js"></script> <style> #myBook { display:none; position:absolute; left: 15px; top:25px; width: 450px; height:600px; background-color : #F6CD88; border : 10px solid #FA5858; } .imBookPage { position:absolute; left:0px; top:0px; width: 430px; height:580px; color:#fff; overflow:hidden; border: solid 1px #000; } </style> <script type="text/javascript"> $(document).ready( function() { $("#myBook").imBookFlip({ page_class: 'imBookPage' }); }); </script> </head> <body> <div id="myBook" style="display:none;"> <div class="imBookPage" style="background: url('https://s-media-cache-ak0.pinimg.com/564x/eb/9c/81/eb9c81e698ab71c9f7fae0612582f0dd.jpg');"> 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 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 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 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 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 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 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 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 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 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 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 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 </div> <div class="imBookPage" style="background: url('https://s-media-cache-ak0.pinimg.com/564x/eb/9c/81/eb9c81e698ab71c9f7fae0612582f0dd.jpg');"> 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 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 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 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 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 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 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 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 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 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 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 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 </div> <div class="imBookPage" style="background: url('https://s-media-cache-ak0.pinimg.com/564x/eb/9c/81/eb9c81e698ab71c9f7fae0612582f0dd.jpg');"> 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 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 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 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 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 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 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 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 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 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 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 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 </div> </div> </body> </html>

Et le rendu est ici:

Je me répète, je sais, mais le but est d'installé une scrollbar sur chaque page du magazine (pour ne pas me retrouver avec 15 000 pages à la fin) de façon à ce que je puisse ajouter une image à gauche à droite, je ne sais pas si c'est possible mais en tout cas si ça l'est, celui qui m'explique comment faire deviendra mon héro :aww:

Merci beaucoup à vous de m'accorder votre temps et votre grand savoir :lovebomb:

PS : si vous reconnaissez ce code et que c'est le vôtre, je suis vraiment désolée si vous vous sentez plagier ce n'est pas du tout mon but

Lun 15 Aoû 2016 - 21:07

Youp

Age : 29Messages : 579

Lun 15 Aoû 2016 - 21:07

Il suffit d'ajouter overflow:auto au css de l'élément en question ^^

Lun 15 Aoû 2016 - 21:39

Vegvisir

Age : 24Messages : 411

Lun 15 Aoû 2016 - 21:39

Ha bah oui xD Merci beaucoup :')

Ven 19 Aoû 2016 - 1:45

Onyx

Age : 30Messages : 3350

Ven 19 Aoû 2016 - 1:45

Salut!

Du coup, est-ce que c'est résolu ici?

Ven 19 Aoû 2016 - 21:54

Vegvisir

Age : 24Messages : 411

Ven 19 Aoû 2016 - 21:54

Oui, merci :)

Contenu sponsorisé

Un coup de main pour une finition ?

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée