1 résultat trouvé pour sidebar-trigger

Modifier l'infobulle au survol des récompenses

Bonjour !

Zut, l'onglet, en effet... Voilà le code mis à jour pour le prendre en compte, ainsi que la modification pour ne pas ajouter de titre si la personne n'a pas reçu de récompenses et le défilement pour les boutons haut et bas :

Code:: $(function(){ /* Ajout de Succès O'Brien dans les sujets */ $('.profil_posteur .dd_award').each(function(){ if ($(this).text() != ''){ $(this).before(`<span class="genmed module-title">Succès O'Brien</span>`); } }); /* Remplacement de Récompenses par Succès O'Brien dans les profils */ $('h1.profile-title, #profile_awards_full .module-title, .awards_module .module-title, #page-body span.gen a, #page-body span.gen strong').each(function(){ $(this).text($(this).text().replace("Récompenses", "Succès O'Brien").replace("obtenues", "obtenus")); }); /* Effet défilement pour les boutons haut et bas */ $('.boutonhautbas a[href="#top"]').on('click', function(e) { e.preventDefault(); $('html, body').animate( { scrollTop: 0 }, 800); }); $('.boutonhautbas a[href="#bottom"]').on('click', function(e) { e.preventDefault(); $('html, body').animate( { scrollTop: $(document).height() - $(window).height() }, 800); }); });

Pour les liens de bas de page, c'est le margin-top du #sidebar qui est responsable : à cause de lui, la barre fait 100% de la hauteur de la page + 32 pixels. Le margin ajoute de la hauteur, donc les liens "remontent" (ou plutôt, la barre descend plus bas).
On peut retirer le margin-top du #sidebar et redescendre les éléments à la place (ajouter 32px au padding-top du #sidebar et ajouter 32px au top du #sidebar-trigger), comme ceci :

Code:: #sidebar { text-shadow: 2px 2px 2px #000; background-image: url(https://zupimages.net/up/23/06/sscj.png); position: absolute; top: 0; left: -260; height: 100%; width: 300px; font-family: "Quattrocento"; -moz-box-shadow: 150 0 150px #000; -webkit-box-shadow: 150 0 150px #000; border: 1px #303030 solid; border-width: 1px 0; box-shadow: 0 0 5px #000; box-sizing: border-box; padding: 72px 40px 40px 40px; z-index: 999; min-height: 1000px; } #sidebar-trigger { position: absolute; right: 8px; top: 47px; display: block; height: 21px; width: 25px; }

Par contre, malheureusement, je ne constate pas le problème de mauvais affichage des avatars, ils s'affichent tous proprement de mon côté. Je ne sais pas si je vais pouvoir faire quelque chose là-dessus (en tout cas, pour l'instant non)...