[Résolu] Bouton retour vers le haut
2 participants
Page 1 sur 1
[Résolu] Bouton retour vers le haut
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
Solie
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
Solie
Dernière édition par Solie le Mar 27 Oct 2015 - 10:04, édité 1 fois (Raison : ajout de la balise résolu)
Re: [Résolu] Bouton retour vers le haut
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
Tu peux aussi faire une ancre, avec un peu de smoothscrolling
Re: [Résolu] Bouton retour vers le haut
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 :
Et on dirait que ça fonctionne :
retour en haut sur une seule page
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>
Et on dirait que ça fonctionne :
retour en haut sur une seule page
Re: [Résolu] Bouton retour vers le haut
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...
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...
Re: [Résolu] Bouton retour vers le haut
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}
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}
Re: [Résolu] Bouton retour vers le haut
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) ?
.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) ?
Re: [Résolu] Bouton retour vers le haut
Bon ça y est, j'ai trouvé toute seule !
En 3 heures ^^
Dans le head du site entier, j'ai mis :
Dans le head de la page concernée, j'ai mis :
J'ai aussi mis çà, parce que j'aime bien le bouton en couleur:
Alors, c'est qui la du code, maintenant ?
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 du code, maintenant ?
Re: [Résolu] Bouton retour vers le haut
Bravo Solie !
ça me prend aussi 3heures pour trouver, la plupart du temps…
Faut pas croire que c'est facile !
ça me prend aussi 3heures pour trouver, la plupart du temps…
Faut pas croire que c'est facile !
Sujets similaires
» [Résolu] Remplacer l'image du bouton retour vers le haut
» Tutoriel : Remplacer l'icône retour vers le haut
» Bouton lien vers un n° de tél. [resolu]
» [Résolu] Modifier un bouton d'action et un bouton télécharger
» Déplacer le logo vers le haut
» Tutoriel : Remplacer l'icône retour vers le haut
» Bouton lien vers un n° de tél. [resolu]
» [Résolu] Modifier un bouton d'action et un bouton télécharger
» Déplacer le logo vers le haut
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|