AccueilRechercherS'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.


    Problème de pages

    Illeanëlia
    Illeanëlia
    FémininAge : 33Messages : 366

    le Mar 15 Oct 2019 - 21:12

    Bonsoir j'ai créer un carnet de bord pour centraliser les informations  des personnages de mon forum mais je rencontre un problème les pages suivant la première pages sont en décalées et donc rien est centrée sur celle-ci. J'ai beau regarder mon code je ne vois pas les erreurs que j'ai faites en sachant que j'ai encore du mal à réduire mes codes afin qu'ils soient moins chargé. J'ai même rechercher le moyen que la transition des pages se fassent comme une page de livre qui se tourne, mais je n'y arrive pas. Quelqu'un aurait une idée pour m'aider merci d'avance. 

    mon apercue codage + code:
    Carnet de Bord


    Ecrire un petit texte mettant en immersion dans l'univers du personnage, de son caractère et de ses attentes au long de l'aventure. Donnez-nous envie de connaître votre personnage et son histoire tous simplement au travers de ce petit texte de présentation ainsi qu'en proposant un liens vers la fiche personnage pour compléter la couverture.[url=www]La fiche de présentation[/url]


    Votre Titulature
    Ma titulature car vous l'aurez compris je suis (Titre pour les nobles métiers pour les autres) est [Titre au complet ou emploi]. Pas mal non?



    (c)  Auriel C. de Castelmore Valesriel



    Etat Civil
    Prénom P. Nom
    Je suis [Prénom P. Nom(s)], je suis fille de [ Noms des parents] et je suis [Noble/Bourgeois ou du Peuple]. Je suis née en l'an de grâce [année de naissance] au royaume de [nom du royaume en question]. J'aime [ 3 choses] et je déteste [3 choses]. Et maintenant que tu m'as vu et que tu as ses informations sur moi suis moi sur les autres pages.





    Liens des personnages l
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation.  
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation.
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation.  
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation.
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation.  
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation.
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation.  
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation. 
    Nom du personnage -  Historique de la relation.

    (c)  Auriel C. de Castelmore Valesriel





    Rps Réservés


    Titre - ft. Nom Prénom 
    Titre - ft. Nom Prénom  
    Titre - ft. Nom Prénom 
    Titre - ft. Nom Prénom 

    Rps en Cours


    Titre - ft. Nom Prénom 
    Titre - ft. Nom Prénom  
    Titre - ft. Nom Prénom 
    Titre - ft. Nom Prénom 

    Rps Terminés


    Titre - ft. Nom Prénom 
    Titre - ft. Nom Prénom  
    Titre - ft. Nom Prénom 
    Titre - ft. Nom Prénom


    (c)  Auriel C. de Castelmore Valesriel






    Ecrire un petit texte de conclusion ou bien une phrase d'accroche pour débuter l'aventure de votre personnage. Cela peut même être une sorte de thème musicale par exemple.


    Mot de la Fin
    Ecrire une petite citation qui résume la ligne de vie de votre personnage pour son aventure.



    (c)  Auriel C. de Castelmore Valesriel





    Code:
    <center><div style="background-image: url('https://png.pngtree.com/thumb_back/fw800/back_pic/03/68/77/4757b3dd9e416f8.jpg'); width: 500px; height:100px;"></div><div style="background-color: #D8C6A9; width: 400px; padding: 10px 50px;"><div style="text-align: left;"><font size="6" color="#83938F" face="Cinzel Decorative",cursive;"><center>Carnet de Bord</center></font></div></div><div style="background-color: #D8C6A9; width: 460px; padding: 20px;"><div style="text-align: center;"><font face="Vivaldi" color="#83938F" size="3"><a href="#1" title="" target=""><font color="#83938F"><b>Couverture (1)</b></font></a>  -  <a href="#2" title="" target=""><font color="#83938F"><b>Etat Civil</b></font></a>  -  <a href="#3" title="" target=""><font color="#83938F"><b>Liens personnages</b></font></a>  -  <a href="#4" title="" target=""><font color="#83938F"><b>Mes aventures</b></font></a>  -  <a href="#5" title="" target=""><font color="#83938F"><b>Couverture (2)</b></font></a></font></div><div style="text-align: center;"><div style="border-bottom: 1px solid #bbb;"><br/></div></div></div><div style="background-color: #c7d3e8; width: 500px; height:400px; overflow: hidden;"><center><div style="height: 500px; width: 450px; overflow: hidden; padding: 40px; background-image: url(https://png.pngtree.com/thumb_back/fw800/back_pic/03/68/77/4757b3dd9e416f8.jpg);"><a name="1"></a><div style="text-align: center;color:#666666;margin-left:-25px;">

    <center><div style="background-color: transparent; padding: 10px; width: 400px; box-shadow: 3px 3px 3px 3px #D8C6A9;"><div style="text-align: justify;"><div style="line-height: 10px; font-size:12px; color: #7E8296;"><b>Ecrire un petit texte mettant en immersion dans l'univers du personnage, de son caractère et de ses attentes au long de l'aventure. Donnez-nous envie de connaître votre personnage et son histoire tous simplement au travers de ce petit texte de présentation ainsi qu'en proposant un liens vers la fiche personnage pour compléter la couverture.[url=www]La fiche de présentation[/url]</b><br/>

    <center><div style="font-family: 'Dancing Script'; font-size:20px;text-align:center; color: black; width:350px;">Votre Titulature</div><div style="font-family: times new roman;font-size: 10px;text-transform: uppercase;background-color:#E2D0B8;padding: 10px 10px 10px 10px; width:350px;border-radius: 10px; border: 1px solid #8D7657;"> Ma titulature car vous l'aurez compris je suis (Titre pour les nobles métiers pour les autres) est [Titre au complet ou emploi]. Pas mal non? </div>
    <img src="https://i.servimg.com/u/f94/19/77/99/78/46769312.jpg" style="border: 2px solid #83938F; width: 100px; height: 80px; border-radius: 80px;"></center></div></span></div></center>
    <br/><center><a style="color: #1c1b38 !important; font-size: 10px; padding : 0px; font-family: 'Chopin'; letter-spacing: 2px;"><b>(c)  Auriel C. de Castelmore Valesriel </b></a></center></div>
    <br/>
    <div style="background-color: #c7d3e8; width: 500px; height:420px; overflow: hidden;"><center><div style="height: 400px; width: 450px; overflow: hidden; padding: 30px; background-image: url(https://png.pngtree.com/thumb_back/fw800/back_pic/03/68/77/4757b3dd9e416f8.jpg);"><a name="2"></a><div style="text-align: center;color:#666666;margin-left:-25px;"><center><div style="background-color: transparent; padding: 10px; width: 400px; box-shadow: 3px 3px 3px 3px #D8C6A9;"><div style="text-align: justify;"><div style="line-height: 10px; font-size:12px; color: #7E8296;"><center><b>Etat Civil</b></center><font face="Cinzel Decorative" color="#003333;"><span style="display: block; text-align: left; font-size: 18px; text-shadow: 0px 0px 15px #ffffff; margin: 30px 0px -30px 240px;">Prénom P. Nom</span><table style= " border-spacing: 20px;"><div style="width:420px;"><table cellspacing="20"><tr><td><img src="https://i.servimg.com/u/f47/19/96/70/98/avatar12.jpg" style="height:300px; width:180px; border:2px dotted Gray;"></td><td style="width: 180px; background-color: grey; padding: 20px; text-align: justify; color: black; font-family: 'chopin; font-size: 10px; line-height: 30px; box-shadow: 3px 4px 6px #ffffff; border-radius: 25px;box-shadow: 3px 3px 3px 3px #003333;"><b>Je suis [Prénom P. Nom(s)], je suis fille de [ Noms des parents] et je suis [Noble/Bourgeois ou du Peuple]. Je suis née en l'an de grâce [année de naissance] au royaume de [nom du royaume en question]. J'aime [ 3 choses] et je déteste [3 choses]. Et maintenant que tu m'as vu et que tu as ses informations sur moi suis moi sur les autres pages.</b></td></tr></table></center></div></div></center>
    <br/>
    <div style="background-color: #c7d3e8; width: 500px; height:420px; overflow: hidden;"><center><div style="height: 500px; width: 450px; overflow: hidden; padding: 40px; background-image: url(https://png.pngtree.com/thumb_back/fw800/back_pic/03/68/77/4757b3dd9e416f8.jpg);"><a name="3"></a><div style="text-align: center;color:#666666;margin-left:-25px;">

    <center><div style="background-color: transparent; padding: 10px; width: 400px; box-shadow: 3px 3px 3px 3px #D8C6A9;"><div style="text-align: justify;"><div style="line-height: 10px; font-size:12px; color: #7E8296;"><b>Liens des personnages l</b></div><div style="background-color: transparent; width: 420px; padding: 20px;"><center><font face="Vivaldi" color="#314e82" size="3"><div style="float: left; width: 100%;"><div style="background-color: transparent; margin: auto; padding: 25px; width: 380px; border: 0px solid black; border-radius: 10px; box-shadow: 3px 4px 6px black;"><div style="height: 200px; width: 380px; overflow: auto;"><div style="text-align: left;"><div style="text-align: left;"><font color="#666666"><spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.  
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.  
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.  
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.  
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.
    <spanstyle="color: #339966;">★</span><a href="lien fiche perso">Nom du personnage </a> -  Historique de la relation.<br/></div></span></div></center>
    <center><a style="color: #1c1b38 !important; font-size: 10px; padding : 0px; font-family: 'Chopin'; letter-spacing: 2px;"><b>(c)  Auriel C. de Castelmore Valesriel </b></a></center></div>
    <br/>
    <div style="background-color: #c7d3e8; width: 500px; height:420px; overflow: hidden;"><center><div style="height: 500px; width: 450px; overflow: hidden; padding: 40px; background-image: url(https://png.pngtree.com/thumb_back/fw800/back_pic/03/68/77/4757b3dd9e416f8.jpg);"><a name="4"></a><div style="text-align: center;color:#666666;margin-left:-25px;">

    <center><div style="background-color: transparent; padding: 10px; width: 400px; box-shadow: 3px 3px 3px 3px #D8C6A9;"><div style="text-align: justify;"><div style="line-height: 10px; font-size:12px; color: #7E8296;"><div style="height: 200px; width: 380px; overflow: auto;"><div style="text-align: left;"><font color="#000033"><div style="width:450px; text-align:center; font-family:Chopin; font-size:9px; color:#336666; padding-left:0px; padding-rig*ht:0px; margin-top:5px;line-height:100%; letter-spacing: 2px; text-transform: uppercase;"><b>Rps Réservés</b></div>

    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom
    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom  
    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom
    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom

    <div style="text-align: left;"><font color="#000033"><div style="width:450px; text-align:center; font-family:Chopin; font-size:9px; color:#336666; padding-left:0px; padding-rig*ht:0px; margin-top:5px;line-height:100%; letter-spacing: 2px; text-transform: uppercase;"><b>Rps en Cours</b></div>

    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom
    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom  
    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom
    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom

    <div style="text-align: left;"><font color="#000033"><div style="width:450px; text-align:center; font-family:Chopin; font-size:9px; color:#336666; padding-left:0px; padding-rig*ht:0px; margin-top:5px;line-height:100%; letter-spacing: 2px; text-transform: uppercase;"><b>Rps Terminés</b></div>

    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom
    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom  
    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom
    <spanstyle="color: #339966;">★</span><a href="lien du rp">Titre</a> - ft. Nom Prénom <br/></div></span></div></center>
    <br/><center><a style="color: #1c1b38 !important; font-size: 10px; padding : 0px; font-family: 'Chopin'; letter-spacing: 2px;"><b>(c)  Auriel C. de Castelmore Valesriel </b></a></center></div>
    <br/>

    <div style="background-color: #c7d3e8; width: 500px; height:420px; overflow: hidden;"><center><div style="height: 500px; width: 450px; overflow: hidden; padding: 40px; background-image: url(https://png.pngtree.com/thumb_back/fw800/back_pic/03/68/77/4757b3dd9e416f8.jpg);"><a name="5"></a><div style="text-align: center;color:#666666;margin-left:-25px;">

    <center><div style="background-color: transparent; padding: 10px; width: 400px; box-shadow: 3px 3px 3px 3px #D8C6A9;"><div style="text-align: justify;"><div style="line-height: 10px; font-size:12px; color: #7E8296;"><b>Ecrire un petit texte de conclusion ou bien une phrase d'accroche pour débuter l'aventure de votre personnage. Cela peut même être une sorte de thème musicale par exemple.</b><br/>

    <center><div style="font-family: 'Dancing Script'; font-size:20px;text-align:center; color: black; width:350px;">Mot de la Fin</div><div style="font-family: times new roman;font-size: 10px;text-transform: uppercase;background-color:#E2D0B8;padding: 10px 10px 10px 10px; width:350px;border-radius: 10px; border: 1px solid #8D7657;"> <b> Ecrire une petite citation qui résume la ligne de vie de votre personnage pour son aventure.</b></div>
    <img src="https://i.servimg.com/u/f94/19/77/99/78/46769312.jpg" style="border: 2px solid #83938F; width: 100px; height: 80px; border-radius: 80px;"></center></div></span></div></center>
    <br/><center><a style="color: #1c1b38 !important; font-size: 10px; padding : 0px; font-family: 'Chopin'; letter-spacing: 2px;"><b>(c)  Auriel C. de Castelmore Valesriel </b></a></center></div>
    <br/>

    Illeanëlia
    Illeanëlia
    FémininAge : 33Messages : 366

    le Jeu 17 Oct 2019 - 9:09

    Up

      La date/heure actuelle est Sam 7 Déc 2019 - 20:58