AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
LEGO Icons 10331 – Le martin-pêcheur
Voir le deal
35 €

    Un coup de main pour une finition ?

    Vegvisir
    Vegvisir
    FémininAge : 25Messages : 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');">
                    <font color="#000000">
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                    </font>
                    </div>
                  <div class="imBookPage" style="background: url('https://s-media-cache-ak0.pinimg.com/564x/eb/9c/81/eb9c81e698ab71c9f7fae0612582f0dd.jpg');">
                    <font color="#000000">
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                    </font>
                    </div>
                  <div class="imBookPage" style="background: url('https://s-media-cache-ak0.pinimg.com/564x/eb/9c/81/eb9c81e698ab71c9f7fae0612582f0dd.jpg');">
                    <font color="#000000">
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                      Texte texte texte texte texte texte texte texte texte<br/>
                    </font>
                    </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



    Un coup de main pour une finition ?  1
    Youp
    Youp
    FémininAge : 29Messages : 579

    Lun 15 Aoû 2016 - 21:07

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



    Un coup de main pour une finition ?  262632clip20160315at092522
    Vegvisir
    Vegvisir
    FémininAge : 25Messages : 411

    Lun 15 Aoû 2016 - 21:39

    Ha bah oui xD Merci beaucoup :')



    Un coup de main pour une finition ?  1
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 19 Aoû 2016 - 1:45

    Salut!

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



    Vegvisir
    Vegvisir
    FémininAge : 25Messages : 411

    Ven 19 Aoû 2016 - 21:54

    Oui, merci :)



    Un coup de main pour une finition ?  1
    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 1:52