A voir également:
- Page d'acceuil pour réorientation
- Supprimer une page word - Guide
- Page d'acceuil - Guide
- Word numéro de page 1/2 - Guide
- Comment traduire une page - Guide
- Créer une page facebook - Guide
3 réponses
prosthetiks
Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
431
Modifié par prosthetiks le 29/08/2013 à 11:05
Modifié par prosthetiks le 29/08/2013 à 11:05
Ne fais surtout pas de redirection en JS dans ton cas de figure! Redirige via un fichier .htaccess: https://www.htaccessredirect.net/
noerubiks
Messages postés
159
Date d'inscription
lundi 22 août 2011
Statut
Membre
Dernière intervention
28 août 2016
37
29 août 2013 à 11:23
29 août 2013 à 11:23
Cela ce fait en JavaScript mais je n'arriverais pas vraiment à t'aider dans ton cas ! :(
noerubiks
Messages postés
159
Date d'inscription
lundi 22 août 2011
Statut
Membre
Dernière intervention
28 août 2016
37
29 août 2013 à 11:01
29 août 2013 à 11:01
Bonjour, si vous souhaiter simplement les rediriger, vous pouvez utiliser (dans votre code HTML), du code JavaScript qui permettra de les rediriger.
Comme cela :
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?
prosthetiks
Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
431
29 août 2013 à 11:39
29 août 2013 à 11:39
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
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
prosthetiks
Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
431
29 août 2013 à 12:58
29 août 2013 à 12:58
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>
29 août 2013 à 11:07
29 août 2013 à 11:11
Disons que c'est plus une question de mise en forme pas de redirection... ma question a été mal formulée
29 août 2013 à 11:36
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
29 août 2013 à 11:39