2 résultats trouvés pour sidebar

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)...

Modifier l'infobulle au survol des récompenses

Alors, pour ajouter "Succès O'Brien" dans les profils des sujets (je n'ai pas spécialement mis de style, juste fait en sorte que ce soit propre) et pour remplacer "Récompenses" par "Succès O'Brien" et "obtenues" par "obtenus" sans e dans les profils, voilà un script qui devrait faire l'affaire. A placer sur toutes les pages :

Code:: $(function(){ $('.profil_posteur .dd_award').before(`<span class="genmed module-title">Succès O'Brien</span>`); $('h1.profile-title, #profile_awards_full .module-title, .awards_module .module-title').each(function(){ $(this).text($(this).text().replace("Récompenses", "Succès O'Brien").replace("obtenues", "obtenus")); }); });

Et pour la barre, un petit ajout dans le CSS au niveau de la #sidebar pour lui demander d'être au minimum haute de 1000px :

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: 40px; z-index: 999; margin-top: 32px; min-height: 1000px; }

Je pense que ce sera suffisamment propre comme ça !