28172 sujets

CSS et mise en forme, CSS3

upload/1511810571-68626-scr.jpg Bonjour à toutes et tous,

Je suis en cours de développement d'un site sous WordPress (v.4.9–fr_FR)
www.exclusivegtposters.fr

Mon thème affiche des images en pleine fenêtre et ma page d'accueil est un slider.

Il y a du contenu hors fenêtre sous le slider d'accueil mais le thème ne contient pas de symbole indiquant qu'il faut scroller vers le bas pour faire défiler le contenu en-dessous. Ce n'est donc pas suffisamment intuitif et le visiteur risque de manquer le contenu hors fenêtre et de passer directement par les liens présents sur la page.
------
Je pensais avoir trouvé exactement ce que je cherche ici :
https://codepen.io/nxworld/pen/OyRrGy


(effet 'Scroll Down Button #9' —> voir capture jointe à mon post)

Mais impossible (en copiant-collant bêtement le code CSS présenté Smiley sweatdrop ) d'obtenir le moindre effet ni même affichage… c'est là que je bloque (et sans bien savoir quelle partie du code doit être copié dans le script proposé sur cette page…)

Merci d'avance pour vos idées et conseils Smiley cligne
Jeff

Ci-joint le détail 'scroll' que je cherche à obtenir.
Modifié par aerapod (27 Nov 2017 - 20:22)
Bonsoir. À première vue la div ou section d'arrivée doit comporter un ID en correspondance avec le href du lien.
merci bien pour cette info Olivier… que je suis incapable d'exploiter… je ne maîtrise pas la syntaxe CSS ! Smiley sweatdrop
Modifié par aerapod (27 Nov 2017 - 20:57)
Bonsoir aerapod,
Tu écris avoir copié le code css, mais as-tu aussi copié le javascript?
C'est le javascript qui réalise le scrolling : en l'occurence le code test que si tu cliques sur un lien avec # dans href l'écran scroll de 500px vers le bas.
Tu peux l'adapter assez simplement à ton site si tu sais intégrer du css et du javascript dans wordpress (avec wp_enqueue_script et wp_enqueue_css dans la functions.php de ton thème ...)

Cordialement,
GJboba