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.

Rejoignez le forum, c’est rapide et facile

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.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -24%
PC Portable Gaming 15.6″ Medion Erazer Deputy ...
Voir le deal
759.99 €

[Résolu] Bouton retour vers le haut

2 participants

Aller en bas

bouton - [Résolu] Bouton retour vers le haut Empty [Résolu] Bouton retour vers le haut

Message par Solie 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)
Solie
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par FredVig 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
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par FredVig 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
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par Solie 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...
Solie
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par FredVig 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}
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par Solie 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) ?
Solie
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par Solie 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 ?
Solie
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par FredVig 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 !
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par Solie Mar 27 Oct 2015 - 9:59

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

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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