AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.Partagez | 
 

 Problème avec un code :D

Aller en bas 
Problème avec un code :D - Sam 28 Avr - 10:17
Coucou Very Happy
Je poste par ici sous les conseils de Jamy vu qu'il n'y a pas encore de section "Problème avec un code".
D'avance désolée si je n'utilise pas de formulaire mais je vais tenter d'être claire Smile
Dans un premier temps voici le lien de mon forum test :
http://mimbulus-test.forumactif.com/#nav-close
J'ignore si vous avez accès à la page principale du forum mais je vais tout de même effectuer des captures d'écrans de mes "3" problèmes :
Le 1er : https://image.noelshack.com/fichiers/2018/17/6/1524903030-capture-1.png
est-il possible de retirer l'encadrer sans pour autant changer la couleur des contours ? Si oui, est-ce qu'il faut rajouter un bout de code ?
2ème : https://image.noelshack.com/fichiers/2018/17/6/1524903097-capture-2.png
Même chose, mais en retirant la couleur de fonds sans changer les couleurs dans la partie administration (?) c'est pas beau du tout Very Happy
et pour finir le 3ème : (même capture) je n'ai plus la CB latéral qui s'ouvre et je ne comprends pas pourquoi :/

Je vous joins les codes :
Code:
<br /><meta charset="utf-8" />
<link href="https://fonts.googleapis.com/css?family=Risque" rel="stylesheet">

