Page d'acceuil pour réorientation
eolianne
-
eolianne -
eolianne -
Bonjour,
je souhaite créer une site avec une page d'accueil qui va dans une premier temps réorienter les visiteurs vers une autre page sur ce modèle http://www.logica.fr/.
Comment puis je m'y prendre?
je souhaite créer une site avec une page d'accueil qui va dans une premier temps réorienter les visiteurs vers une autre page sur ce modèle http://www.logica.fr/.
Comment puis je m'y prendre?
3 réponses
-
Ne fais surtout pas de redirection en JS dans ton cas de figure! Redirige via un fichier .htaccess: https://www.htaccessredirect.net/
-
-
excusez moi j'ai peut être pas été assez claire en fait la redirection ne me pose pas de problème c'est plutôt comment réaliser une page qui ressemble à celle là c'est à dire semblant survoler le site vers lequel on sera redirigé, la page en elle même peut se faire avec des <div> opacity etc mais comment faire qu'elle semble survoler le site de redirection?
Disons que c'est plus une question de mise en forme pas de redirection... ma question a été mal formulée -
Pour différentes raisons: Si ton utilisateur à désactivé JS dans son navigateur, il ne sera pas redirigé.
Lorsque tu fais une redirection en JS, le contenu de la page doit être chargé avant que JS ne puisse être exécuté.
Les robots (googleBot, ... ) ne suivront pas ta redirection -> problème de référencement.
https://www.webrankinfo.com/dossiers/debutants/initiation-aux-redirections -
-
-
Cela ce fait en JavaScript mais je n'arriverais pas vraiment à t'aider dans ton cas ! :(
-
Bonjour, si vous souhaiter simplement les rediriger, vous pouvez utiliser (dans votre code HTML), du code JavaScript qui permettra de les rediriger.
Comme cela :
<script type="text/javascript> window.location.href="https://www.cgi.fr/fr-fr"; </script>-
excusez moi j'ai peut être pas été assez claire en fait la redirection ne me pose pas de problème c'est plutôt comment réaliser une page qui ressemble à celle là c'est à dire semblant survoler le site vers lequel on sera redirigé, la page en elle même peut se faire avec des <div> opacity etc mais comment faire qu'elle semble survoler le site de redirection?
-
Il n'y a pas de redirection sur logica.fr. simplement un effet d'overlay (identique à celui d'une lightbox).
Pour comprendre comment le faire, tu peux commencer par regarder par ici:
https://stackoverflow.com/questions/2941189/how-to-overlay-one-div-over-another-div -
Voici un exemple très minimaliste.
<html> <head> <title></title> <style type="text/css"> html, body{ margin:0; } .contenuDuDessous{ background: url(http://www.lorempixel.com/10/10/food); width: 100%; height: 100%; } #overlay{ position: fixed; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); text-align: center; } .contenuDeDessus{ margin:0 auto; width: 70%; height: 50%; margin-top: 10%; background-color: white; display: inline-block; box-shadow: 0 0 20px #000; } </style> </head> <body> <div class="contenuDuDessous"></div> <div id="overlay"> <div class="contenuDeDessus">Contenu du dessus</div> </div> </body> </html> -
-
