Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

[Résolu] Bouton retour vers le haut

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

[Résolu] Bouton retour vers le haut

Message par Solie le Mar 20 Oct 2015 - 16:16

Bonjour,

Existerait-il un moyen d'appliquer le bouton "Retour vers le haut" de Jimdo sur une seule page du site, en modifiant le Head de la page en question ?

Comment procéder simplement ? J'imagine, si c'est possible, qu'il faudrait le valider pour le site entier, puis aller le masquer sur toutes les pages, sauf une ?

A défaut, existe t-il un tuto pour un bouton retour vers le haut qui glisserait selon le défilement de la page ?

N'hésitez pas si vous avez des idées Wink

Solie


Dernière édition par Solie le Mar 27 Oct 2015 - 10:04, édité 1 fois (Raison : ajout de la balise résolu)
avatar
Solie

Messages : 513
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

Re: [Résolu] Bouton retour vers le haut

Message par FredVig le Mer 21 Oct 2015 - 10:08

Ou tu récupères le code du bouton vers le haut que tu colle dans un widget html sur la page concernée. et tu enlève le retour en haut par défaut dans les paramètres.
Tu peux aussi faire une ancre, avec un peu de smoothscrolling

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1856
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Bouton retour vers le haut

Message par FredVig le Mer 21 Oct 2015 - 10:17

Je vais sur un site jimdo qui utilise le "retour en haut".
J'affiche la source et je copie le bloc qui contient le code :
 
Code:
 <ul class="cc-FloatingButtonBarContainer">

                    <!-- scroll to top button -->
            <li class="cc-FloatingButtonBarContainer-button-scroll">
                <a href="javascript:void(0);" title="Défiler vers le haut">
                    <span>Défiler vers le haut</span>
                </a>
            </li>
            <script>// <![CDATA[
    window.regModule("common_scrolltotop", []);
// ]]>
</script>    </ul>
Je vais sur la page concernée, et je colle le code dans un widget html.
Et on dirait que ça fonctionne :
retour en haut sur une seule page

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1856
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Bouton retour vers le haut

Message par Solie le Mer 21 Oct 2015 - 13:17

Hello Fred,

Si je n'active pas la fonction "Vers le haut" dans les paramètres, le bouton code n'apparaît pas sur ma page.

Pour te montrer, j'ai activé un bouton (à gauche) pour tout le site dans les paramètres. Là, on voit bien le bouton code qui apparaît (à droite) sur cette page.

Si je désactive la fonction des paramètres, le bouton code n'apparaît plus...
avatar
Solie

Messages : 513
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

Re: [Résolu] Bouton retour vers le haut

Message par FredVig le Lun 26 Oct 2015 - 11:18

Oui ;( … je ne sais pas pourquoi, mais ça ne fonctionne plus sans activer la fonction "bouton vers le haut" sur mon site.

Essaye de l'activer avec les paramètres, tu le masques par défaut avec modifier le Head (display:none ou opacity:0%) et tu fais une condition particulière pour la page où tu veux le voir apparaitre : #page123456 #iddu boutonverslehaut{opacity:100%!important}

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1856
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Bouton retour vers le haut

Message par Solie le Lun 26 Oct 2015 - 11:38

Heu... Je masque quoi pour tout le site, exactement ?
.FloatingButtonBarContainer ?

Je préfère utiliser (display:none) plutôt que l'opacity pour éviter des clics intempestifs quand le bouton "retour vers le haut" sera invisible mais à cheval sur les boutons call-to-action ou les players audio (sur petits écrans!).

Après, je mets quoi en contraire de (display:none), (display:block !important) ?
avatar
Solie

Messages : 513
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

Re: [Résolu] Bouton retour vers le haut

Message par Solie le Lun 26 Oct 2015 - 18:30

Bon ça y est, j'ai trouvé toute seule !
En 3 heures ^^

Dans le head du site entier, j'ai mis :
Code:
<style type="text/css">
/*<![CDATA[*/
/*masquer le retour vers le haut*/
.cc-FloatingButtonBarContainer.cc-FloatingButtonBarContainer-left {display:none;}
/*]]>*/
</style>

Dans le head de la page concernée, j'ai mis :
Code:
<style type="text/css">
/*<![CDATA[*/
/*afficher le retour vers le haut*/
.cc-FloatingButtonBarContainer.cc-FloatingButtonBarContainer-left {display:block !important;}
/*]]>*/
</style>

J'ai aussi mis çà, parce que j'aime bien le bouton en couleur:
Code:
<style type="text/css">
/*<![CDATA[*/
/*remplissage vert retour vers le haut*/
.cc-FloatingButtonBarContainer-button-scroll {background: #62A64E none repeat scroll 0% 0%;}
/*]]>*/
</style>

Alors, c'est qui la queen du code, maintenant ?
avatar
Solie

Messages : 513
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

Re: [Résolu] Bouton retour vers le haut

Message par FredVig le Mar 27 Oct 2015 - 9:15

Bravo Solie !
ça me prend aussi 3heures pour trouver, la plupart du temps…
Faut pas croire que c'est facile !

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1856
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Bouton retour vers le haut

Message par Solie le Mar 27 Oct 2015 - 9:59

Merci de m'avoir mise sur la bonne piste, Fred king
avatar
Solie

Messages : 513
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

Re: [Résolu] Bouton retour vers le haut

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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