<style>

   /* PA pour GwenM réalisée par cheshire cat */

   /* MISE EN FORME PA */

   #main_pa {
      font-family: calibri;
      font-size: 15px;
      color: #478EA5;
      width: 700px;
      margin: 20px auto;
   }

   #main_pa a {
      text-decoration: none;
      color: #478EA5;
   }

   #main_pa * {
      box-sizing: border-box;
   }

   #contexte_pa img {
      height: 400px;
      width: 300px;

   }

   #titre_pa {
      height: 71px;
      text-align: center;
      font-size: 35px;
    font-family: 'Risque', cursive;
      color: #478EA5;
  font-weight: bold;
      border-radius: 60px 60px 0 0;
      background-image: url('https://image.noelshack.com/fichiers/2018/17/3/1524650235-hautpa.png');
      padding: 10px;
   }

   #contenu_pa {
      background-color: #F0C8CA;
      padding: 20px;
   }

   #nav_pa {
      text-align: center;
      font-family: 'Risque', cursive;
      font-size: 22px;
      word-spacing: 10px;
      background-color: #3C5882;
  font-weight: bold;
      padding: 10px;
      border-top-left-radius: 40px 70px;
      border-top-right-radius: 40px 70px;
      border-bottom-left-radius: 40px 70px;
      border-bottom-right-radius: 40px 70px;
   }

   #nav_pa a {
      color: #478EA5;
   }

   .bloc_pa {
      width: 300px;
      height: 740px;
      display: inline-block;
      vertical-align: top;
      margin-left: 20px;
   }

   #contexte_pa {
      background: #3C5882;
      margin: 20px 0;
      width: 300px;
      height: 365px;
      text-align: justify;
      overflow: hidden;
      position: relative;
   }

   #contexte_pa>img {
      position: absolute;
      top: 0;
      left: 0;
      transform: translateX(0px);
      transition: all 600ms;
   }

   #contexte_pa:hover>img {
      transform: translateX(-300px);
   }

   #contexte_pa div {
      position: absolute;
      font-size: 13.5px;
      top: 0;
      left: 0;
      background-color: #3C5882;
      padding: 10px;
      width: 300px;
      height: 365px;
      overflow: auto;
      transform: translateX(300px);
      transition: all 600ms;
   }

   #contexte_pa:hover div {
      transform: translateX(0px);
   }

   .sous_titre_pa {
      padding-top: 5px;
      font-family: 'Risque', cursive;
      color: #478EA5;
  font-weight: bold;
      font-size: 25px;
      text-align: center;
   }

   #membres_pa {
      position: relative;
      text-align: center;
      background-color: #3C5882;
      margin: 20px 0;
      height: 200px;
   }

   #membres_pa img {
      width: 55px;
      height: 55px;
      border-radius: 50%;
      margin: 10px 5px;
   }

   .contenu_onglet_pa {
      position: absolute;
      bottom: 10px;
      left: 0;
      text-align: center;
      background-color: #3C5882;
      line-height: 20px;
      width: 100%;
      font-size: 15px;
   }

   .contenu_onglet_pa:first-line {
      font-family: 'Risque', cursive;
  font-weight: bold;
      font-size: 25px;
      color: #478EA5;
   }

   /*Fonctionnement des onglets*/

   /*NE PAS MODIFIER*/

   /*On masque toutes les spans (.tli-target), c'est important si vous ne voulez pas que la page scroll en cliquant sur un lien*/

   .tli-target {
      display: none;
   }

   /*On masque toutes les divs qui sont précédées d'une span (.tli-target)*/

   .tli-target+div {
      display: none;
   }

   #wrap1+div {
      display: initial!important;
   }

   /*On affiche les blocs que l'on vient de masquer lorsque le span qui les précède (.tli-target) est actif, c'est à dire lorsque le lien correspondant (ancre) a été cliqué*/

   .tli-target:target+div {
      display: block;
   }

   #topsites_pa {
      text-align: center;
      background-color: #3C5882;
      margin: 20px 0;
   }

   #topsites_pa img {
      margin: 10px 1px;
   }


   /* -- Personnalisation Staff de Reine des Ténèbres -- DEBUT */

   /* -- Annulation des infobulles de Cheshire ---------
      
      
    #staff_pa{
      margin:20px 0;
      height:auto;
    }
  
    #staff_pa .infobulle_pa{
      position:relative;
      display:inline-block;
    }
    .infobulle_pa1 div{ position:absolute; bottom:-104px; left:0; z-index:999; }

    .infobulle_pa2 div{ position:absolute; bottom:-104px; left:-100px; z-index:999; }

    .infobulle_pa3 div{ position:absolute; bottom:-104px; right:-3px; z-index:999; }

    .infobulle_pa4 div{ position:absolute; top:-100px; left:0; }

    .infobulle_pa5 div{ position:absolute; top:-100px; left:-100px; }

    .infobulle_pa6 div{ position:absolute; top:-100px; right:-3px; }

    #staff_pa .infobulle_pa img{
      z-index:1;
      margin:0 -3.5px -4px 0;
    }
    #staff_pa .infobulle_pa div{
      width:300px;
      height:100px;
      padding:10px;
      text-align:center;
      background-color:#3C5882;
      line-height:20px;
      visibility:hidden;
      opacity:0;
      transition:all 500ms;
      overflow:auto;
    }
    #staff_pa .infobulle_pa div:first-line{
      font-family: 'Risque', cursive;
  font-weight: bold;
      font-size:22px;
      color: #478EA5;
    }
    #staff_pa .infobulle_pa:hover div{
      visibility:visible;
      opacity:1;
    }
   */

   /* Nouveau code des slides */

   #staff_pa {
      height: auto;
      margin-top: 20px;


   }

   .slide_pa {
      position: relative;
      display: inline-block;
   }


   /* -- Personnalisation Staff de Reine des Ténèbres -- FIN */

   #news_pa {
      background-color: #3C5882;
      margin: 20px 0;
      height: 230 px;
   }

   #news_pa .texte_pa {
      height: 210px;
      overflow: auto;
      margin: 5px 10px 10px 10px;
      padding-right: 5px;
      line-height: 20px;
      text-align: left;
   }

   #pv_pa {
      text-align: center;
      background-color: #3C5882;
      margin: 20px 0;
      padding-bottom: 10px;
   }

   #pv_pa img {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      margin: 5px 10px 0;
   }

   #groupes_pa {
      text-align: center;
      background-color: #3C5882;
      margin: 20px 0;
   }

   #groupes_pa .infobulle_pa {
      display: inline-block;
      position: relative;
      width: 50px;
      height: 50px;
      margin: 5px 5px;
   }

   #groupes_pa .infobulle_pa>img {
      position: absolute;
      top: 0;
      left: 0;
      height: 50px;
   }

   #groupes_pa .infobulle_pa div {
      position: absolute;
      top: 0;
      left: 0;
      padding-top: 5px;
      width: 50px;
      height: 50px;
      background-color: #3C5882;
      text-align: center;
      opacity: 0;
      transition: all 500ms;
   }

   #groupes_pa .infobulle_pa:hover div {
      opacity: 1;
   }

   #partenaires_pa {
      text-align: center;
      font-size: 0;
      background-color: #3C5882;
      padding: 10px;
      border-top-left-radius: 40px 70px;
      border-top-right-radius: 40px 70px;
      border-bottom-left-radius: 40px 70px;
      border-bottom-right-radius: 40px 70px;
   }

   #boxe_defil {
      position: relative;
      height: 35px;
      overflow: hidden;
   }

   #defile {
      width: 1050px;
      position: absolute;
      margin-top: 1px;
      background-color: transparent;
   }

   #defile img {
      margin: 0 2px;
   }

   #credit_pa {
      margin-top: 10px;
      margin-right: 15px;
      text-align: right;
   }

   #credit_pa a {
      color: #478EA5;
      text-decoration: underline;
   }

