[Web] Afficher un "panneau" d'accueil
ckvtdn
Messages postés
756
Date d'inscription
Statut
Membre
Dernière intervention
-
bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour bonjour,
Voilà, je m'occupe d'un tout petit site communautaire en grand amateur et là, on change de site justement, alors j'aimerai faire sorte que, sur l'ancien site, lorsque le visiteur (ou le membre) arrive, un panneau s'affiche directement en plein milieu (genre 300x300), afin de l'informer du changement de site. En fait, cela revient à faire apparaître une image + un texte par dessus que le visiteur fait disparaitre en cliquant.
Alors, après m'être renseigné, il faut apparemment faire une div, et aussi un peu je javascript, j'ai réussi à obtenir ce bout de code :
<html>
<head>
<script language="javascript">
var Cacher = true;
function CacherDiv() {
if (Cacher)
document.getElementById('azerty').style.display='none';
}
</script>
</head>
<body onclick="CacherDiv();">
<div id="azerty" onmouseover="Cacher=false;" onmouseout="Cacher=true;" style="border-style:solid;">
<img src="bgdiv.png" width="300" height="300">
</div>
</body>
</html>
Néanmoins, quelque chose me dit qu'y'a comme des "manques" quelque part, si quelqu'un pouvait m'aider à compléter ça pour que ça fonctionne parfaitement, ce serait formidable =)
Merci par avance !
Voilà, je m'occupe d'un tout petit site communautaire en grand amateur et là, on change de site justement, alors j'aimerai faire sorte que, sur l'ancien site, lorsque le visiteur (ou le membre) arrive, un panneau s'affiche directement en plein milieu (genre 300x300), afin de l'informer du changement de site. En fait, cela revient à faire apparaître une image + un texte par dessus que le visiteur fait disparaitre en cliquant.
Alors, après m'être renseigné, il faut apparemment faire une div, et aussi un peu je javascript, j'ai réussi à obtenir ce bout de code :
<html>
<head>
<script language="javascript">
var Cacher = true;
function CacherDiv() {
if (Cacher)
document.getElementById('azerty').style.display='none';
}
</script>
</head>
<body onclick="CacherDiv();">
<div id="azerty" onmouseover="Cacher=false;" onmouseout="Cacher=true;" style="border-style:solid;">
<img src="bgdiv.png" width="300" height="300">
</div>
</body>
</html>
Néanmoins, quelque chose me dit qu'y'a comme des "manques" quelque part, si quelqu'un pouvait m'aider à compléter ça pour que ça fonctionne parfaitement, ce serait formidable =)
Merci par avance !
A voir également:
- [Web] Afficher un "panneau" d'accueil
- Panneau de signalisation routière - Guide
- Web office - Guide
- Panneau de configuration - Guide
- Afficher google en page d'accueil - Guide
- Creer un site web - Guide
2 réponses
Le mieux serait pour ne pas perdre le référencement naturel de votre site Internet, de faire une redirection permanente (le code correspondant est 301 et en anglais le langage utilisé est redirectpermanent) de votre ancien site vers le nouveau site Internet communautaire. Généralement cela se fait par .htaccess (c'est aussi possible de le faire via php par exemple).
Salut,
Voici une proposition.
En fait, pourquoi utilises-tu onmouseover et onmouseout, puisque la fenêtre doit s'ouvrir au chargement ?
J'ai osé mettre un peu de style.
Par contre, tu remarqueras que les margin-top et margin-left font la moitié des dimensions de l'image. C'est tout normalement.
Tu n'utilises pas de Jquery sur ce site ? Sinon, c'est encore plus simple.
Bonne continuation !
Voici une proposition.
En fait, pourquoi utilises-tu onmouseover et onmouseout, puisque la fenêtre doit s'ouvrir au chargement ?
J'ai osé mettre un peu de style.
Par contre, tu remarqueras que les margin-top et margin-left font la moitié des dimensions de l'image. C'est tout normalement.
Tu n'utilises pas de Jquery sur ce site ? Sinon, c'est encore plus simple.
Bonne continuation !
<html>
<head>
<script language="javascript">
function CacherDiv() {
document.getElementById('azerty').style.display = 'none';
}
</script>
<style>
body { margin: 0 auto;}
#azerty { position: fixed; width: 100%; height: 100%; background-color: black; opacity: 0.85;}
#azerty img { position: fixed; width: 300px; height: 300px; left: 50%; margin-left: -150px; top: 50%; margin-top: -150px;}
</style>
</head>
<body onclick="CacherDiv();">
<div id="azerty">
<img src="bgdiv.png">
</div>
<p>Lorem ipsum dolor sit amet consectetuer netus In Phasellus ut Nunc. Elit massa a id eu Vestibulum cursus mauris cursus nunc ultrices. Dictumst volutpat amet tincidunt diam eros pellentesque auctor egestas condimentum hendrerit. Est ut at tempor vitae pretium auctor sit sollicitudin id ridiculus. Suspendisse Vivamus ut enim pretium mauris Vestibulum est elit dolor cursus. At orci et id eu ut sapien ut id.</p>
</body>
</html>
Bonjour bonjour, en fait, j'utilise ces attributs parce que... c'est la seule manière que l'on m'ai déjà montré, si il en existe d'autres comme celle que tu viens de me donner, c'est encore mieux, et si, comble du style, c'est faisable en JQuery, je suis encore plus preneur dans la mesure ou je suis "fan" de JQuery !
Ce que je veux vraiment pour le moment, c'est simplement faire sorte que, sur l'ancien site, lorsque le visiteur (ou le membre) arrive, un panneau s'affiche directement en plein milieu (genre 300x300), afin de l'informer du changement de site. En fait, cela revient à faire apparaître une image + un texte par dessus que le visiteur fait disparaitre en cliquant.
Mais merci malgré tout de ta réponse Madriweb =)
tout le monde sera automatiquement dirigé vers le nouveau ... et si tu veux vraiment dire que ' c'est le nouveau', tu l'indiques dessus ;)