Lien qui s'ouvre dans la PA et non dans un autre onglet

par Mikki Dim 22 Sep 2024 - 8:07

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : le jour de l'installation
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Je me permet de soliciter votre aide car j'ai un petit soucis avec les liens de mes "partenaires". J'ai créer un menu déroulant, mais les liens que j'y ajouter s'ouvre dans ma page d'accueil. Hors j'aimerais que ça ouvre directement une page autre que mon forum.

Voici une capture écran de ma page d'accueil : LIEN
Et une capture de ma page quand on clique sur un lien partenaire : LIEN

Voici le code de ma page d'accueil qui est sous une page html :

Code:: <style> /* Couleurs de la PA Codée par KoalaVolant */ :root{ --typo1:'Bellota', cursive; --typo2:'Girassol', cursive; --typo3:Verdana; --blanc:#F9C0A4; --txt:#8B350A; --txt2:#000; --color1-f:#fff; --color1:#F6E479; --color1-c:#F6E479; --noir:#B0440E; --color2-f:#E17A66; --color2-c:#FCBC9A; } /* PA NEWS */ .pa-pvs2 a{ display:block; margin:10px 5px; position:relative; height:180px; overflow:hidden;} .pa-pvs2 a img{ width:120px; height:200px; object-fit:cover; } .pa-pvs2 a span{ display:block; background-color:var(--color2-f); padding:3px; text-align:center; font-size:10px; line-height:8px; position:absolute; top:-65%; width:100%; transition:600ms;} .pa-pvs2 a:hover span{ top:50%; transform:translateY(-50%); } .pa-pvs2 a span strong{ display:block; font-family:var(--typo1);} .pa-image2{ flex:2; position:relative;} .pa-image2 a img{ width:100%; height:200px; object-fit:cover;} .pa-image2 a span{ display:block; background-color:var(--color2-f); padding:3px; text-align:left; top:500%; font-size:11px; line-height:10px; position:absolute; top:-65%; width:100%; height:120px; transition:600ms;} .pa-image2 a:hover span{ top:50%; transform:translateY(-50%); } /* menu partenaire */ .part-menu{ width:150px; color:var(--txt); font-family:Birch Std(--typo3); font-size:12px;background-color:var(--blanc); padding:10px; border-radius: 5px; } /* Structure */ .wrappa{ width:770px; color:var(--txt); font-family:Birch Std(--typo3); font-size:12px; line-height:14px; background-color:var(--blanc); padding:10px; border-radius: 5px; } .wrappa *{ box-sizing:border-box;} /* Display Flex */ .wrappa{ display:flex; flex-wrap:wrap; justify-content:space-between;} .pa-liens{ display:flex; justify-content:center; } .pa-pvs { display:flex; justify-content:center; } .pa-mois{ display:flex; justify-content:space-between; } /* Gauche et droite */ .pa-left{ width:480px; } .pa-right{ width:280px; margin-left:10px; } /* Titre */ .wrappa h1, .wrappa h2{ margin:0; background: -webkit-linear-gradient(90deg, var(--color1-f) 0%, var(--color1-c) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wrappa h2{ font-family:var(--typo2); color:var(--color1); font-size:22px; line-height:25px; letter-spacing:3px; height:30px; } .wrappa h3{ font-family:var(--typo1); padding-bottom:5px; margin:0px; text-align:center; background: -webkit-linear-gradient(90deg, var(--color1-f) 0%, var(--color1-c) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Liens */ .wrappa a{ color:var(--color1-f); text-decoration:none; border-radius: 5px; } .wrappa a:hover{ color:var(--txt-2); } .wrappa a:visited{ color:var(--txt); } /* Bloc Gen */ .bloc-v span, .bloc-vv{ background-color:var(--color2-c); display:block; padding:10px; text-align:justify; box-shadow:inset 1px 1px 27px -1px var(--color2-f); transition:700ms; } .bloc-v:hover span, .bloc-vv{ box-shadow:inset 1px 1px 50px 1px var(--color2-f); } /* En tete */ .wrappa h1{ width:100%; font-family:var(--typo2); font-size:34px; line-height:46px;color:var(--color1); margin:0px; text-align:center; } /* PA Liens utiles */ .pa-liens{ width:100%; margin:5px 0px 15px 0px;} .pa-liens a{ padding:5px; text-decoration:center; text-transform:uppercase; font-size:14px; transition:500ms; margin:0px 5px; background-color:var(--color2-f); font-family:Birch Std(--typo1); box-shadow:1px 1px 15px -1px var(--color2-f);} .pa-liens a:hover{ background-color:var(--color2-c); box-shadow:1px 1px 20px -1px var(--color2-c);} /* PA Intrigue */ .pa-trigue span{ height:100px; overflow:auto; border-radius: 5px; } .pa-trigue a, .pa-rp a{ padding-top:5px; display:block; font-family:var(--typo1); text-align:right; font-size:15px;} .pa-trigue a:before, .pa-rp a:before{ padding-right:5px; transition:600ms; } .pa-trigue a:hover:before, .pa-rp a:hover:before{ content:'~'; padding-right:10px; } /* PA PVS */ .pa-pvs a{ display:block; margin:10px 5px; position:relative; height:55px; overflow:hidden;} .pa-pvs a img{ width:90px; height:55px; object-fit:cover; } .pa-pvs a span{ display:block; background-color:var(--color2-f); padding:3px; text-align:center; font-size:10px; line-height:11px; position:absolute;top:-65%; width:100%; transition:600ms;} .pa-pvs a:hover span{ top:50%; transform:translateY(-50%); } .pa-pvs a span strong{ display:block; font-family:var(--typo1);} /* PA Trucs du mois */ .pa-rp, .pa-membre{ width:80%; } /* PA RP du mois */ .pa-rp div{ display:flex; justify-content:center; } .pa-rp div img{ width:50px; height:50px; object-fit:cover; margin:10px 5px 0px 5px;} /* PA Membre du mois */ .pa-membre{ width:90%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-left:15px; border-radius: 5px;} .pa-membre h2{ width:90%; text-align:center; border-radius: 5px;} .pa-membre .bloc-vv{ display:flex; justify-content:space-between; border-radius: 5px;} .pa-membre .bloc-vv div{ width:49%; text-align:center; padding-top:5px; border-radius: 5px;} .pa-membre .bloc-vv img{ width:90%; height:65px; margin:0 auto; display:flex; justify-content:center; object-fit:cover; align-items:center; padding-top:5px;} .pa-membre h3{ background: -webkit-linear-gradient(90deg, var(--txt2) 0%, var(--noir) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* PA Image + Staff */ .pa-imaff{ display:flex; justify-content:space-between; width:100%; margin-top:10px;} /* PA Image */ .pa-image{ flex:2; position:relative;} .pa-image a img{ width:100%; height:200px; object-fit:cover;} .pa-image a span{ position:absolute; top:50%; transform:translateY(-50%); font-family:var(--typo1); color:var(--blanc); text-align:center; display:block; width:80%; left:9%; padding:5px; font-size:17px; background-color:rgba(24, 0, 24, 0.5); } /* PA Staff */ .pa-staff{ flex:3; height:150px; padding-left:5px; display:flex; flex-wrap:wrap; justify-content:space-between;} .pa-staff h2{ width:100%;} .pa-staff div{ position:relative; width:80px; height:88px; overflow:hidden;border-radius: 30px;} .pa-staff img{ width:80px; height:80px; object-fit:cover;border-radius: 30px; } .pa-staff div span{ background-color:var(--color2-f); color:var(--txt2); display:block; width:60px; text-align:center; padding:5px; position:absolute; transition:800ms; top:-45%; left:8%; font-size:10px; line-height:11px;} .pa-staff div:hover span{ top:50%; transform:translateY(-50%); } .pa-staff div span strong{ font-family:var(--typo1); border:none; font-size:11px; line-height:12px; background: -webkit-linear-gradient(90deg, var(--txt2) 0%, var(--noir) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} /* PA Tops sites */ .pa-top{ margin:10px 0px; display:flex; flex-wrap:wrap; justify-content:center;} .pa-top h2{ width:100%; text-align:center; } .pa-top a, .pa-top a img{ width:30px; height:30px; object-fit:cover; } .pa-top a{ margin:5px 5px; } /* PA Partenaires */ .pa-part{ margin:10px 0px; display:flex; flex-wrap:wrap; justify-content:center;} .pa-part h2{ width:100%; text-align:center; } .pa-part a, .pa-part a img{ width:40px; height:40px; object-fit:cover; } .pa-part a{ margin:5px 5px; } /* Ascenseurs */ ::-webkit-scrollbar, .ss-forums::-webkit-scrollbar {height:12px; width:5px; background:none; margin-right:5px;} ::-webkit-scrollbar-thumb, .ss-forums::-webkit-scrollbar-thumb {background:var(--color1); height:30px; border-radius:30px;} ::-webkit-scrollbar-corner, .ss-forums::-webkit-scrollbar-corner{background:none;} </style> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bellota|Girassol&display=swap" /> <div class="wrappa">  <h1> Bienvenue sur le forum </h1>  <div class="pa-liens"> <a href="https://welcometocharleston.forumactif.com/t27-le-reglement" target="_blank"><img src="https://i.postimg.cc/7PjYW9jx/REGLEMENT.png" /></a> <a href="https://welcometocharleston.forumactif.com/f1-textes-de-loi" target="_blank"><img src="https://i.postimg.cc/TYXvb4ZW/CONTEXTE.png" /></a> <a href="https://welcometocharleston.forumactif.com/t29-les-groupes" target="_blank"><img src="https://i.postimg.cc/5tXRTBhV/GROUPES.png" /></a> <a href="https://welcometocharleston.forumactif.com/f93-les-listings" target="_blank"><img src="https://i.postimg.cc/ydqvGwhm/BOTTINS.png" /></a> <a href="https://discord.gg/UNCkdtGPKR" target="_blank"><img src="https://i.postimg.cc/mDYts6Jf/discord30x30.png" /></a> <a href="https://welcometocharleston.forumactif.com/t126-cartographie-du-forum" target="_blank"><img src="https://i.postimg.cc/fLBSddbV/CARTOGRAPHIE.png" /></a> <a href="https://welcometocharleston.forumactif.com/t41-le-systeme-de-points" target="_blank"><img src="https://i.postimg.cc/3NzRjFQx/DOLLARS.png" /></a> <a href="https://welcometocharleston.forumactif.com/" target="_blank"><img src="https://i.postimg.cc/B66QdVqv/EVENT.png" /></a> <a href="https://welcometocharleston.forumactif.com/f22-questions-invites" target="_blank"><img src="https://i.postimg.cc/rpyrwg8B/QUESTIONS.png" /></a> </div>  <div class="pa-left">  <div class="pa-trigue bloc-v"> <h2> Résumé du contexte </h2> <span>Charleston, charmante ville portuaire surnommée « The Holy City » par ses habitants, fut fondée par les Anglais en 1670 et depuis, elle a bien changé ! Comportant près de 150 227 habitants, c’est la ville la plus peuplée de Caroline du Sud. Ici se mêlent la ferveur des touristes, le flegme des habitants, le dur labeur des travailleurs et la folie du monde de la nuit. <a href="https://welcometocharleston.forumactif.com/t28-le-contexte" target="_blank">découvrez la suite de notre contexte...</a></span> </div>  <div class="pa-pvs"> <a href="https://welcometocharleston.forumactif.com/t130-1m-mon-meilleur-ami-et-le-fils-de-mon-amour#546" target="_blank"><img src="https://i.postimg.cc/DZFMwf9S/Cillian.png" /> <span><strong>Cillian O'Connor</strong>Libre</span> </a> <a href="https://welcometocharleston.forumactif.com/t131-1f-ma-meilleure-amie-la-fille-de-mon-amour-et-un-amour-a-sens-unique" target="_blank"><img src="https://i.postimg.cc/5N4d4gBx/Lilibelle.png" /> <span><strong>Lilibelle O'Connor</strong>Libre</span> </a> <a href="#" target="_blank"><img src="https://i.postimg.cc/MKSjDy6L/PA-PREDEF.png" /> <span><strong>Nom</strong>Brouette</span> </a> <a href="#" target="_blank"><img src="https://i.postimg.cc/MKSjDy6L/PA-PREDEF.png" /> <span><strong>Nom</strong>Brouette</span> </a> <a href="#" target="_blank"><img src="https://i.postimg.cc/MKSjDy6L/PA-PREDEF.png" /> <span><strong>Nom</strong>Brouette</span> </a> <a href="#" target="_blank"><img src="https://i.postimg.cc/MKSjDy6L/PA-PREDEF.png" /> <span><strong>Nom</strong>Brouette</span> </a> </div>  <div class="pa-mois">  <div class="pa-rp"> <h2> La météo </h2> <span></span> <div align="center" style=""> <img src="https://i.postimg.cc/VkbbnMKm/soleil.png" /> <img src="https://i.postimg.cc/KcBqrq8s/canicule.png" /> </div> <div align="center"> <span>L'été est l'une des périodes les plus chaudes. Attention à la canicule qui sévit. <br />Les températures sont comprises entre 25° et 40°. </span> </div> </div>  <div class="pa-membre"> <h2> Membre du mois </h2> <div class="bloc-vv"> <div> <h3 style=""> Serez vous </h3><span> le prochain ? <img src="https://i.postimg.cc/QCJfwK3w/membre-du-mois-essai.png" /> </span> </div> <div> <h3 style=""> Serez vous </h3><span> le prochain ? <img src="https://i.postimg.cc/QCJfwK3w/membre-du-mois-essai.png" /></span> </div> </div>  </div>  </div>  </div>   <div class="pa-right">  <div class="pa-imaff">  <div class="pa-image2"> <div class="pa-pvs2"> <a target="_blank" href="#"><img src="https://i.postimg.cc/d0wkbnM8/PA-200x320-3.png" /> <span><strong>17.09.2024 :</strong> Ouverture du forum!</span> </a> </div> </div>  <div class="pa-staff"> <h2> Votre staff </h2> <div> <img src="https://i.postimg.cc/cC5HwS2Z/icone-staff-PA-80x80-gazette.png" /> <span><strong><a href="https://welcometocharleston.forumactif.com/privmsg?mode=post&u=1" target="_blank">La Gazette</a></strong> Fondateur</span> </div> <div> <img src="https://i.postimg.cc/3RGrXd09/PA-Staff-Maverick.png" /> <span><strong><a href="https://welcometocharleston.forumactif.com/privmsg?mode=post&u=5" target="_blank">Maverick Winters</a></strong> Admin</span> </div> <div> <img src="https://i.postimg.cc/tCTfLVtd/Gabriel.png" /> <span><strong><a href="https://welcometocharleston.forumactif.com/privmsg?mode=post&u=4" target="_blank">Gabriel P. Evans</a></strong> Admin</span> </div> <div> <img src="https://i.postimg.cc/L5QhsZWK/EROS.png" /> <span><strong><a href="https://welcometocharleston.forumactif.com/privmsg?mode=post&u=4" target="_blank">Eros J. O'Connor</a></strong> Admin</span> </div> </div>  </div>  <div class="pa-top"> <h2>Top Sites</h2> <a target="_blank" href="http://www.root-top.com/topsite/obsession27/in.php?ID=27373"><img src="https://i.postimg.cc/qq2Pp9Wk/ecusson-forum.png" /></a> <a target="_blank" href="http://www.root-top.com/topsite/pubrpgdesign/in.php?ID=3383"><img src="https://i.postimg.cc/qq2Pp9Wk/ecusson-forum.png" /></a> <a target="_blank" href="http://www.root-top.com/topsite/bazzart/in.php?ID=3197"><img src="https://i.postimg.cc/qq2Pp9Wk/ecusson-forum.png" /></a> <a target="_blank" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=6869"><img src="https://i.postimg.cc/qq2Pp9Wk/ecusson-forum.png" /></a></div> <div align="center"> <a href="https://welcometocharleston.forumactif.com/t62-votez-pour-nous-top-sites#275" target="_blank">++ Votez pour nous ! ++</a></div> <div class="pa-part"> <h2>Partenaires</h2> <div class="part-menu"> <select style="width: 150px; background:#E17A66; color:white;" onchange="location = this.value"> <option selected="selected">Nos Tops Amis</option> <option target="_blank" value="https://theworldschanging.forumactif.com/">The World Changing</option> <option target="_blank" value="https://20serneuerung.forumactif.com/">20's Erneuerung</option> <option value="url3-de-renvoi">à venir</option> <option value="url4-de-renvoi">à venir</option> </select> </div></div> </div> </div>

Pouvez-vous me dire ce qui ne va pas et où modifier ? J'ai tenter à plusieurs reprise de modifier le code dans la partie partenaire, mais ça ne fonctionne pas. Donc je suis un peu perdu...

Merci d'avance pour votre aide.