</style><div id="main_pa">

   <div id="titre_pa">
   </div>

   <div id="contenu_pa">

      <div id="nav_pa">
         <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t2-reglement-du-forum-et-les-sanctions-rattachees">Règlement</a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1-contexte">Contexte</a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t22-bottin-des-avatars">Avatars Pris</a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/f9-predefinis">Prédéfinis</a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/f80-scenarios-des-membres">Scénario</a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/f8-presentations">Présentations</a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/f3-annexes">Annexes</a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/f72-affiliation">Affiliation</a>
      </div>

      <div class="bloc_pa">

         <div id="contexte_pa">
            <img alt="Image du contexte" src="https://image.noelshack.com/fichiers/2018/17/3/1524650235-imagecontexte.png" />
            <div>
               <strong>1998.</strong> Cette date est aujourd'hui inscrite par la société sorcière anglophone aux grandes lignes de l'Histoire, dépeignant à la manière des plus grandes épopées le combat du Grand Harry Potter face à celui dont le nom n'est plus tabou. Cependant, si cette histoire est connue, reconnue, et glorifiée par les enseignements, romans découlant de ce fait historique ou documentaires retraçant les pas du Trio légendaires, on connaît bien moins tous les efforts mis en place pour reconstruire le monde sorcier. La traque des mangemorts, leurs condamnations, la reconstruction du ministère de la magie, de Poudlard, mais bien au-delà de ça, de toute la société qui, soumise au choc, craignait que cet enfer recommence. Les années situées entre 1970 et 1981 avaient vu naître une première guerre des sorciers, puis 1998 avait marqué la fin de la seconde, mais si cela n'était pas fini ?<br />
               <center>
                  <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1-contexte">En savoir plus</a>
               </center>

            </div>

         </div>

         <div id="membres_pa">

            <div class="sous_titre_pa">
               Membres du mois
            </div>
            <a href="#wrap1">            <img alt="Membre du mois" src="https://image.noelshack.com/fichiers/2017/41/6/1507979931-photo.jpg" />          </a> <a href="#wrap2">            <img alt="Membre du mois" src="https://image.noelshack.com/fichiers/2017/41/6/1507979888-60.jpg" />          </a> <a href="#wrap3">            <img alt="Membre du mois" src="https://image.noelshack.com/fichiers/2017/41/6/1507979610-3chp6pyhwp4.jpg" />          </a> <a href="#wrap4">            <img alt="Membre du mois" src="https://image.noelshack.com/fichiers/2017/41/6/1507979463-s9te-vs81q.jpg" />          </a> <span id="wrap1" class="tli-target"></span>
            <div class="contenu_onglet_pa">
               Isabella Lestrange<br /> La + active<br /> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u222">Profil</a> - <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=222">MP</a>
            </div>
            <span id="wrap2" class="tli-target"></span>
            <div class="contenu_onglet_pa">
               Duncan Mckenzie<br /> Le meilleur voteur<br /> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u170">Profil</a> - <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=170">MP</a>
            </div>
            <span id="wrap3" class="tli-target"></span>
            <div class="contenu_onglet_pa">
               William Jefferson<br /> Le meilleur rplayeur<br /> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u27">Profil</a> - <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=27">MP</a>
            </div>
            <span id="wrap4" class="tli-target"></span>
            <div class="contenu_onglet_pa">
               Flint C. Fawley<br /> Le coup de coeur<br /> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/u51">Profil</a> - <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=51">MP</a>
            </div>

         </div>

         <div id="topsites_pa">

            <div class="sous_titre_pa">
               Topsites
            </div>
            <a target="_blank" href="http://en.root-top.com/toplist/smykie/in.php?IDmark=1543">            <img alt="Topsite" src="https://image.noelshack.com/fichiers/2018/17/3/1524650235-top-site.png" />          </a> <a target="_blank" href="http://www.root-top.com/topsite/loukoum/in.php?IDmark=307">            <img alt="Topsite" src="https://image.noelshack.com/fichiers/2018/17/3/1524650235-top-site.png" />          </a> <a target="_blank" href="http://www.root-top.com/topsite/obsession27/in.php?IDmark=23933">            <img alt="Topsite" src="https://image.noelshack.com/fichiers/2018/17/3/1524650235-top-site.png" />          </a> <a target="_blank" href="http://www.root-top.com/topsite/filetdudiable/in.php?IDmark=1073">            <img alt="Topsite" src="https://image.noelshack.com/fichiers/2018/17/3/1524650235-top-site.png" />          </a> <a target="_blank" href="http://www.root-top.com/topsite/forumrpg/in.php?IDmark=10451">            <img alt="Topsite" src="https://image.noelshack.com/fichiers/2018/17/3/1524650235-top-site.png" />          </a> <a target="_blank" href="http://www.root-top.com/topsite/mimbulusmimbletonia/in.php?ID=27">            <img alt="Topsite" src="https://image.noelshack.com/fichiers/2018/17/3/1524650235-top-site.png" />          </a> <a target="_blank" href="http://www.root-top.com/topsite/blackeden/in.php?ID=192">            <img alt="Topsite" src="https://image.noelshack.com/fichiers/2018/17/3/1524650235-top-site.png" />          </a>
         </div>

      </div>

      <div class="bloc_pa">

         <!--  Personnalisation Staff de Reine des Ténèbres DEBUT  -->
         <div id="staff_pa">

           <div class="slide_pa">
               <a href="http://mimbulus-mimbletonia.forumactif.org/privmsg?mode=post&u=12" target="_blank">
              <img alt="Staff" src="http://nsm07.casimages.com/img/2018/01/27//18012707275423599315506367.png" />
           </a></div>

            <div class="slide_pa">
               <a href="http://mimbulus-mimbletonia.forumactif.org/u247" target="_blank">
              <img alt="Staff" src="http://nsm07.casimages.com/img/2018/01/27//18012710362623599315506524.png" />
           </a></div>

            <div class="slide_pa">
               <a href="http://mimbulus-mimbletonia.forumactif.org/u237" target="_blank">
              <img alt="Staff" src="http://nsm07.casimages.com/img/2018/01/27//18012710362823599315506525.png" />
           </a></div>

            <div class="slide_pa">
               <a href="http://mimbulus-mimbletonia.forumactif.org/u234" target="_blank">
              <img alt="Staff" src="http://nsm07.casimages.com/img/2018/01/27//18012710363023599315506526.png" />
           </a></div>

         </div>
         <script>
            var slideIndex = 0;
            carousel();

            function carousel() {
               var i;
               var x = document.getElementsByClassName("slide_pa");
               for (i = 0; i < x.length; i++) {
                  x[i].style.display = "none";
               }
               slideIndex++;
               if (slideIndex > x.length) {
                  slideIndex = 1
               }
               x[slideIndex - 1].style.display = "block";
               setTimeout(carousel, 4000); // Le staff change toutes les 4 secondes
            }

         </script>

         <!-- Personnalisation Staff de Reine des Ténèbres FIN -->

         <div id="news_pa">

            <div class="sous_titre_pa">
               Nouveautés
            </div>

            <div class="texte_pa">
              01.06.2016 : Ouverture du forum. <br />01.09.2017 : Nous sommes en Mars 2019 inrp.<br /> 01.10.2017 : Le bilan du mois de Septembre est disponible <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1531-bilan-du-mois-de-septembre-2017">ici.</a><br />01.10.2017 : Nouveau design. <br/> 01.10.2017 : Astoria G. Malefoy devient Modératrice en chef. <br/> 15.10.2017 : <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1514-journee-portes-ouvertes-event">Intrigue numéro 1</a> toujours en cours.<br /> 28.10.2017 : <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1564-la-gazette-du-sorcier-edition-du-14-mars-2019">édition du 14 mars 2017</a>. <br/> 28.10.2017 : Départ de Scorpius Malefoy du staff.<br/>


            </div>

         </div>

         <div id="pv_pa">

            <div class="sous_titre_pa">
               Scenarii
            </div>
            <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1045-f-ambrosia-c-snow-mom-i-miss-you">            <img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498758559-ambrosia.png" />          </a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t675-lucius-narcissa-malefoy">            <img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498758850-narcissa.png" />          </a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t675-lucius-narcissa-malefoy">            <img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498758855-lucius.png" />          </a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t1364-to-be-a-rock-and-not-to-roll">            <img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498759283-chanteur.png" />          </a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t567-artemis-travers-une-fiancee-totalement-dejantee">            <img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498759290-artemis.png" />          </a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t961-libre-ciara-bravo-gwendolyn-callista-jade-owell-fille-u-c">            <img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498759476-gwen.png" />          </a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t566-demi-frere-de-jasper-donovanun-passe-est-un-passe-ce-qui-compte-c-est-le-present">            <img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498759890-dono.png" />          </a> <a target="_blank" href="http://mimbulus-mimbletonia.forumactif.org/t419-famille-welling-1-2">            <img alt="Scenario" src="https://image.noelshack.com/fichiers/2017/26/4/1498759896-welling.png" />          </a>
         </div>

         <div id="groupes_pa">

            <div class="sous_titre_pa">
               Coupe des 4 Maisons
            </div>

            <div class="infobulle_pa">
               <img alt="Gryffondor" src="https://image.noelshack.com/fichiers/2017/12/1490213568-griffy10.png" />
               <div>
                  7 121 points
               </div>

            </div>

            <div class="infobulle_pa">
               <img alt="Poufsouffle" src="https://image.noelshack.com/fichiers/2017/12/1490213718-pouffy10.png" />
               <div>
                  7 138 points
               </div>

            </div>

            <div class="infobulle_pa">
               <img alt="Serdaigle" src="https://image.noelshack.com/fichiers/2017/12/1490213584-serdai10.png" />
               <div>
                  8 337 points
               </div>

            </div>

            <div class="infobulle_pa">
               <img alt="Serpentard" src="https://image.noelshack.com/fichiers/2017/12/1490213603-serpy110.png" />
               <div>
                  8 683 points
               </div>

            </div>

         </div>

      </div>

      <div id="partenaires_pa">

         <div id="boxe_defil">

            <div id="defile">
               <a target="_blank" href="http://avada-kedavra.forumgratuit.org/">              <img src="https://redcdn.net/hpimg4/pics/72716217p1.png" />            </a> <a target="_blank" href="http://beauxbatons.forumotion.com/">              <img alt="Partenaire" src="https://i18.servimg.com/u/f18/17/28/14/29/bouton10.png" />            </a> <a target="_blank" href="http://hogwartsfamily.forumactif.org/">              <img alt="Partenaire" src="http://www.aht.li/3061647/boutonpub2.jpg" />            </a> <a target="_blank" href="http://collegepoudlard.virtuaboard.com/">              <img alt="Partenaire" src="https://redcdn.net/hpimg15/pics/722100logoCP.png" />            </a> <a target="_blank" href="http://impedimenta.forumactif.org/">              <img alt="Partenaire" src="https://redcdn.net/hpimg4/pics/763258100x35.png" />            </a> <a target="_blank" href="http://impero.superforum.fr/">              <img alt="Partenaire" src="https://redcdn.net/hpimg11/pics/338774logo5.jpg" />            </a> <a target="_blank" href="http://mimbulusmimbletonia.forumetoile.com/">              <img alt="Partenaire" src="https://redcdn.net/ihimg/a/img924/5996/St8VwD.jpg" />            </a> <a href="#">              <img alt="Partenaire" src="http://zupimages.net/up/17/22/9b9r.png" />            </a> <a href="#">              <img alt="Partenaire" src="http://zupimages.net/up/17/22/9b9r.png" />            </a> <a href="#">              <img alt="Partenaire" src="http://zupimages.net/up/17/22/9b9r.png" />            </a> <a href="#">              <img alt="Partenaire" src="http://zupimages.net/up/17/22/9b9r.png" />            </a> <a href="#">              <img alt="Partenaire" src="http://zupimages.net/up/17/22/9b9r.png" />            </a>
            </div>
            <script type="text/javascript">
               var psinit = 480; // position horizontale de depart
               var pscrnt = psinit;
               var defile = document.getElementById('defile'); // l'element a deplacer
               var isRunning = true; // par defaut c'est en marche

               function texteDefile() {
                  // on vérifie si on est en pause ou pas
                  if (defile && isRunning) {
                     if (pscrnt < (-defile.offsetWidth)) {
                        pscrnt = psinit;
                     } else {
                        pscrnt += -1; // pixel par deplacement
                     }
                     defile.style.left = pscrnt + "px";
                  }
               }
               window.setInterval(texteDefile, 20); // delai de deplacement

               // au survol on met en pause
               defile.addEventListener('mouseenter', function() {
                  isRunning = false;
               });

               // quand on sort du survol on enleve la pause
               defile.addEventListener('mouseleave', function() {
                  isRunning = true;
               });

            </script>
         </div>

      </div>

   </div>

   <div id="credit_pa">
      Réalisé par Cheshire Cat sur <a href="http://epicode.bbactif.com/">Epicode</a>
   </div>
   <img class="fin_pa" alt="Image du bas" src="https://image.noelshack.com/fichiers/2018/17/3/1524650235-baspa.png" />
