AccueilAccueil  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

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

Voir le sujet précédent Voir le sujet suivant Aller en bas 

Sweetie Plum

Sweetie Plum
◊ Penseur de Rodin

MESSAGES : 2320
INSCRIPTION : 02/02/2013
ÂGE : 26
CRÉDITS : goldentailedmermaids de tumblr pour l'icon
RÉGION : Pays de la mirabelle


EN SAVOIR PLUS
PASSIONS: Plein de trucs. Mais l'Histoire occupe une grande place, de même que Zelda.
CÉLÉBRITÉS: Peter Capaldi, Harrison Ford, Carrie Fisher, Jodie Comer et d'autres...
LOGICIEL(S): Gimp forever! (h)

[fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS Empty
Message(#) Sujet: [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS EmptySam 30 Mai 2020 - 16:15

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
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 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
Revenir en haut Aller en bas

authenticity

authenticity
◊ Moustache de Dalí

MESSAGES : 313
INSCRIPTION : 15/04/2016
ÂGE : 20
CRÉDITS : jenesaispas
RÉGION : centre-val-de-loire


[fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS Empty
Message(#) Sujet: Re: [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS EmptySam 30 Mai 2020 - 17:48

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

Voilà [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS 3779582753
Revenir en haut Aller en bas

Shad Elbereth

Shad Elbereth
◊ Joconde de Vinci

MESSAGES : 1158
INSCRIPTION : 05/02/2013
ÂGE : 30
CRÉDITS : Moi-même
RÉGION : Belgique
HUMEUR : Calme



[fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS Empty
Message(#) Sujet: Re: [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS EmptySam 30 Mai 2020 - 17:54

Bonjour Smile

Je pense avoir trouvé le coupable :

Code:
a span {
  position:absolute;
  [...]
}

À mon avis tes catégories doivent se balader dans un coin de la page ^^" proposition de changement pour qu'il agisse seulement là où on le souhaite :

Code:
bloc-staff a span {
  position:absolute;
  [...]
}

Tu me diras si ça fonctionne Smile

Edit. authenticity a été plus rapide xD après comme mon changement ne concerne que le css je te le propose toujours Smile
Revenir en haut Aller en bas

Bazzart

Bazzart
◊ Penseur de Rodin

MESSAGES : 6163
INSCRIPTION : 28/07/2007
ÂGE : 30
CRÉDITS : GeniusPanda
RÉGION : blblbl


EN SAVOIR PLUS
PASSIONS:
CÉLÉBRITÉS:
LOGICIEL(S):

[fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS Empty
Message(#) Sujet: Re: [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS EmptyDim 12 Juil 2020 - 12:42

Coucou @Sweetie Plum !

Ton souci est-il réglé ? [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS 3779582753
Revenir en haut Aller en bas


Contenu sponsorisé



[fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS Empty
Message(#) Sujet: Re: [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS [fil d'Arianne/PA/LS]souci dans le fil d'Arianne avec un code PA en LS Empty

Revenir en haut Aller en bas
 

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum