[Problème] Figer l'entête (bandeau + menu) d'un site

[lma33_66]

Bonjour
j'ai développé un site avec un template Siteground, et sur certaines pages, mon client souhaite pouvoir scroller l'article mais sans que l’entête (bandeau + menu) ne bouge : c'est à dire avec une Position Fixe de cette partie; j'ai cherché et trouver des astuces propres à certains templates, mais je n'arrive pas à les paramétrer sur celui là.
Merci de votre aide

[pmleconte]

Re : Figer l'entête (bandeau + menu) d'un site

Bonjour,

Nous avons déjà eu ce type de discussion : http://forum.joomla.fr/showthread.ph...light=floating

Je suis en train d'essayer Stick on Scroll de Plugin Valley http://www.pluginvalley.com/freebies...on-scroll.html.

C'est un bon point de départ pour vos recherches.

Pascal

[lma33_66]

Re : Figer l'entête (bandeau + menu) d'un site

Merci Pascal, je vais regarder

[pmleconte]

Re : Figer l'entête (bandeau + menu) d'un site

Encore moi,

Le principe est simple, il faut ajouter

style="position: fixed; top: 0px;"

à l'endroit qui va bien, autrement dit au niveau de l'entête de votre template.

C'est la version simplifiée de la solution, car, c'est géré par le jquery.sticky.js du Stick on Scroll.

Pascal

[lma33_66]

Re : Figer l'entête (bandeau + menu) d'un site

Re bonjour
cela ne marche pas à cause de la complexité de l'affichage du bandeau et du menu
regarde si tu veux http://concret-joomla.com/index.php/fr/
encore merci

[manu93fr]

Re : Figer l'entête (bandeau + menu) d'un site

Bonjour,
Wouaou .. tu parles d'un bandeau ! tu es sur de vouloir reduire ainsi la lisibilité de ton site web ?

[lma33_66]

Re : Figer l'entête (bandeau + menu) d'un site

Bonjour

[URL="http://concret-joomla.com/index.php/fr/nos-references/distribution/[/URL]
je me suis peut etre mal exprimé : ci joint copie ou lien : le client souhaite que la photo et le menu reste fixe, et que seul l'article contenant la liste des clients défile.
merci

[lma33_66]

Re : Figer l'entête (bandeau + menu) d'un site

re bonjour
en fait ce que je veux réellement c'est mettre un ascenseur sur l'article en question pour être à la mode de scrolling maximum
peut etre que je ne me suis pas bien expliqué
merci encore

[pmleconte]

Re : Figer l'entête (bandeau + menu) d'un site

Bonjour,

Effectivement, waou le bandeau !

Pour figer le menu, c'est facile : dans le template.css, ajouter .top-menu {position: fixed;} et il ne va plus bouger.

Par contre, pour l'image, je cherche un peu.

Pascal

[lma33_66]

Re : Figer l'entête (bandeau + menu) d'un site

j'avais déjà essayé plus ou moins cette syntaxe mais voilà ce que ça donne

[fynhooft]

Re : Figer l'entête (bandeau + menu) d'un site

Bonjour,

dans le fichier template.css
ligne 57 ajouter :
.wrapper{background-attachment : fixed;}

ligne 166 :
dans .top-menu
ajouter {position: fixed;}
supprimer width:90%

à la ligne 67:
il y a une image avec un mauvais lien : elle ne s'affiche donc pas.

[lma33_66]

Re : Figer l'entête (bandeau + menu) d'un site

Bonsoir et merci fynhooft
en fait j'ai reposté une précision "...ce que je veux réellement c'est mettre un ascenseur sur l'article en question pour être à la mode de scrolling maximum, peut etre que je ne me suis pas bien expliqué
merci encore "
c'est à dire avoir 2 ascenseurs 1 sur le coté droit du site et donc de l'écran, et 1 sur l'article (central) lui-même.
Merci

[manu93fr]

Re : Figer l'entête (bandeau + menu) d'un site

"à la mode" ??? tu as des exemples de sites a la mode avec des ascenseurs un peu partout ? j'en doute
Ce qui est a la mode en ce moment, c'est plutot les "one page" avec des effets dans le scrolling

Si ton bandeau était plus petit (une taille raisonnable), tu n'aurais plus besoin de faire cet ascenseur dans l'article.
L'image est très belle, mais on ne voit que ça, plus de 50% de mon écran et du coup, ça gêne la lecture

[lma33_66]

Re : Figer l'entête (bandeau + menu) d'un site

Bonjour,
c'est ce que je voulais dire : du "one page"
Le client a souhaiter conserver cette photo (que je pense effectivement néanmoins réduire).
Les articles de présentation des clients auront plus d'une dizaine de référence chaque, d'où le besoin de scroller tout en conservant la photo et le menu : peux tu m'aider pour mettre en place l'ascenseur dans l'article ; j'ai essayé différentes options sur les div correspondantes mais en vain.
Merci d'avance

[manu93fr]

Re : Figer l'entête (bandeau + menu) d'un site

Les template "one page" c'est plutot ça ou ça ou encore ça
Tu vois bien que seul le menu reste fixe car pratique quand tu souhaites naviger facilement sans remonter le scroll a l'envers

Personnelement, je ne mettrai pas d'ascenceur sur un article qui est lui même sur une page que tu scrolles ... tu vas perdre des internautes avec une complexité pareil ! surtout sur Smartphone !!!

Je ne connais pas de module pour ce besoin exact ... mais peut etre que d'autres essaieront de t'aider a modifier ton CSS, moi je trouve que tu pars dans la mauvaise direction ... le client est "roi" certes, mais tu peux lui expliquer que ce sera contre produstif

ça reste, bien sur, mon avis perso