avatar
Sexe : Féminin
Date d'inscription : 21/02/2017
Messages : 91
Newbie
Voir le profil de l'utilisateurhttp://zay-design.forumactif.com/
Flèches pour aller tout en haut ou tout en bas du forum
Créé par: Zayshin Copié pour le premier et inspiré pour le deuxième de: ICI | Validé par: Cheshire Cat | Testé sous: tous les navigateur(s) | Ne pas retirer le copyright
Acceptez-vous que l'on modifie votre code pour corriger les erreurs ? [X] Oui [ ] Non


Voici un petit code pour vous permettre de mettre des flèches afin d'aller directement en haut ou en bas de votre forum. /!\ Le code m'a été donné d'ICI et je m'en suis inspiré pour la seconde partie afin que les flèches soient indépendantes l'une de l'autre.


Rendu


Spoiler:
Spoiler:
Spoiler:

Codes & Explications



Pour commencez, il faut être sous le compte fondateur du forum, car vous allez toucher aux Template. Ensuite, aller sous: Panneau d'administration > Affichage:  Templates; Général. Puis vous aller cliquer sur la Template: overall_header afin de la modifier. Pour cela il faut trouver ce code:



Si vous avez de la peine à le trouver, tapez dans la barre de recherche: bgcolor Et normalement vous tombez immédiatement dessus. Il faut donc remplacer ce code par celui-ci si vous voulez que vos deux flèches soient alignées de manière similaire :




Sinon, remplacé le code par celui-ci si vous désirez qu'elles soient indépendante l'une de l'autre.



Un petit détail pour les novices (comme moi) Top: haut, donc veillez à mettre la flèche qui pointe vers le haut dans l'url lié au code "top"

Bottom: bas, donc veillez à mettre la flèche qui pointe vers le bas dans l'url lié au code Bottom.

(Ps: n'oubliez pas de valider le template une fois ce dernier enregistré, sinon ça ne fonctionnera pas.)

Ensuite restez sous affichage et allez sous Images et Couleurs: Couleurs > Feuille de style CSS

Si vous avez choisi le code avec les flèches dépendantes l'une de l'autre collez ce code dans le CSS:



La position fixed sert à qu'il reste affiché au même endroit sur la page, que vous descendiez ou non dessus.

Bottom peut être changé en Top si vous désirez que vos flèches soient en haut. Et la valeur à coté désigne la position de votre image par rapport à la marge du haut ou du bas.

Right peut être changé en left, si vous les voulez à droite. la valeur à coté désigne la position de votre image par rapport à la marge du coté.

z-index: 999; signifie que votre image ne sera pas cachée par une autre et sera toujours mise devant.


Si vous avez choisi le code pour les flèches indépendante l'une de l'autre mettez dans le CSS ce code:



La première partie est pour le top, donc la flèche qui mène vers le haut, la seconde est pour le bottom, donc la flèche qui mène vers le bas. Faites donc bien attention de ne pas vous tromper dans les templates au moment de mettre vos images.

Un petit merci rendra les codes visibles !
En cas de soucis avec un code, cette section est disponible.
avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 3992

Fiche Membre
Lots gagnés:
Admin' / Designer
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
Coucou @Zayshin !

Nous avons déplacé ton libres-service dans la partie tutoriel pensant que cela convenait mieux à ton partage de code. Ceci dit, serait-il possible de modifier un petit peu ton introduction avant le tutoriel pour qu'il soit plus bref, moins long ?

Bonne journée à toi :D
avatar
Sexe : Féminin
Date d'inscription : 21/02/2017
Messages : 91
Newbie
Voir le profil de l'utilisateurhttp://zay-design.forumactif.com/
Oui aucun soucis, mais avant je voulais savoir si ça ne gênait pas que j'ai pris le code d'ailleurs pour le partager ici et en modifiant la seconde partie, c'est pour ça que j'avais fait cette longue intro
avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 3992

Fiche Membre
Lots gagnés:
Admin' / Designer
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
Coucou !
Non ça ne gêne pas puisque tu expliques le code en partie et que tu sites bien tes sources :)
avatar
Sexe : Féminin
Date d'inscription : 21/02/2017
Messages : 91
Newbie
Voir le profil de l'utilisateurhttp://zay-design.forumactif.com/
D'accord, je te remercie ♡ du coup est-ce que le tuto est bon? Ou bien est-ce qu'il y a quelque chose que je peux améliorer ?
avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 3992