</div>
(code html)

et pour la CB : JS :
Code:
jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="https://image.noelshack.com/fichiers/2018/17/5/1524823251-opencb.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://nsm07.casimages.com/img/2018/01/23//18012307585223599315492542.png\')?\'block\':\'none\';this.src=(this.src==\'https://image.noelshack.com/fichiers/2018/17/5/1524823251-closecb.png\')?\'https://image.noelshack.com/fichiers/2018/17/5/1524823251-opencb.png\':\'https://image.noelshack.com/fichiers/2018/17/5/1524823251-closecb.png\';"/></td></tr></table>');
});

D'avance merci pour votre aide Smile
Anonymous
Sya
Invité
Re: Problème avec un code :D - Sam 28 Avr - 14:56
Hey, alors oui oui t'inquiète tu as bien fait tout parfaitement, je vais préparer dès que j'ai du temps la partie adéquat, mais en attendant, tu avais mon aval via discord alors parfait ! (a)

question 1) tu parles de quel encadré ? J'ai pas bien compris ton screenshot. J'ai bien accès à ta page impecc' Smile

si c'est le bord de ton forum que tu veux supprimer ajoute comme code CSS :

Code:
.bodyline {
    border: none;
}

question 2)
ajoute comme code CSS :

Code:
.forumline{
    background: none;
}

