Ayno
Août 9, 2022, 7:30
1
Bonjour,
je tente de retravailler mon design pour bosser sur un menu pleine page.
Lorsque la page est chargée le menu est invisible, lorsque je clique sur le menu, il arrive en pleine page en floutant le fond.
Le problème est celui-ci;
le « MENU » écrit en rouge est un texte symbolisant le menu qui sera à sa place, le fond derrière floute bien le codage html/css mais les widgets restent en premier plan.
J’ai tenté de modifier la position des widgets par l’éditeur de design, ou d’appliquer en z-index en CSS
Si quelqu’un a une idée pour poursuivre l’édition
Bonjour sans code difficile de dire quoi que se soit sauf etre devin !
Mais des fois que ça t’aide
Tu peux voir là
Et le clic <a> active la class
pour un effet flou
[image]
« 2,3 lignes »
la totalité du code
<html>
<head>
<style>
.swapmenu2::-webkit-scrollbar {display: none; }
div.swapmenu2 {
background-color: transparent;
white-space: nowrap;
overflow-y: hidden;
display: block;
margin-left: auto;
margin-right: auto;
width: 85%;
}
div.swapmenu2 a {
padding: 15px;
text-decoration: none;
opacity: 1;
padding-top: 10px;
}
div.swapmenu2 a:hover {
text-decoration: none;
opacity: 0.7;
}
.swapmenu2 li {
display: inline-blo…
Ayno
Août 10, 2022, 8:46
3
Bonjour,
après avoir vu ton message, fais un autre code.
Un peu bêtement, je ne me suis pas dis qu’il fallait intégrer de code html. Un pour le fond qui accueille les widget et un autre qui faire le menu.
Le premier doit être mis à la profondeur 0, les widget à 1 et le deuxième code à 3.
Merci pour la réponse
system
Août 11, 2022, 8:46
4
Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.