Fiche Membre
Lots gagnés:
Admin' / Designer
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
Coucou :)
Les autres codeurs ont déjà lu ton code en disant que c'était bon en section staff, on voulait juste que tu modifies ton introduction afin qu'elle soit plus concise. Comme cela a été réalisé, je déplace ton tutoriel en section en l'ajoutant à l'index au passage.
Merci de ton partage !
avatar
Sexe : Masculin
Date d'inscription : 02/08/2015
Messages : 81
avatar
Sexe : Masculin
Date d'inscription : 29/03/2017
Messages : 24
Thank you very much
avatar
Sexe : Féminin
Date d'inscription : 31/03/2017
Messages : 26
Newbie
Voir le profil de l'utilisateur
avatar
Sexe : Masculin
Date d'inscription : 24/03/2016
Messages : 740

Fiche Membre
Lots gagnés:
Accro au forum
Voir le profil de l'utilisateurhttp://dark-and-cold.forumactif.com/
avatar
Sexe : Féminin
Date d'inscription : 03/03/2017
Messages : 103
Membre timide
Voir le profil de l'utilisateurhttp://etoilesbrillantes.forumactif.com/
Merci beaucoup ! Ça va m'être très utile. c:
avatar
Sexe : Féminin
Date d'inscription : 02/06/2017
Messages : 93
trop jolie et utile
avatar
Sexe : Féminin
Date d'inscription : 15/01/2017
Messages : 25
Newbie
Voir le profil de l'utilisateur
avatar
Sexe : Féminin
Date d'inscription : 09/06/2012
Messages : 485

Fiche Membre
Lots gagnés:
Fidèle au poste !
Voir le profil de l'utilisateurhttp://lycee-shorai.forumactif.org/
Merci, ça peut être très pratique. ♥
avatar
Sexe : Féminin
Date d'inscription : 24/01/2017
Messages : 63
Un grand merci ;-)
avatar
Sexe : Masculin
Date d'inscription : 23/07/2017
Messages : 25
Newbie
Voir le profil de l'utilisateur
Merchi

UP : fonctionne pas sur ModernBB :o
avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 3992

Fiche Membre
Lots gagnés:
Admin' / Designer
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
Coucou @Kego
sous ModernBB il faut chercher plutôt ça dans la template overall_header
Code:
<body id="modernbb">

Pour coller à sa suite ceci
Code:
<div class="widget_fleche_top">
 <a href="#top"><img src="url de l'image" alt="Revenir en haut" /></a>
</div>

Et dans la template overall_footer_end chercher ceci
Code:

{PROTECT_FOOTER}

Pour coller à sa suite ceci
Code:
<div class="widget_fleche_bottom"><a href="#bottom"><img src="url de l'image" alt="Aller en bas" /></a>
</div> 

Après si tu veux plus d'aide à ce sujet n'hésite pas à utiliser notre section Problèmes avec mon code :)
avatar
Sexe : Masculin
Date d'inscription : 23/07/2017
Messages : 25
Newbie
Voir le profil de l'utilisateur
Merci Cheshire, u r the best ! :D
avatar
Sexe : Féminin
Date d'inscription : 30/01/2016
Messages : 245
Membre timide
Voir le profil de l'utilisateurhttp://pubonline.forumactif.org/
avatar
Sexe : Féminin
Date d'inscription : 22/03/2016
Messages : 28
Newbie
Voir le profil de l'utilisateur
avatar
Sexe : Féminin
Date d'inscription : 25/03/2014
Messages : 575

Fiche Membre
Lots gagnés:
Fidèle au poste !
Voir le profil de l'utilisateur
avatar
Sexe : Féminin
Date d'inscription : 30/08/2015
Messages : 20
Newbie
Voir le profil de l'utilisateur
Merci pour le partage :)
avatar
Sexe : Féminin
Date d'inscription : 24/07/2016
Messages : 299
Fidèle au poste !
Voir le profil de l'utilisateurhttp://art-the-fruits.forumpro.fr/
Coucou, merci pour ce tuto très utile.
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum