Comment realiser un footer similaire a celui ci
Smoodie
-
sm2r Messages postés 13 Date d'inscription Statut Membre Dernière intervention -
sm2r Messages postés 13 Date d'inscription Statut Membre Dernière intervention -
http://www.clairehartley.com/
L'effet qu'a le scroll sur le footer est vraiment bien, comment faire pareil? (j'ai tenter d'analyser le code source mais j'ai pas trop compris)
A voir également:
- Comment realiser un footer similaire a celui ci
- Site similaire a coco - Accueil - Réseaux sociaux
- Remplaçant de Coco : quelles solutions pour tchater gratuitement en ligne ? - Accueil - Réseaux sociaux
- Réaliser un organigramme - Guide
- Site similaire a zone telechargement - Accueil - Outils
- Site similaire à coqnu ✓ - Forum Graphisme
2 réponses
Bonjour.
Une rapide recherche sur internet montre pas mal d'exemples en css.
Entre autres : https://jsfiddle.net/7uv2fzvp/11/
Avec lequel on peut arriver à :
<html>
<head>
<style type="text/css">
body { height: 800px; background: #fff; margin: 0 0 200px 0; color: #000; position: relative; z-index: 1; }
#main { height: 800px; background: #fff; margin-bottom: 200px; color: #000; position: relative; z-index: 1; }
#footer { height: 200px; background: #000; color: #fff; position: fixed; bottom: 0; z-index: 0; bottom: 0; left: 0; right: 0; }
</style>
</head>
<body>
<div id="main">
<p>body</p>
</div>
<div id="footer">
<p>
blabla</br>
blabla</br>
blabla</br>
blabla</br>
blabla</br>
blabla</br>
blabla</br>
blabla</br>
</p>
</div>
</body>
</html>
Bonjour,
Je suis pas un expert. Donc je vais pas faire le code pour vous.
Je ferrai ça moi
Essayer de mettre ton footer en position fixed en pas de la page avec un z-index inférieur du reste de la page et faire un shadow vers le bas pour avoir un petit effet.
J’espère vous avoir un peu aider sur une idée