par contre, ce code risque de toucher différent endroit, dis moi si ça fait disparaître un fond que tu voulais conserver, on ira le cibler plus efficacement ! Smile

Question 3)
ton code JS ne fonctionne plus pour CB car tu as changé les images.

Vers la fin du code, dernier TD regardes :

Code:
<td style="vertical-align: bottom;"><img src="https://image.noelshack.com/fichiers/2018/17/5/1524823251-opencb.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://nsm07.casimages.com/img/2018/01/23//18012307585223599315492542.png\')?\'block\':\'none\';this.src=(this.src==\'https://image.noelshack.com/fichiers/2018/17/5/1524823251-closecb.png\')?\'https://image.noelshack.com/fichiers/2018/17/5/1524823251-opencb.png\':\'https://image.noelshack.com/fichiers/2018/17/5/1524823251-closecb.png\';"/></td>

la traduction de ce code en français donne :
ici affiche une image, et plus précisément l'image pour ouvrir.
Si jamais on click sur cette image (sous entendu, écoute petit navigateur on va peut être cliquer) alors tu as une action à faire.
Cette action, elle va analyser l'url de l'image grâce à this.src (this c'est l'élement sur lequel tu viens de cliquer = l'image).
L'analyse, c'est un comparateur : est ce que cette src est identique (==) à cette src : https://nsm07.casimages.com/img/2018/01/23//18012307585223599315492542.png

or si tu regardes, ça correspond à une ancienne image que tu as oublié de modifier ^^ donc la condition n'est jamais vérifiée donc il ne peut pas faire l'action correspondante. D'ailleurs cette action, c'était récupérer ton élément panneau via le : document.getElementById(\'panneau\')

et de passer cet élément en display : block (= affiche) ou alors none si en fait, c'est pas la bonne src (le cas où on veut fermer).

pour qu'à l'avenir ce soit plus simple pour toi, je te propose un nouveau code en utilisant 2 variables à remplir pour modifier ces boutons et en séparant le JS du HTML ! Smile

remplace tout ton code JS par :
Code:
jQuery(document).ready(function () {

    var btnOpen = "https://image.noelshack.com/fichiers/2018/17/5/1524823251-opencb.png";
    var btnClose = "https://image.noelshack.com/fichiers/2018/17/5/1524823251-closecb.png";

    var html = '<table style="position: fixed; bottom: 50px; right: 0px;z-index:10000;">';
    html += '<tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">';
    html += '<iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe>';
    html += '</div></td><td style="vertical-align: bottom;"><img id="openCB" src="' + btnOpen +'">';
    html += '</td></tr></table>';


    $('body').append(html);
    $('#openCB').on('click', function(){       
        if(this.src == btnOpen){
            $('#panneau').css('display', 'block');
            this.src = btnClose; 
        } else {
            $('#panneau').css('display', 'none');
            this.src = btnOpen; 
        }
    });
});

normalement, je me suis pas trompée hahaha et ça fonctionne, mais redis moi quand c'est installé si ça fonctionne pas, j'irai en débug (j'ai pas test le code ^^)
Voir le profil de l'utilisateur
Jamy
Jamy
Codeuse
Re: Problème avec un code :D - Sam 28 Avr - 18:19
Reuh Smile
Alors on va commencer par le plus simple, même si j'ai eu du mal à tout comprendre, mais après plusieurs relectures : c'est bon Smile
Pour la CB, parfait, tout fonctionne xD et j'avoue ne pas savoir réellement ce que j'ai foutu dans l'autre m'enfin grâce à toi j'ai un problème en moins Smile
Pour mon problème numéro 1 : c'est parfait pour les bordures, elles y sont plus, mais il reste les bordures au niveau des messages défilants juste en haut de la PA et les bordures de la page d'accueil Very Happy
Après je ne sais pas comment on peut se débrouiller, j'ai rajouté les deux bouts de CSS, pour le deuxième cela m'a en effet changé d'autres donnés surtout au niveau de la liste des sujets et dans un sujet même (je sais pas si tu y as accès ? je peux toujours effectuer une capture d'écran, tout en sachant que je voulais tout simplement changer juste le fonds de la PA et les contours de la PA Smile
Encore merci pour ton aide I love you
Anonymous
Sya
Invité
Re: Problème avec un code :D - Sam 28 Avr - 18:47
ha j'avais pas compris que tu voulais enlever toutes ces bordures hahaha ! ^^

pour être sur de ne pas avoir d'autres zones impactés, on va directement enlever la class sur les éléments ! Smile

Go dans tes templates, dans index_body pour être précis (page d'accueil), le code commence par ça :

Code:
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

ça correspond à la PA, et il te suffis d'enlever la class forumline et hop, ni bordure ni background.

pour avoir ça donc :
Code:
<!-- BEGIN message_admin_index -->
<table width="100%" border="0" cellspacing="1" cellpadding="0">

et on va faire pareil, on va aller supprimer la classe sur le tableau qui entour les messages ^^

n'oublies de valider les templates pour voir les modifs ^^

dans le templates overall_header cette fois (le haut du forum),
vers la fin de ce template tu as 2 boucles
Code:
<!-- BEGIN switch_ticker_new -->
et une :
Code:
<!-- BEGIN switch_ticker -->

dans les 2, y'a une div, puis ensuite une table, à la fin de la ligne de la tab y'a la class forumline, supprime et normalement, ça devrait faire ce que tu souhaites Smile

dis moi si y'a d'autres soucis ! Smile
Voir le profil de l'utilisateur http://avada-kedagraph.forumactif.com
Re: Problème avec un code :D - Sam 28 Avr - 20:54
Recoucou Smile
Magie, à priori, tout fonctionne Very Happy
J'ai pas fait de bêtise, enfin je crois Smile
Juste une petite dernière chose mais c'est peut-être moi Very Happy
Sur ma PA, est-ce que c'est moi où il y a un petit décalage entre l'image du bas et le bloc, fort possible, c'est à la bonne taille, mais je dois bien bouger un petit truc pour bien que ça "s’en clipse"

Encore merci et je t'embête plus Very Happy
Anonymous
Sya
Invité
Re: Problème avec un code :D - Dim 29 Avr - 14:47
Hey, bah moi je vois pas de décalage en fait ... même en zoom ++ et puis en survolant les éléments y'a pas de padding/marge entre, y'a vraiment pas de pixels .. :s
Voir le profil de l'utilisateur
Jamy
Jamy
Codeuse
Re: Problème avec un code :D - Dim 29 Avr - 15:52
Je suis donc belle et bien aveugle c'est un fait Very Happy
Dis-moi avant de clôturer ce sujet est-ce que je pourrais en profiter pour régler d'autres petits problèmes de codes pour ma petite MAJ ?
1/ Je trouve pas de tuto correcte pour ajouter des paillettes sur les pseudos du staff ? est-ce que tu vas en faire un d'ici quelques temps ? (ça presse pas)
2/ Ce serait pour savoir s'il n'y aurait pas une donnée à rajouter pour que je puisse remonter au niveau des catégories, les images news, old etc.... vu qu'elles sortent un peu du cadre en bas ?
3/ https://image.noelshack.com/fichiers/2018/17/7/1525009849-capture-3.png Cela concerne le bloc du bas niveau modération. J'aimerai savoir s'il est possible de le décoller de la liste des sujets et de pouvoir appliquer un bout de CSS sans changer le reste des couleurs du forum ? (j'ai normalement mis tout ce que je voulais dans la PA) notamment en appliquant le même fonds rose ?

Pour le reste j'attends d'avoir ces quelques réponses et encore navrés du dérangement Smile :scratch:
Anonymous
Sya
Invité
Re: Problème avec un code :D - Lun 30 Avr - 19:06
Commande annulée

Sur Avada Kedagraph nous voulons aider les plus méritants, les plus originaux et les plus adorables des forums. Aussi, des échos me –meloo- sont parvenu ce dimanche 29 Avril par le biais de plusieurs personnes à ton sujet sya ainsi que sur le forum.

Tout d’abord, ta demande dans le code de pseudo pailleté a fait réagir plus d’un visiteur en se disant que ça ressemblait vachement à un autre forum que nous connaissons toutes deux très bien. Je me suis donc rendue sur MM pour constater d’autres coïncidences, ou non, à cet effet. A mes yeux, beaucoup de similitudes mais, le doute plane encore.

Plus tard dans la même journée, j’entends dire que MM est promis à une refonte d'ici peu, laquelle comprendrait alors davantage de similitude avec le forum en question. Malheur à toi étant, puisque je fais fraîchement parti de l’équipe support de ce même forum ! J’apprendrai dans la même foulée que, les rangs, la liste à rallonge de rangs que tu nous as soumise, t’as été réalisée le même mois où tu en as fais ta demande !

Or, je me permets de resituer certains faits :
- AK ne prônera Ô grand jamais un quelconque plagiat
- Nous travaillons sans attendre de retour, mais du respect nous en donnons, et nous en voulons ! aussi, le travail d’une autre personne ayant réalisé ce travail d’une envergure colossale, ne mérite pas ce que nous appellerons un coup de couteau dans le dos…
- N’oublions pas que la loi puni fortement le plagiat, sous toute forme qu’il soit, qu’importe qu’il soit partiel ou complet
- Un comportement désagréable ou oppressant entraînera sans équivoque la clôture immédiate d’une commande

Par conséquent, résultant de beaucoup de manquements aux règles et aux attentes de Avada Kedagraph, il a été décidé, à l’unanimité par le corps administratif supérieur du forum, les points ci-après :

- La dénommée « Sya » n’a plus le droit de passer une commande chez AK, qu’importe le motif de cette dernière et l’époque où sera émise la demande !
- Le forum « Mimbulus Mimbletonia » est également interdit de présence sur notre forum et toute autre plateforme nous concernant.
- Il est également interdit, du fait du manque de respect évident et de l’apparence douteuse de la dénomée « Sya », que, toute image réalisée pour le forum Mimbulus Mimbletonia vous est interdite d’utilisation !
Elles seront remises en libre service pour un forum respectant l’ensemble des règles et conditions d’utilisations, ou conditions générales du forum.

MISE EN GARDE : Dans le cas où l’une des images appartenant à Avada Kedagraph se retrouverait en ligne par le biais de Mimbulus, nous entamerons toutes les démarches nécessaires pour défendre nos droits de propriété. Nous n’hésiterons pas, par ce fait, à contacter Forumactif, ou toute autre tiers qui arbitrera légitimement nos différends, s’ils devaient avoir lieu.

Effets immédiats.
Bien cordialement, Avada Kedagraph.

Pour informations: aucun dialogue possible.

fiche réalisée par laxy

Voir le profil de l'utilisateur
Re: Problème avec un code :D -
 
Problème avec un code :D
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [HOT] Le problème avec le temps c’est qu’il finit toujours par s’écouler. ▬ Jéricho Stride. **
» Partenaire avec Silver Wood ?
» Bug pour le sac
» Problème avec la rapidité du jeu.
» Problème, problème, problème, avec un 'P' majuscule } Robyn ♥

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
Avada Kedagraph :: Aide aux forums :: Problème avec un code :: Problèmes résolus-
Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.Sauter vers: