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 €

    Problème fiche partenaire iframe GoT Halloween

    EverLiam
    EverLiam
    FémininAge : 36Messages : 1082

    Lun 9 Mar 2015 - 15:38

    Bonjour ,

    déjà voila le lien du tuto en question : https://www.never-utopia.com/t50390-game-of-thrones

    une explication de votre problème :
    dans un premier temps il y avait un problème avec les accent donc j'ai ajouter au tout debut du code:

    ca regles le probleme des accent mais ...

    - la partie présentation déconne et se decale complètement , en plus de la partie staff qui deconne aussi T-T

    le lien de votre forum : http://hellwordrpg.forumactif.org/h2-fichepart

    vos codes associés au problème :
    Code:
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8" /><style>a {text-decoration: none !important; color: #635430;} .fiche {width: 405px; background-color: #BCA774;} .img_pres {border-radius: 100px 100px 0px 0px; width: 405px;} .titre_contenu {font-family: 'Merienda One', cursive; font-size: 25px; text-align: center !important; position: relative; top: -1.2em; color: #635430;} .identité {background-color: #9C844B; padding: 20px; text-align: justify; position: absolute; top: 4.3em; width: 365px; z-index: 2; color: #393220;} .titre_bloc {background-image: url('http://img15.hostingpics.net/pics/4450796616.png'); width: 404px; height: 55px; color: #BCA774; font-family: 'Merienda One', cursive; font-size: 25px; text-align: center; padding-top: 15px;} .histoire {padding: 20px; color: #393220; width: 340px; height: 200px; overflow: auto; text-align: justify; background-color: #9C844B;} bulles.contact {position: relative; z-index: 24; text-decoration: none !important;} bulles.contact:hover {z-index: 25;} bulles.contact span{display: none;} bulles.contact:hover span {display: block; position: absolute; top: -7.6em; left: 0em; width: 144px; height: 75px; overflow: auto; background-color: #9C844B; color: #393220; text-align: center; font-weight: none; padding: 10px;}</style>
    <center>
        <img src="http://reviewer.lavoixdunord.fr/lib//Contents/95638/game-of-thrones-photo-600x280.jpg" class="img_pres" />
       <div class="fiche">
          
          <center>
             
             <div class="titre_contenu">
                 Game Of Thrones <span style="color: #E4DCC9;">Nom forum</span>
             </div>
             
          </center>
           
          <div class="titre_bloc">
              Présentation
          </div>
          
          <div style="background-color: #635430; height: 240px;">
              <span style="position: relative; left: -18.4em;"> </span>
             <div style="position: absolute; left: -18.4em; border-width: 47px 405px 70px 0px; border-style: solid; border-color: transparent rgb(57, 50, 32) transparent transparent;">
                
             </div><span style="position: relative; left: -18.4em;"></span>
             <div class="identité" style="position: relative; left: -18.4em;">
                
                <table>
                   
                   <tbody>
                      
                      <tr>
                         
                         <td style="padding-right: 20px;">
                             <img src="http://s397845296.mialojamiento.es/usokeido/wp-content/uploads/2013/03/game-of-thrones-logo-100x100.jpg" style="height: 100px; border-radius: 50px;" />
                         </td>
                         
                         <td>
                            
                            <div style="width: 250px; height: 80px; overflow: auto;">
                                <strong>PRESENTATION DU FORUM</strong> • Son thème, son ambiance, les objectifs ... Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi 
                            </div>
                            
                         </td>
                         
                      </tr>
                      
                   </tbody>
                   
                </table>
                
             </div><span style="position: relative; left: -18.4em;"></span>
             <div style="position: absolute; left: -18.4em; border-width: 80px 0px 44px 405px; border-style: solid; border-color: transparent transparent transparent rgb(57, 50, 32); top: 10.3em; z-index: 1;">
                
             </div><span style="position: relative; left: -18.4em;"></span>
          </div>
           
          <div class="titre_bloc">
              Contexte
          </div><img src="http://cdn.screenrant.com/wp-content/uploads/Game-of-Thrones-Season-4-Logo.jpg" style="width: 380px;" />
          <div class="histoire">
              <span style="float: left; font-size: 300%; font-family: 'Merienda One', cursive;">S</span>erpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. Serpens districta periclitanti attoniti iamque armatos colligi saxo extremas ratione serpens mihi adpetitus extremas dentium ut colligi viri vel spes dentium cognitis viri inquit serpens saxo succurrens starent et et serpens districta et Gallus saluti iussit et fortes dentium fortes saluti inquit adeste colligi telo armatos iussit cum quavis districta viri saxo dentium acie Gallus inquit vobiscum suae omnes armatos cognitis et extremas et cum attoniti fortes spes armatos starent telo periclitanti colligi vobiscum quavis cum iussit cognitis extremas cognitis districta vel saxo ratione mihi spes opperiens fortes starent inquit ratione attoniti quavis acie Gallus serpens quavis periclitanti et Gallus. <a href="#" style="color: #221E13 !important; font-weight: bold;">Consulter la suite</a>.
          </div><span style="font-family: 'Parisienne', cursive; font-size: 30px; color: #393220;">Nous rendre visite :</span> <a href="#" style="font-family: 'Parisienne', cursive; font-size: 30px; color: #221E13 !important; font-weight: bold;">www</a> 
          <div class="titre_bloc">
              Contact
          </div>
            <bulles class="contact"><img src="http://i39.servimg.com/u/f39/18/40/69/79/sans_t11.png" style="border: 2px solid #393220;" /><span><br /></span></bulles>
          <div style="font-family: 'Merienda One', cursive; font-size: 13.5px; font-weight: bold; color: rgb(19, 112, 128);">
              Daenerys Targaryen
          </div><bulles class="contact"><span>Fondatrice • <k style="color: #2E4826;">Présente</k><br /><a href="#">MP</a> • <a href="#">Profil</a></span></bulles> <bulles class="contact"><img src="http://i39.servimg.com/u/f39/18/40/69/79/sans_t12.png" style="border: 2px solid #393220;" /><span><br /></span></bulles>
          <div style="font-family: 'Merienda One', cursive; font-size: 13.5px; font-weight: bold; color: rgb(73, 27, 64);">
              Jon Snow
          </div><bulles class="contact"><span>Fondateur • <k style="color: #2E4826;">Présent</k><br /><a href="#">MP</a> • <a href="#">Profil</a></span></bulles> 
          <table>
             
             <tbody>
                
                <tr>
                   
                   <td>
                       <a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a>
                   </td>
                   
                   <td>
                       <img src="http://nsa33.casimages.com/img/2014/07/20/140720111512811490.png" style="max-height: 30px; transform: rotate(-90deg)" />
                   </td>
                   
                   <td>
                       <a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a><br /><a href="#">Choisissez un lien</a>
                   </td>
                   
                </tr>
                
             </tbody>
             
          </table>
            <a href="http://www.never-utopia.com" style="color: #393220!important; text-align: center; font-size: 9px;">© By Halloween</a><img src="http://i39.servimg.com/u/f39/18/40/69/79/sans_t12.jpg" style="width: 405px;" />
       </div>
    </center>
     <link href="http://fonts.googleapis.com/css?family=Merienda+One|Parisienne" rel="stylesheet" type="text/css" />

    le(s) navigateur(s) sous le(s)quel(s) vous constatez le problème : sous firefox, chrome

    Donc voila juste en ajoutent un code tout a déconner T-T je sais plus quoi faire pour le coup .

    Merci a ceux qui vont m'aider .
    EverLiam
    EverLiam
    FémininAge : 36Messages : 1082

    Lun 9 Mar 2015 - 18:35

    ma chere co admin a supprimer le forum sans me prevenir




      La date/heure actuelle est Dim 24 Nov 2024 - 12:22