2 résultats trouvés pour navigation

Notifications dans barre de navigation, i need help please !

Ok pour les images en trop (je ne comprends pas d'où elles sortaient d'ailleurs c'est ok).
Pour le tuto Mme Feuillage la solution est cool, mais elle ne marche pas.
Pourtant j'ai modifié les .navig par #navigation #navig mais je n'ai pas l'impression que ça fonctionne.
Je te remets le CSS ( ça fait 3 heures que je fais des essais...)

Code:

/*  Notifications  */
/*******************/

body{
 margin-top:0 !important;
}

.headerbar{
  overflow: inherit;
}

.is-sticky#headerbar-top.w-toolbar {
    top: 0px !important;
}
#fa_toolbar,
#fa_toolbar_hidden{
  display:none;
}

#navigation #navig .link-notifs{
  position: relative;
}

#navigation #navig #fa_notifications {
    color: #12261a;
    cursor: pointer;
    line-height: 30px;
    padding: 0 5px
}

#navigation #navig #fa_notifications.unread{
  color: #191919;
}

#navigation #navig #fa_notifications:hover{
  color: #274f36;
}

#navigation #navig #notif_list{
  background-color: grey;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 9px rgba(0,0,0,0.3), 0 0 1px 1px rgba(0,0,0,0.2);
    color: #333;
    display: none;
    font-size: 11px;
    list-style-type: none;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 42px;
    width: 200px;
    z-index: 999;
}

#navigation #navig #notif_list li{
  margin: 4px 0;
  opacity: 0.5!important;
}

#navigation #navig .notification #notif_list {
    display: block;
}

#navigation #navig #notif_list .content a{
  color: #191919;
  font-weight: bold;
  padding: 0;
}

#navigation  #navig #notif_list li.see_all a,
#navigation  #navig #notif_list li.unread {
    opacity: 1!important;
}

#navigation #navig #notif_list .see_all a:hover{
  background: #2E2E2E;
  color: #cacaca;
}
-------------------------------------------------NAVIGATION ------------------------------------------------
#navig
{
  width: 10000px;
  margin: auto;
  text-align: center;
}
#navigation
{
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: grey;
  border-bottom: 2px solid #2E2E2E;
  margin-top: 0px;
  margin-left: 0px;
  word-spacing: 10 px;
  text-align: center;
}

a.mainmenu {
          color:#12261a;
          word-spacing: 10 px;
     text-transform: uppercase; /*pour l'avoir en majuscules*/
          font-family: 'Akshar'
          font-size:18px; /*la taille*/
          line-height: 15px,
}

Et en plus est-ce qu'il y aurait possibilité que la messagerie prenne une autre couleur lorsqu'elle contient un nouveau message ?
Merci

Notifications dans barre de navigation, i need help please !

Je remplace tous les .navbar par #navigation #navig du coup ?