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.

-29%
Le deal à ne pas rater :
PC portable – MEDION 15,6″ FHD Intel i7 – 16 Go / 512Go (CDAV : ...
499.99 € 699.99 €
Voir le deal

    Problème avec le CSS...

    VampireAddiction
    VampireAddiction
    FémininAge : 24Messages : 22

    Sam 12 Nov 2016 - 18:19

    Bonjour/Bonsoir,

    Moi, Claire, aussi appeler Pas-douée, a repéré un Headers à craquer ! Littéralement, je fonds, vu que c'est en libre service ici, qu'est-ce que je fais ? Bah je fonce. https://www.never-utopia.com/t47730p825-pa-complete-onglets-et-infobulles#943838
    Je mets un remerciement, et j'accède au code.
    Pour le HTML, je pense avoir réussi. Je suis aller dans PA>Affichage>Templates>Général>overall_header
    Cependant, pour le CSS, je pense m'être complètement perdue, la preuve ? Regardez l'état de mon forum : http://vampireaddiction.forumactif.com/.
    Pourtant, je suis bien aller dans : PA>Affichage>Couleurs>FeuilleStyleCSS...
    Bref, je suis perdue, quelqu'un pour m'expliquez ce qui c'est passé et comment réparé mon erreur, s'il vous plais ?

    PS : A l'heure d'aujourd'hui, j'ai rajouter d'autre templates et l'HTML semble marcher mais pas le CSS, encore une fois...
    VampireAddiction
    VampireAddiction
    FémininAge : 24Messages : 22

    Ven 18 Nov 2016 - 16:35

    Problème toujours d'actualité...
    VampireAddiction
    VampireAddiction
    FémininAge : 24Messages : 22

    Lun 21 Nov 2016 - 19:20

    Toujours d'actualité... personne pour m'aider ?
    VampireAddiction
    VampireAddiction
    FémininAge : 24Messages : 22

    Sam 26 Nov 2016 - 12:02

    Help...
    TiGraou
    TiGraou
    MasculinAge : 30Messages : 243

    Sam 26 Nov 2016 - 13:37

    Coucou

    Peux-tu donner les codes sous les balises "code" de overhall_header et css?
    VampireAddiction
    VampireAddiction
    FémininAge : 24Messages : 22

    Sam 26 Nov 2016 - 22:28

    Code CSS pour tout :
    Code:
        /*--------------------------------- PA ---------------------------------*/

        /* Fond */
        .fondsgénéraux {
          background-color: #1B1B1F;
          width: 700px;
          padding: 15px;
          color: #767676;
        }

        .blocpa {
          width: 220px;
          padding: 15px;
          background-color: #141517;
        }

        .blocpa:hover {
          width: 220px;
          background-color: #141517;
          border-left: 2px solid #2F3C3E;
          border-right: 2px solid #2F3C3E;
        }

        /* Titres */
        .titrePA1 {
          font-family: parisienne;
          font-size: 35px;
          color: #FE6D6D;
          z-index: 1px;
          position: relative;
        }

        .titrePA2 {
          font-family: parisienne;
          font-size: 25px;
          color: #F0F0F0;
          position: relative;
        }

        .titrePA2:hover {
          font-family: parisienne;
          font-size: 25px;
          color: #FE6D6D;
          position: relative;
        }

        .titrePA3 {
          font-family: parisienne;
          font-size: 25px;
          color: #FE6D6D;
          position: relative;
        }

        .titrePA3:hover {
          font-family: parisienne;
          font-size: 25px;
          color: #F0F0F0;
          position: relative;
        }

        /* Système onglets */
        .paonglet {
          display: inline-block;
          cursor: pointer;
        }

        .contenu_paonglet {
          display: none;
          width: 250px;
          height: 360px;
          background-color: #141517;
        }

        .contenu_paonglet:hover {
          display: none;
          width: 250px;
          background-color: #141517;
          border-left: 2px solid #2F3C3E;
          border-right: 2px solid #2F3C3E;
        }

        /* Info-bulles staff */
        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }

        d.info:hover {
          z-index: 25;
        }
       
        d.info span {
          display: none;
        }
       
        d.info:hover span {
          display: block;
          position: absolute;
          top: -2em;
        left: -2em;
          width: 120px;
          height: 50px;
          background-color: #1B1B1F;
          color: #16161A;
          text-align: center;
          font-weight: none;
        }

        /* Info-bulles prédef */
        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }
       
        c.info:hover {
          z-index: 25;
        }
       
        c.info span {
          display: none;
        }
       
        c.info:hover span {
          display: block;
          position: absolute;
          top: -7.3em;
        left: -0.2em;
          border-radius: 50%;
          width: 85px;
          height: 85px;
          background-color: #1B1B1F;
          color: #16161A;
          text-align: center;
          font-weight: none;
        }

        /* Images Prédef */
        .imgPA {
          border-radius: 50%;
          width: 80px;
          height: 80px;
        }

        /* Images Staff */
        .imgwidget {
          border-radius: 50%;
          width: 60px;
          height: 60px;
          -moz-transition-duration: 1s;
          -moz-transition-timing-function: linear;
          -webkit-transition-duration: 1s;
          -webkit-transition-timing-function: linear;
          transition-duration: 1s;
          transition-timing-function: linear;
        }

        .imgwidget:hover {
          border-radius: 50%;
          width: 60px;
          height: 60px;
          -moz-transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }

        /* Top Sites */
        .tops {
          -moz-transform: rotate(20deg);
          -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
          width: 40px;
        }

        .tops:hover {
          -moz-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          width: 40px;
        }

        /*--------------------------------- FIN PA ---------------------------------*/

          /* --------------------------------- CATEGORIES --------------------------------- */

                .hoverme {
                  font-size: 11px;
                  font-family: arial;
                  color: #FE6D6D;
                  text-align: center !important;
                  margin-top: 10px;
                }

                r:focus{
                background: #020202;
                z-index: 1;
                }

                    r span {
                    z-index: 1;
                    position: absolute;
                    margin-top: -95px;
                    margin-left: -135px;
                      color: #F0F0ED;
                    width: 180px;
                    height: 55px;
                      overflow: auto;
                      background: #141517;
                    padding: 15px;
                    border-radius: 3px;
                    transform: scale(0) rotate(-12deg);
                  -webkit-transform: scale(0) rotate(-12deg);
                  -ms-transform: scale(0) rotate(-12deg);
                      transition: all .25s;
                    }

                    r:hover span, r:focus span {
                    z-index: 1;
                    transform: scale(1) rotate(0);
                  -webkit-transform: scale(1) rotate(0);
                  -ms-transform: scale(1) rotate(0);
                    }


                /* Catégories */

                .titrecategorie h2 {
                  top: 1.5em;
                  position: relative;
                  font-size: 27px;
                font-family: parisienne;
                  color: #FE6D6D !important;
                  letter-spacing: 1px !important;
                  z-index: 1;
                }

                .cate_titre {
                  text-align: center;
                  margin: auto;
                  background-color: #1B1B1F;
                  width: 750px;
                  height: 210px;
                  border-radius: 130% 130% 0% 0%;
                }

                .cate_footer {
                  text-align: center;
                  margin: auto;
                  z-index: 1;
                  position: relative;
                  margin-top: -100px;
                  background-color: #1B1B1F;
                  width: 750px;
                  height: 210px;
                  border-radius: 0% 0% 130% 130%;
                }

                .footer_texte {
                  top: 5.5em;
                  position: relative;
                  font-size: 20px;
                font-family: parisienne;
                  color: #FE6D6D !important;
                  letter-spacing: 1px !important;
                }

                .categorie {
                  width: 750px;
                  margin: auto;
                  background-color: #1B1B1F !important;
                  margin-top: -100px;
                }

                /* New */
                .new01 {
                  transform: rotate(5deg);
                }

                /* Forum */

                .forum {
                  width: 700px;
                  height: 120px;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 5px;
                  margin-bottom: 5px;
                  background: #141517;
                  position: relative;
                  padding: 2px;
                  z-index: 2;
                }

                a.forumlink {
                  position: relative;
                  display: block;
                  width: 100%;
                  color: #F0F0ED !important;
                  text-align: left;
                  font-family: parisienne;
                  font-size: 22px;
                  font-weight: bold;
                  letter-spacing: 1px;
                  transform: all;
                  -moz-transform: all;
                  -o-transform: all;
                  -htm-transform: all;
                  -webkit-transform: all;
                  transition: 1s;
                  -moz-transition: 1s;
                  -o-transition: 1s;
                  -htm-transition: 1s;
                  -webkit-transition: 1s;
                }

                a.forumlink:hover {
                  letter-spacing: 2px;
                  color: #FE6D6D !important;
                  text-decoration: none !important;
                  transform: all;
                  -moz-transform: all;
                  -o-transform: all;
                  -htm-transform: all;
                  -webkit-transform: all;
                  transition: 1s;
                  -moz-transition: 1s;
                  -o-transition: 1s;
                  -htm-transition: 1s;
                  -webkit-transition: 1s;
                }

                /* Description */
                .description {
                  width: 280px;
                  height: 80px;
                  overflow: auto;
                  background-color: #141517;
                text-align: justify;
                  font-family: arial;
                  font-size: 11px;
                }

                /* Bloc derniers messages */

                .bloccate {
                  width: 180px;
                }

                .stats_last
                {
                  display: block;
                  width: 160px;
                  height: 75px;
                  margin-left: -200px;
                  margin-top: 30px;
                  background: #E3A6A6;
                  padding: 10px;
                  border: 1px solid #2E2E2E;
                  box-shadow: 2px 2px 10px #2E2E2E;
                -moz-box-shadow: 2px 2px 10px #2E2E2E;
                  -webkit-box-shadow: 2px 2px 10px #2E2E2E;
                }

                .stats {
                  display: block;
                  text-align: center;
                  font-size: 10px;
                  color: #7E2727;
                  border-bottom: 1px solid #7E2727;
                  padding-bottom: 4px;
                  margin-bottom: 4px;
                }

                .last_mess {
                  display: block;
                  text-align: center;
                  font-size: 11px;
                  color: #F0F0ED;
                }

                .last_mess a{
                  text-align: center;
                  font-size: 11px;
                  color: #F0F0ED;
                }

                /* Sous-forum */


                /*--------------------------------- FIN CATEGORIES --------------------------------- */


          /* --------------------------------- PROFIL --------------------------------- */

            /* Contenu du profil général */
            .profil_contenu {
              background-color: #CED4E2;
              padding: 15px;
            }

            /* Image de fond de l'avatar */
            .avatar_profil {
              background-image: url('http://upz.fr/5KCKs.png');
              width: 215px;
              height: 368px;
              background: no-repeat;
            }

            /* Taille de l'avatar et positionnement */
            .avatar_profil img {
              width: 200px;
              max-height: 320px;
              position: relative;
              top: 0.4em;
              left: 0.45em;
            }

            /* Contenu du bloc des informations joueur et RPG */
            .profil_details {
              background-color: #5F73A0;
              padding: 20px;
              color: #ffffff;
              font-size: 11px;
              font-family: trebuchet MS;
              width: 170px;
              height: 118px;
              overflow: auto;
              text-align: justify;
              position: relative;
              top: -4em;
            }

            /* --------------------------------- FIN PROFIL --------------------------------- */


    HTML de index_box :
    Code:
        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall">{LAST_VISIT_DATE}<br />
                {CURRENT_TIME}<br />
                </span>
                <!-- END switch_user_logged_in -->
                <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
              </td>
              <td class="gensmall" align="right" valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
                <!-- END switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
              </td>
          </tr>
        </table>
        <!-- BEGIN catrow --><!-- BEGIN tablehead -->

        <div class="cate_titre"><div class="titrecategorie">{catrow.tablehead.L_FORUM}</div></div>

        <div class="categorie">

          <!-- END tablehead -->
          <!-- BEGIN cathead -->
         
        <!-- END cathead -->
          <!-- BEGIN forumrow -->
       
        <div class="forum">
         
        <table><tr>
          <td style="vertical-align: middle; padding: 10px;" class="bloccate"><nobr><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            <span style="font-size: 11px;"><span style="COLOR: #fe6d6d; FONT-SIZE: 11px;">✘ {catrow.forumrow.TOPICS}</span> rebondissements dans <span style="COLOR: #fe6d6d; FONT-SIZE: 11px;">{catrow.forumrow.POSTS}</span> aventures.</span><br />
          </nobr> <center><div class="last_mess"><span class="gensmall" id="last">{catrow.forumrow.LAST_POST}</span></div>
        <script type="text/javascript">
        jQuery('#last').html(jQuery('#last').html().replace(/<br>/g,'<span style="display: inline-block; padding: 0 2px;">-</span>')).removeAttr('id');
          </script>
            <p> <r class="hoverme">Hover Me!<span class="gensmall1">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> </r> </p></center></td>
          <td style="vertical-align: middle;">
          {catrow.forumrow.FORUM_DESC}</td>
          <td><img class="new01" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            </td>
        </tr></table>
           
            </div><br />

          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
         
          <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
          </div><div class="cate_footer"><br /><div class="footer_texte">Nom du forum</div></div>
         
        <!-- END tablefoot --><!-- END catrow -->
        <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Parisienne" />


    HTML d'overall_headers :

    Code:
        <div class="fondsgénéraux">
       
        <center>
       
        <div class="titrePA1">
        Once Upon A Time
        </div><img src="http://hpics.li/5cba6e2" style="margin-top: -50px; WIDTH: 100px; margin-left: 320px; opacity: 0.5px" />
        </center>
       
        <table>
       
        <tbody>
       
        <tr>
       
        <td>
       
        <center>
        <script type="text/javascript">
                //<!--
                        function change_paonglet(name)
                        {
                                document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                                document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                                document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                                document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                                anc_paonglet = name;
                        }
                //-->
                </script>
        <div class="contenu_paonglets">
       
        <div id="contenu_paonglet_contexte" class="contenu_paonglet">
       
        <div class="titrePA2">
        Contexte
        <div style="TEXT-ALIGN: justify; WIDTH: 230px; HEIGHT: 150px; COLOR: #767676; OVERFLOW: auto;">
        En 2018, suite à l'annonce publique et extrêmement médiatiser prouvant l'existence de suceurs de sang, Nikolina Krofnov, la régente du monde vampirique, s'appelant Ofrov dirigé par la famille royale de la ligné Krofnov. Nikolina, l'aîné de la fratrie à était désigné comme la nouvelle régente suite à une vague de manifestation de la part du peuple, voulant reprendre leur terre d'origine, la planète bleue... <a href="http://vampireaddiction.forumactif.com/t2-contexte" style="COLOR: #fe6d6d !important">La suite</a>
        </div>
       
        </div>
       
        <div id="contenu_paonglet_encours" class="contenu_paonglet">
       
        <div class="titrePA2">
        Bestiaire
        <div style="TEXT-ALIGN: justify; WIDTH: 230px; HEIGHT: 175px; COLOR: #767676; OVERFLOW: auto;">
        Pour devenir un vampire, il y a plusieurs solution. La plus répendu étant la reproduction, en effet, les vampires peuvent procrée avec d'autre vampires, on les appellent alors les "sang-pure"...<a href="http://vampireaddiction.forumactif.com/t14-bestiaire" style="COLOR: #fe6d6d !important">La suite</a>
        </div>
       
        </div>
       
        </div><br />
        <div class="paonglets">
        <span onclick="javascript:change_paonglet('contexte');" id="paonglet_contexte" class="paonglet_0 paonglet"><img src="https://i56.servimg.com/u/f56/18/71/36/65/sans_t10.png" /></span> <span onclick="javascript:change_paonglet('encours');" id="paonglet_encours" class="paonglet_0 paonglet"><img src="https://i56.servimg.com/u/f56/18/71/36/65/sans_t12.png" /></span>
        </div>
        <script type="text/javascript">
                //<!--
                        var anc_paonglet = 'contexte';
                        change_paonglet(anc_paonglet);
                //-->
                </script><br /><br />
        <div class="blocpa">
       
       
        <div class="titrePA2">
        Le Staff
        </div><d class="info"><img src="https://66.media.tumblr.com/4cde50fec38f5dfa5df41180e92c9f06/tumblr_inline_n89vbaqUcF1sjxwdf.gif" class="imgwidget" /><span><e style="COLOR: #f0f0f0 !important; FONT-SIZE: 18px !important" class="titrePA1">Tamara (fondatrice)</e> <br /><a href="http://vampireaddiction.forumactif.com/u1contact" style="COLOR: #f0f0f0 !important">MP</a>
        </div>
       
        </center>
       
        </td>
       
        <td style="WIDTH: 20px">
       
        </td>
       
        <td>
       
        <center>
       
        <div style="WIDTH: 350px" class="blocpa">
       
        <div class="titrePA2">
        Nos actualités
        </div><br /><br />
        <div style="TEXT-ALIGN: justify; WIDTH: 300px; HEIGHT: 150px; COLOR: #767676; OVERFLOW: auto">
        <span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br /><span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br /><span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br /><span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br />
        </div><br /><br />
        <div class="titrePA2">
        WANTED
        </div>
        <br /><br /> <c class="info"><img src="http://67.media.tumblr.com/947eea034c57151f55af68a4f0362bc4/tumblr_inline_na6q7brrls1sk47ji.gif" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Nikolina Korfnov</d> <br /><a href="http://vampireaddiction.forumactif.com/t5-f-vamp-nikolina-korfnov-la-reine-sans-coeur" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c> <c class="info"><img src="http://65.media.tumblr.com/01a526b750ec174655d3501be1b64bdd/tumblr_inline_nqesixJHnd1twc3od_500.gif" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Azerna Korfnov</d> <br /><a href="http://vampireaddiction.forumactif.com/t7-f-vamp-azerna-korfnov-the-sweet-princess" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c> <c class="info"><img src="http://i1019.photobucket.com/albums/af312/thefancypostman/Scarlett%20Johansson/Red%20icons/natasha106.gif" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Natacha Dupont</d> <br /><a href="http://vampireaddiction.forumactif.com/t10-f-hum-natasha-dupont-the-resistance-s-leader" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c> <c class="info"><img src="http://67.media.tumblr.com/5b027d636faa9f9ee58ea1f86ddad418/tumblr_inline_n7sxtxjubH1s2k6n3.gif" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Damon Pietro</d> <br /><a href="http://vampireaddiction.forumactif.com/t9-h-vamp-damon-pietro-the-mean-vampire" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c>
        </div><br />
        <div style="WIDTH: 300px" class="blocpa">
       
       
        </div><br />
        <div style="WIDTH: 350px" class="blocpa">
       
        <div class="titrePA2">
        Si tu nous aimes, prouve-le, vote pour nous.
        </div><a href="#"><img src="http://66.media.tumblr.com/6e414d2f590896a73eb033e4ce9f66a1/tumblr_inline_nloh2fHBHH1tnnqn5_100.png" class="tops" /></a> <a href="#"><img src="http://66.media.tumblr.com/6e414d2f590896a73eb033e4ce9f66a1/tumblr_inline_nloh2fHBHH1tnnqn5_100.png" class="tops" /></a> <a href="#"><img src="http://66.media.tumblr.com/6e414d2f590896a73eb033e4ce9f66a1/tumblr_inline_nloh2fHBHH1tnnqn5_100.png" class="tops" /></a><br /><a href="#" style="FONT-FAMILY: georgia; COLOR: #fe6d6d !important">
        </div>
       
        </center>
       
        </td>
       
        </tr>
       
        </tbody>
       
        </table><br /><a style="color: #767676 !important;" href="http://www.never-utopia.com">© Halloween</a>
        </div><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Parisienne" />



    HTML de viewtopic_body :

    Code:
    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){

        if(typeof(_atc) == "undefined") {
            _atc = { };
        }
       
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
            if ($('#at15s').css('display') == 'block') {
                addthis_close();
            }
        });
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
           
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
             {
                if( $(this).is(":visible") )
                {
                   $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                }
                else
                {
                   $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                }
             });
            }
        }
        catch(e) { }
       
       return false;
    };

    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
       <tr>
          <td align="left" valign="middle" nowrap="nowrap">
             <span class="nav">
             <!-- BEGIN switch_user_authpost -->
             <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
             <!-- END switch_user_authpost -->
             <!-- BEGIN switch_user_authreply -->
             <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
             <!-- END switch_user_authreply -->
             </span>
          </td>      
          <td class="nav" valign="middle" width="100%">
             <span class="nav">
                    <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                    <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                    {NAV_CAT_DESC_SECOND}
                </span>
          </td>      
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
             <!-- BEGIN switch_twitter_btn -->
             <span id="twitter_btn" style="margin-left: 6px; ">
                    <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
             </span>
             <!-- END switch_twitter_btn -->
             
             <!-- BEGIN switch_fb_likebtn -->         
             <script>(function(d, s, id) {
               var js, fjs = d.getElementsByTagName(s)[0];
               if (d.getElementById(id)) return;
               js = d.createElement(s); js.id = id;
               js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
               fjs.parentNode.insertBefore(js, fjs);
             }(document, 'script', 'facebook-jssdk'));</script>   
             <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
             <!-- END switch_fb_likebtn -->
             
             <span class="gensmall bold">
                <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                <!-- BEGIN switch_plus_menu -->
                 | 
                <script type="text/javascript">//<![CDATA[
                   var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                   var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                   var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                   var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                   var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                   var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                   insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
                <!-- END switch_plus_menu -->
             </span>
          </td>
       </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
       <tr align="right">
          <td class="catHead" colspan="3" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="9%" class="noprint"> </td>
                   <td align="center" class="t-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                   </td>
                   <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
             </table>
          </td>
       </tr>
       <!-- BEGIN topicpagination -->
       <tr>
          <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
       </tr>
       <!-- END topicpagination -->
       {POLL_DISPLAY}
       <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
       </tr>
       <!-- BEGIN postrow -->
       <!-- BEGIN hidden -->
       <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
       </tr>
       <!-- END hidden -->
          <!-- BEGIN displayed -->
              <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
              <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
                  <td class="profil_contenu" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                              <div class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</div><br />
                              <a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a><span style="font-family: 'Playball', cursive; font-size: 23px; position: relative; top: -2em;"><center>{postrow.displayed.POSTER_NAME}</center></span><br />
                        <div class="profil_details">
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
            </div><br />
                    <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
                  </td>
                  <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                          <td valign="top" nowrap="nowrap" class="post-options">
                              {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                          </td>
                        </tr>
     
                <tr>
                   <td colspan="2" class="hr">
                      <hr />
                   </td>
                </tr>
                <tr>
                   <td colspan="2">
                      <!-- BEGIN switch_vote_active -->
                      <div class="vote gensmall">
                         <!-- BEGIN switch_vote -->
                         <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                         <!-- END switch_vote -->

                         <!-- BEGIN switch_bar -->
                         <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                            <!-- BEGIN switch_vote_plus -->
                            <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                            <!-- END switch_vote_plus -->

                            <!-- BEGIN switch_vote_minus -->
                            <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                            <!-- END switch_vote_minus -->
                         </div>
                         <!-- END switch_bar -->

                         <!-- BEGIN switch_no_bar -->
                         <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                         <!-- END switch_no_bar -->

                         <!-- BEGIN switch_vote -->
                         <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                         <!-- END switch_vote -->
                      </div>
                      <!-- END switch_vote_active -->

                      <div class="postbody">

                         <div>{postrow.displayed.MESSAGE}</div>

                         <!-- BEGIN switch_attachments -->
                         <dl class="attachbox">
                            <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                            <dd>
                               <!-- BEGIN switch_post_attachments -->
                               <dl class="file">
                                  <dt>
                                     <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                     <!-- BEGIN switch_dl_att -->
                                     <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                     <!-- END switch_dl_att -->

                                     <!-- BEGIN switch_no_dl_att -->
                                     {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                     <!-- END switch_no_dl_att -->
                                  </dt>

                                  <!-- BEGIN switch_no_comment -->
                                  <dd>
                                     <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                  </dd>
                                  <!-- END switch_no_comment -->

                                  <!-- BEGIN switch_no_dl_att -->
                                  <dd>
                                     <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                  </dd>
                                  <!-- END switch_no_dl_att -->

                                  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                               </dl>
                               <!-- END switch_post_attachments -->
                            </dd>
                         </dl>
                         <!-- END switch_attachments -->

                         <div class="clear"></div>
                         <!-- BEGIN switch_signature -->
                         <div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                         </div>
                         <!-- END switch_signature -->

                      </div>
                      <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                   </td>
                </tr>
             </table>
          </td>
       </tr>
       <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
             <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
          </td>
          <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
             <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td valign="middle">
                      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
                   </td>
                </tr>
             </table>
          </td>
       </tr>
       <!-- BEGIN first_post_br -->
    </table>
    <hr />
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
       <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
       </tr>
       <!-- END first_post_br -->
       <!-- END displayed -->
       <!-- END postrow -->
       <!-- BEGIN no_post -->
       <tr align="center">
          <td class="row1" colspan="3" height="28">
             <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
       </tr>
       <!-- END no_post -->
       <tr align="right">
          <td class="catBottom" colspan="3" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="9%" class="noprint"> </td>
                   <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
                   <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
             </table>
          </td>
       </tr>
    </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
       <tr>
          <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
       </tr>
       <!-- BEGIN switch_user_logged_in -->
       <!-- BEGIN watchtopic -->
       <tr>
          <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
       </tr>
       <!-- END watchtopic -->
       <!-- END switch_user_logged_in -->
    </table>

    <!-- BEGIN promot_trafic -->
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
       <tr>
          <td class="catBottom" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
                   <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                </tr>
             </table>
          </td>
       </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
       <tr>
          <td class="catBottom" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
                   <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                </tr>
             </table>
          </td>
       </tr>
       <tr>
          <td class="row2 postbody" valign="top">
             <!-- BEGIN link -->
             » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
             <!-- END link -->
          </td>
       </tr>
    </table>
    <!-- END promot_trafic -->

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
       <tbody>
          <tr>
             <td class="catBottom">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tbody>
                      <tr>
                         <td valign="top">
                            <div class="cattitle"> {L_FORUM_RULES}</div>
                         </td>
                      </tr>
                   </tbody>
                </table>
             </td>
          </tr>
          <tr>
             <td class="row1 clearfix">
                <table>
                   <tr>
                      <!-- BEGIN switch_forum_rule_image -->
                      <td class="logo">
                         <img src="{RULE_IMG_URL}" alt="" />
                      </td>
                      <!-- END switch_forum_rule_image -->
                      <td class="rules postbody">
                         {RULE_MSG}
                      </td>
                   </tr>
                </table>
             </td>
          </tr>
       </tbody>
    </table>
    <!-- END switch_forum_rules -->

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <td class="row2" colspan="2" align="center" style="padding:0px">
             <!-- BEGIN switch_user_logged_in -->
             <a name="quickreply"></a>
             {QUICK_REPLY_FORM}<br />
             <!-- END switch_user_logged_in -->
          </td>
       </tr>
       <tr>
          <td style="margin:0; padding: 0;" colspan="2">
             <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
          <!-- BEGIN show_permissions -->
          <tr>
             <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
             <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
          </tr>
          <!-- END show_permissions -->
          <tr>
             <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <!-- BEGIN show_permissions -->
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                      <!-- END show_permissions -->
                   </tr>
                </table>
             </td>
          </tr>
       </tbody>
             </table>
          </td>
       </tr>
       <tr>
          <td style="margin:0; padding: 0;" colspan="2">
             <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
          <tr>
             <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                   </tr>
                </table>
             </td>
          </tr>
       </tbody>
             </table>
          </td>
       </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
       <tr>
          <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
             <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
             </span>
          </td>

          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

          <!-- BEGIN moderation_panel -->
          <td align="center">
             <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
          </td>
          <td align="center" width="250">
             <span class="gensmall"> </span>
          </td>
          <!-- END moderation_panel -->
       </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
       <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
             <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />

                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
             </form>
          </td>
       </tr>
    </table>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>



    Voilà tous les codes utiliser et aucun ne marche réellement sur mon forum... :/
    TiGraou
    TiGraou
    MasculinAge : 30Messages : 243

    Dim 27 Nov 2016 - 12:43

    Coucou,

    Je n'ai pas demandé toutes les templates, je veux juste Overhall_header ^^

    Tu peux supprimer seulement le Template Overhall_Header (avec la croix rouge)
    Problème avec le CSS... 906583supprimer

    Donc comme tu ne maîtrise pas le codage,
    On ne va pas mettre le code de la PA dans les templates mais directement dans:

    Affichage > Page d'acceuil >Généralités
    Tu mets le code de la PA dans Message sur la page d'accueil

    (Voilà le
    screen:
    )
    Tu mets ce code:
    Code:
        <div class="fondsgénéraux">
       
        <center>
       
        <div class="titrePA1">
        Once Upon A Time
        </div><img src="http://hpics.li/5cba6e2" style="margin-top: -50px; WIDTH: 100px; margin-left: 320px; opacity: 0.5px" />
        </center>
       
        <table>
       
        <tbody>
       
        <tr>
       
        <td>
       
        <center>
        <script type="text/javascript">
                //<!--
                        function change_paonglet(name)
                        {
                                document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                                document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                                document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                                document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                                anc_paonglet = name;
                        }
                //-->
                </script>
        <div class="contenu_paonglets">
       
        <div id="contenu_paonglet_contexte" class="contenu_paonglet">
       
        <div class="titrePA2">
        Contexte
        <div style="TEXT-ALIGN: justify; WIDTH: 230px; HEIGHT: 150px; COLOR: #767676; OVERFLOW: auto;">
        En 2018, suite à l'annonce publique et extrêmement médiatiser prouvant l'existence de suceurs de sang, Nikolina Krofnov, la régente du monde vampirique, s'appelant Ofrov dirigé par la famille royale de la ligné Krofnov. Nikolina, l'aîné de la fratrie à était désigné comme la nouvelle régente suite à une vague de manifestation de la part du peuple, voulant reprendre leur terre d'origine, la planète bleue... <a href="http://vampireaddiction.forumactif.com/t2-contexte" style="COLOR: #fe6d6d !important">La suite</a>
        </div>
       
        </div>
       
        <div id="contenu_paonglet_encours" class="contenu_paonglet">
       
        <div class="titrePA2">
        Bestiaire
        <div style="TEXT-ALIGN: justify; WIDTH: 230px; HEIGHT: 175px; COLOR: #767676; OVERFLOW: auto;">
        Pour devenir un vampire, il y a plusieurs solution. La plus répendu étant la reproduction, en effet, les vampires peuvent procrée avec d'autre vampires, on les appellent alors les "sang-pure"...<a href="http://vampireaddiction.forumactif.com/t14-bestiaire" style="COLOR: #fe6d6d !important">La suite</a>
        </div>
       
        </div>
       
        </div><br />
        <div class="paonglets">
        <span onclick="javascript:change_paonglet('contexte');" id="paonglet_contexte" class="paonglet_0 paonglet"><img src="https://i56.servimg.com/u/f56/18/71/36/65/sans_t10.png" /></span> <span onclick="javascript:change_paonglet('encours');" id="paonglet_encours" class="paonglet_0 paonglet"><img src="https://i56.servimg.com/u/f56/18/71/36/65/sans_t12.png" /></span>
        </div>
        <script type="text/javascript">
                //<!--
                        var anc_paonglet = 'contexte';
                        change_paonglet(anc_paonglet);
                //-->
                </script><br /><br />
        <div class="blocpa">
       
       
        <div class="titrePA2">
        Le Staff
        </div><d class="info"><img src="https://66.media.tumblr.com/4cde50fec38f5dfa5df41180e92c9f06/tumblr_inline_n89vbaqUcF1sjxwdf.gif" class="imgwidget" /><span><e style="COLOR: #f0f0f0 !important; FONT-SIZE: 18px !important" class="titrePA1">Tamara (fondatrice)</e> <br /><a href="http://vampireaddiction.forumactif.com/u1contact" style="COLOR: #f0f0f0 !important">MP</a>
        </div>
       
        </center>
       
        </td>
       
        <td style="WIDTH: 20px">
       
        </td>
       
        <td>
       
        <center>
       
        <div style="WIDTH: 350px" class="blocpa">
       
        <div class="titrePA2">
        Nos actualités
        </div><br /><br />
        <div style="TEXT-ALIGN: justify; WIDTH: 300px; HEIGHT: 150px; COLOR: #767676; OVERFLOW: auto">
        <span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br /><span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br /><span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br /><span style="COLOR: #fe6d6d; FONT-SIZE: 14px">☕ </span>Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque <a href="#" style="COLOR: #fe6d6d !important">La suite</a> <br /><br />
        </div><br /><br />
        <div class="titrePA2">
        WANTED
        </div>
        <br /><br /> <c class="info"><img src="http://67.media.tumblr.com/947eea034c57151f55af68a4f0362bc4/tumblr_inline_na6q7brrls1sk47ji.gif" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Nikolina Korfnov</d> <br /><a href="http://vampireaddiction.forumactif.com/t5-f-vamp-nikolina-korfnov-la-reine-sans-coeur" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c> <c class="info"><img src="http://65.media.tumblr.com/01a526b750ec174655d3501be1b64bdd/tumblr_inline_nqesixJHnd1twc3od_500.gif" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Azerna Korfnov</d> <br /><a href="http://vampireaddiction.forumactif.com/t7-f-vamp-azerna-korfnov-the-sweet-princess" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c> <c class="info"><img src="http://i1019.photobucket.com/albums/af312/thefancypostman/Scarlett%20Johansson/Red%20icons/natasha106.gif" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Natacha Dupont</d> <br /><a href="http://vampireaddiction.forumactif.com/t10-f-hum-natasha-dupont-the-resistance-s-leader" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c> <c class="info"><img src="http://67.media.tumblr.com/5b027d636faa9f9ee58ea1f86ddad418/tumblr_inline_n7sxtxjubH1s2k6n3.gif" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important" class="titrePA1">Damon Pietro</d> <br /><a href="http://vampireaddiction.forumactif.com/t9-h-vamp-damon-pietro-the-mean-vampire" style="COLOR: #fe6d6d !important">Sa fiche</a></span></c>
        </div><br />
        <div style="WIDTH: 300px" class="blocpa">
       
       
        </div><br />
        <div style="WIDTH: 350px" class="blocpa">
       
        <div class="titrePA2">
        Si tu nous aimes, prouve-le, vote pour nous.
        </div><a href="#"><img src="http://66.media.tumblr.com/6e414d2f590896a73eb033e4ce9f66a1/tumblr_inline_nloh2fHBHH1tnnqn5_100.png" class="tops" /></a> <a href="#"><img src="http://66.media.tumblr.com/6e414d2f590896a73eb033e4ce9f66a1/tumblr_inline_nloh2fHBHH1tnnqn5_100.png" class="tops" /></a> <a href="#"><img src="http://66.media.tumblr.com/6e414d2f590896a73eb033e4ce9f66a1/tumblr_inline_nloh2fHBHH1tnnqn5_100.png" class="tops" /></a><br /><a href="#" style="FONT-FAMILY: georgia; COLOR: #fe6d6d !important">
        </div>
       
        </center>
       
        </td>
       
        </tr>
       
        </tbody>
       
        </table><br /><a style="color: #767676 !important;" href="http://www.never-utopia.com">© Halloween</a>
        </div><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Parisienne" />
    Et tu enregistres.

    Voilà.
    VampireAddiction
    VampireAddiction
    FémininAge : 24Messages : 22

    Dim 27 Nov 2016 - 13:44

    Merci beaucoup ! Very Happy
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Sam 3 Déc 2016 - 19:37

    Coucou <3

    Du coup le problème de personnalisation est résolu, c'est bon ? <3
    Si oui, n'hésite pas à éditer ton sujet et cocher l'icone Terminé Problème avec le CSS... Termine qui indique aux autres que tout est ok o/

    Contenu sponsorisé


      La date/heure actuelle est Jeu 2 Mai 2024 - 5:14