[fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS

INSCRIPTION : 02/02/2013

Bonjour, bonjour ! Smile

Je rencontre un souci avec un code en libre-service sur Bazzart et je vois pas comment le résoudre.

Type de code : ce qui est concerné est le fil d’Ariane (cette petite succession de liens qui nous permet de naviguer dans la structure d'un forum) mais le bug vient du CSS de la PA. Il y a de fortes chances que cela vienne de là car c'est quand je l'installe que cela part en sucette. [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS 623269

[fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS 623269

Problème rencontré : Lorsque j'installe la PA de gashina (ici sur Bazzart : https://www.bazzart.org/t132975-pa-1-blocs-gashina ) les liens composants le fil d’Ariane disparaissent pour ne laisser que des "::". (Alors qu'il faudrait les liens entre) Cela s'applique a priori sur l'ensemble du forum et viendrait du CSS de la PA car c'est quand je l'installe que cela merde. [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS 553602291

[fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS 553602291

J'ai essayé de voir au travers du CSS s'il y avait pas deux fois la même balise entre les différents codes mis mais je ne pense pas que ce soit le cas. (Surtout qu'a priori, la PA de Gashina n'utilise pas du tout une class utilisée dans le cadre du fil d'Ariane)
Screen : https://nsa40.casimages.com/img/2020/05/30/200530042000581766.png j'ai entouré sur le screen le fil d'Ariane où comme vous pouvez le constater, les catégories avant ont disparu (j'ai normalement "Fire will reign :: être présenté :: les joueurs des jeux du trône" qui devraient apparaître pour cette partie-ci du forum qui est screené. Mais j'ai le problème dans toutes les catégories.)
Lien vers le code : je mets le lien vers le code de la pa de Gashina qu'on peut prendre sur Bazzart car je ne l'ai pas pour pour le moment modifié : https://www.bazzart.org/t132975-pa-1-blocs-gashina
Lien :

En plus du lien vers le code en LS de Bazzart, je me permets de mettre mon CSS complet en hide dans le cas où cela pourrait éventuellement avoir un impact sur la disparition du fil d'Ariane.

A l'avance, merci à ceux qui auront la gentillesse de m'aider ! I love you

INSCRIPTION : 15/04/2016

Hello @Sweetie Plum ! [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS 3200731053

Alors, j'ai trouvé la solution du problème. Déjà, celui-ci vient de :

Code:: a span {
position:absolute;
width: 210px;
text-align: center;
margin-top:23.5px;
margin-left:-238px;
font-family: "Arapey";
text-transform: uppercase;
color:#6b5f4b;
background: #1c1c1c;
padding:5px;
border: 1px solid #373737;
transform:scale(0) rotate(-20deg);
transition:all 0.6s;
}

Ce que je peux te conseiller, du coup, c'est de rajouter une class à ça, pour éviter que tout déborde dans le forum, soit :

Le HTML entier à remplacer :

Code:: <link href="https://fonts.googleapis.com/css?family=Alice|Arapey|Lexend+Deca|Manjari:400,700|Tangerine|Old-Standard-TT" rel="stylesheet">

<pa class="holy-grail">
<header>
<span class="titre">nom du forum</span>
</header>

<implink>
<ul>
<a href="#"><li>premier lien</li></a>
<a href="#"><li>deuxième lien</li></a>
<a href="#"><li>troisième lien</li></a>
<a href="#"><li>quatrième lien</li></a>
</ul>
</implink>

<implink>
<ul>
<a href="#"><li>cinquième lien</li></a>
<a href="#"><li>sixième lien</li></a>
<a href="#"><li>septième lien</li></a>
<a href="#"><li>huitième lien</li></a>
</ul>
</implink>

<div class="holy-grail-body"><section class="holy-grail-content">

<bloc-titre-mid>actuellement à (nom ville)</bloc-titre-mid>
<bloc-mid>Ici se trouve l'<imp>intrigue</imp> du moment, la <imp-2>météo</imp-2> de la ville, les <imp-3><a href="">animations</a></imp-3> et tout ce qui anime le forum aussi bien inrp (topics communs, ...) que hrp.
<br><br>
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</bloc-mid>

<bloc-titre-mid>chronologie</bloc-titre-mid>
<bloc-mid-2><date>xx mois année</date> <span class="othersymbol">:</span> lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br><br>
<date>xx mois année</date> <span class="othersymbol">:</span> lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br><br>
<date>xx mois année</date> <span class="othersymbol">:</span> lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</bloc-mid-2>
</section>

<div class="holy-grail-sidebar-1 hg-sidebar">
<bloc-titre>les prémices</bloc-titre>
<bloc-left>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</bloc-left>
<image><img src="https://66.media.tumblr.com/723b5726d52fd2e60857118dd79e471f/tumblr_pv32frGOpo1sognhno4_r1_400.gif" class="gifs"><img src="https://66.media.tumblr.com/19b0978d081ff75617279bcc35ff0dd2/tumblr_ptpzcbAFXa1sognhno1_400.gif" class="gifs"><img src="https://66.media.tumblr.com/723b5726d52fd2e60857118dd79e471f/tumblr_pv32frGOpo1sognhno4_r1_400.gif" class="gifs">
</image>
<br>
<titre2>top-sites et pub</titre2>
<bloc-left-2>Afin d'<imp>aider le forum</imp> à davantage se développer, n'hésitez pas à voter régulièrement aux <a href="" class="writlink">top-sites</a> (intervalle de deux heures) ainsi que laisser avis et commentaires sur le sujet <a href="" class="writlink">Bazzart</a> !</bloc-left-2>
</div>

<div class="holy-grail-sidebar-2 hg-sidebar">
<titre3>partenaires</titre3>
<bloc-part>
<partimg>
<a href="#"><img src="https://i.imgur.com/2bkYmz3.jpg" class="partimg"></a><a href="#"><img src="https://i.imgur.com/2bkYmz3.jpg" class="partimg"></a><a href="#"><img src="https://i.imgur.com/2bkYmz3.jpg" class="partimg"></a><a href="#"><img src="https://i.imgur.com/2bkYmz3.jpg" class="partimg"></a><a href="#"><img src="https://i.imgur.com/2bkYmz3.jpg" class="partimg"></a></partimg><partlink>
<a href="#" style="text-transform: uppercase;" class="partlink spana">devenir partenaire</a> <span class="symbol">⊹</span>
<a href="#" style="text-transform: uppercase;" class="partlink">plus de partenaires</a></partlink>
</bloc-part>

<titre4>l'équipe</titre4>
<bloc-staff>
<a href=""><img src="https://2img.net/image.noelshack.com/fichiers/2019/35/2/1566860146-staffsize.png" class="imgstaff spana"><span class="infobulle">nom du personnage</span></a>
<a href=""><img src="https://2img.net/image.noelshack.com/fichiers/2019/35/2/1566860146-staffsize01.png" class="imgstaff spana"><span class="infobulle">nom du personnage</span></a>
<a href=""><img src="https://2img.net/image.noelshack.com/fichiers/2019/35/2/1566860146-staffsize.png" class="imgstaff"><span class="infobulle spana">nom du personnage</span></a>
</bloc-staff>
<br><br><br>
<titre5>inspirations</titre5>
<bloc-right>Ici logent les bases, <imp>racines</imp> et <imp>fondations</imp> qui vous ont permis de construire votre forum. Oeuvres écrites, du septième art, de la télévision. Ou encore les <imp>crédits</imp> vis-à-vis du graphisme ou des codes qui ornent votre forum.</bloc-right>
</div>
</div>
</pa>

& dans le CSS (partie PA) :

Code:: a span .spana {
position:absolute;
width: 210px;
text-align: center;
margin-top:23.5px;
margin-left:-238px;
font-family: "Arapey";
text-transform: uppercase;
color:#6b5f4b;
background: #1c1c1c;
padding:5px;
border: 1px solid #373737;
transform:scale(0) rotate(-20deg);
transition:all 0.6s;
}

Normalement ça devrait régler ton problème [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS 4016404311

Si jamais, tu aurais pu également mettre ta PA en iframe, avec donc un css qui serait externe à celui du forum, et tu n'aurais rien à toucher (mais j'en conviens que pour les maj, etc. faut tout aller modifier là-bas et que y'a des gens qui aiment pas) ; en revanche, le css doit avoir des erreurs du coup si tu y connais un peu, je te conseille d'essayer de le corriger quand même [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS 4013745979