Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Conflit entre bouton de notifications et toolbar

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Conflit entre bouton de notifications et toolbar Empty Conflit entre bouton de notifications et toolbar

Message par Lany_13 Dim 6 Juin 2021 - 15:35

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:
Conflit entre bouton de notifications et toolbar Jsyk

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://forumtestdeflocon.forumactif.com

Description du problème

Bonjour à tous !

Je reviens vers vous pour un petit souci : j'ai installé un bouton pour afficher les notifications, mais j'ai l'impression qu'il y a un conflit avec la barre de navigation, puisque je n'arrive plus à cliquer sur les liens. Concernant le bouton des notifications : celles-ci ont aussi tendance à apparaître trop haut, comme vous pouvez le voir sur le screen.

Je vous laisse le CSS correspondant :

Code:
/* NOTIFICATIONS */

/* Cacher les bout de la toolbar que je ne veux pas */
.fa_tbMainElement#fa_search, 
.fa_tbMainElement#fa_share,   
#fa_menu,
.fa_tbMainElement#fa_right a.rightHeaderLink {
  display:none!important;
     
}

 
/* Supprimer la couleur de fond et positionnement du bloc */
#fa_toolbar {
  background-color:transparent!important;
  position:fixed;
  top:0px;
  width:100%;
  z-index:999;
  box-sizing:border-box;
}

/* Mise en page du bouton Notification */
.fa_tbMainElement#fa_right a.rightHeaderLink#fa_notifications {
  display:block!important;
  position:absolute;
  top:100px;
  right:50px;
  width:160px;
  padding:3px;
  background:#F2F2EA;
  box-shadow:0 0 5px #E6E1CA;
  color:#E3988A;
  font-family:Arial;
  font-size:16px;
  letter-spacing:2px;
  text-align:center;
  text-decoration:none!important;
}
#fa_toolbar #fa_right #notif_list li:first-child{
  padding-top:10px;
}

/* Mise en page bouton "notification" - Au clic */
#fa_menu:hover:visited,
#fa_toolbar > #fa_right.notification > #fa_notifications {
  background:#F2F2EA!important;
  color:#98B6A6!important;
  text-shadow:none;
}

/* Référence pour la liste des notifications */
#fa_toolbar #fa_right.fa_tbMainElement {
}

/* Mise en page de la liste des notifications */
#fa_toolbar #fa_right.notification #notif_list {
  top:50px!important;
  right:10px;
  left:auto!important;
  max-width:340px;
  min-width:167px;
  box-shadow:0 0 5px #D0CCA6;
  border:none!important;
}

/* Mise en page des notifications */
#fa_toolbar #fa_right #notif_list li .content,
#fa_toolbar #fa_right #notif_list li {
  width:auto!important;
  font-size:12px;
  background-color:#F4F4F4;
}


/* NAVIGATION */
#navSIT {
position:fixed; z-index:5; left:0; top:0;
width:100%; height:30px;
background:#FEFCFA; /* MODIFIABLE */
}
.navSIT {
position:absolute; top:7px; right:15px;
}
.mainmenu img {
display:none;
}
/* BORDURE AVATAR */
.avaSIT {
position:absolute; z-index:5; left:130px;
width:40px; height:40px; border-radius:40px; overflow:hidden; border:10px solid;
border-color:#EFC296; /* MODIFIABLE */
}
/* IMAGE AVATAR */
.avaSIT img{
width:75px;
}
/* MESSAGE DE BIENVENUE */
.welcSIT {
position:absolute; left:200px; top:7px;
font-size:13px; font-family:Arial; /* MODIFIABLE */
  text-transform: uppercase;
color:#83A793; /* MODIFIABLE */
}
/* BIENVENUE */
.welcSIT::before {
float:left; margin-right:5px;
content:'Bienvenue'; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-align:center;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
color:#E7836D; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:#DC9861; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}

Merci d'avance ♥
Lany_13

Lany_13
**

Messages : 84
Inscrit(e) le : 25/04/2019

Voir le profil de l'utilisateur https://forumtestdeflocon.forumactif.com
Lany_13 a été remercié(e) par l'auteur de ce sujet.

Conflit entre bouton de notifications et toolbar Empty Re: Conflit entre bouton de notifications et toolbar

Message par Chacha Sam 12 Juin 2021 - 9:30

Conflit entre bouton de notifications et toolbar UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 65736
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Conflit entre bouton de notifications et toolbar Empty Re: Conflit entre bouton de notifications et toolbar

Message par Chacha Dim 13 Juin 2021 - 10:04

Conflit entre bouton de notifications et toolbar 8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 65736
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum