• Notifications

    Menubar : Notifications


    Vous vous êtes sans doute demander comment on changeait le bleu et le blanc de la notification ? Nous aussi, et cela est très simple. Déjà dans votre css, mettez le code suivant :
    #notifications_panel a,
    #notifications_panel div{ background:url("IMAGE")no-repeat}

    Voilà, mais voici maintenant les explications.

    Vous devrez remplacer IMAGE(ne retirez pas les guillemets) par une des créations suivant ce modèle :

    Menu Notifications

    Explications :

    Le premier machin blanc signifie les notifications auquel vous voyez habituellement. Le machin bleu clair signifie le moment où on a une nouvelle notifications. Le premier machin bleu foncé signifie n'importe qu'elle survol. Le deuxième machin blanc signifie le 'afficher les notifications' en mode normal et le deuxième machin bleu foncé signifie 'afficher les notifications" au survol. ^^

     

    Merci à Jak-Inc_an pour ce css !


    Tags Tags : , , , ,
  • Commentaires

    1
    Shuchu Profil de Shuchu
    Samedi 15 Octobre 2011 à 16:44
    Merci!
    2
    Samedi 15 Octobre 2011 à 18:21

    bien sauter la ligne ? tu peu donner un exemple stp ?

    3
    Samedi 15 Octobre 2011 à 18:21

    merci d'avance ^^

    4
    EtoileSosso Profil de EtoileSosso
    Samedi 15 Octobre 2011 à 19:57

    Dans " #notifications_panel a,#notifications_panel div{ background:url("IMAGE")no-repeat"

    Tu sautes juste la ligne après la 1ère virgule :

    #notifications_panel a,

    #notifications_panel div{ background:url("IMAGE")no-repeat

    5
    Dimanche 16 Octobre 2011 à 12:46

    merci beaucoup ^^

    6
    Shuchu Profil de Shuchu
    Dimanche 16 Octobre 2011 à 12:48
    J'ai fait des p'tites modifications a ma barre Eklablog...
    7
    Dimanche 16 Octobre 2011 à 14:16

    je n'y arrive pas aidez moi svp

    8
    Dimanche 16 Octobre 2011 à 14:17

    je voudrais utiliser ça :http://img11.hostingpics.net/pics/334185Sanstitre1.png

    9
    Shuchu Profil de Shuchu
    Dimanche 16 Octobre 2011 à 14:19

    Moi aussi :'(

    10
    Dimanche 16 Octobre 2011 à 14:19

    tu ny arrive pas ?

    11
    Shuchu Profil de Shuchu
    Dimanche 16 Octobre 2011 à 14:21

    NON! J'arrive pas :'(
    Aidez-nous!

    12
    Shuchu Profil de Shuchu
    Dimanche 16 Octobre 2011 à 14:25

    Moi j'ai fait ça:
    #notifications_panel a,
    #notifications_panel div{ background:url("http://data0.eklablog.com/test-chamimy/mod_article13129366_1.jpg?9322")no-repeat

    13
    Dimanche 16 Octobre 2011 à 14:29

    et moi g fait ça :

    #notifications_panel a,

    #notifications_panel div{ background:url("http://img11.hostingpics.net/pics/334185Sanstitre1.png")no-repeat

    14
    Shuchu Profil de Shuchu
    Dimanche 16 Octobre 2011 à 14:45

    Ah non plutot ceci:
    #notifications_panel a,
    #notifications_panel div{ background:url("http://ekladata.com/bEqeL9W1qE5QtM5d0i0sXWWQhAw.png")no-repeat

    15
    Shuchu Profil de Shuchu
    Dimanche 16 Octobre 2011 à 14:45

    Fait avec sa:

    16
    Shuchu Profil de Shuchu
    Dimanche 16 Octobre 2011 à 14:50

    Il ya une erreur dans le code que tu nous as donné!
    Il faut mettre sa:
     #notifications_panel a,
    #notifications_panel div{ background:url("IMAGE")no-repeat }

     

     

    Tu as oublié le }

    17
    Dimanche 23 Octobre 2011 à 09:31

    merci chamimy grace a toi sa marche vien tester sur mon 3 eme blog

    18
    Shuchu Profil de Shuchu
    Dimanche 23 Octobre 2011 à 10:09
    Derien :)
    19
    Dimanche 23 Octobre 2011 à 10:13
    20
    Lundi 21 Novembre 2011 à 19:05

    Merci beaucoup !!! -^o^-

    21
    Samedi 17 Décembre 2011 à 14:28

    Erf, moi, ça marche pas... --'

    Quelqu'un peut m'aider? :

    {#notifications_panel a,
    #notifications_panel divbackground:url("http://img4.hostingpics.net/pics/188270Standard.png")no-repeat 


    Merci beaucoup d'avance!

    22
    Samedi 17 Décembre 2011 à 14:49

    essaye ça :    

    #notifications_panel a,
    #notifications_panel div{ background:url("http://img4.hostingpics.net/pics/188270Standard.png")no-repeat }

    23
    Samedi 17 Décembre 2011 à 15:15

    Merci beaucoup! >0<

    24
    Samedi 17 Décembre 2011 à 15:16

    Euh, et j'ai pas compris comment on fait pour modifier quand il y a une nouvelle notification, ect...

    25
    Samedi 17 Décembre 2011 à 15:24

    je vois , tu veux que je te la fasse ?

    26
    Samedi 17 Décembre 2011 à 15:36

    Oh, tu me rendrais un fier service, oui, merci, vraiment! xD

    Tiens les url des images:

    Nouvelle notification:

    http://img4.hostingpics.net/pics/800359nouvelle.png

    Bouton normal:

    http://img4.hostingpics.net/pics/184797bouton1.png

    Bouton survolé:

    http://img4.hostingpics.net/pics/973676bouton2.png

    27
    Samedi 17 Décembre 2011 à 15:42

    ok je m'y met

    28
    Samedi 17 Décembre 2011 à 15:49

    Merci beaucoup, je te suis très reconnaîssante! ^-^

    29
    Samedi 17 Décembre 2011 à 15:51

    Je t'ai mise la Perm.3, tu me dis quand tu as finis ~

    30
    Samedi 17 Décembre 2011 à 15:52

    ça y est j'ai fini ^^

    31
    Samedi 17 Décembre 2011 à 15:56

    MERCI ♥

    32
    Samedi 17 Décembre 2011 à 15:57

    derien ^^

    33
    Samedi 17 Décembre 2011 à 15:58

    Ah, tiens, y a un petit souci, on dirait! o/

    34
    Samedi 17 Décembre 2011 à 16:05

    ha bon ?

    35
    Samedi 17 Décembre 2011 à 16:13

    Ouaip.

    Le bouton pour accéder aux notifications survolé est celui d'avant (Eklablog).

    36
    Samedi 17 Décembre 2011 à 16:23

    pourtant je lai bien remplacé ...

    37
    Samedi 17 Décembre 2011 à 16:24

     avec moi sa fait bien ... actualise ta page

    38
    Samedi 17 Décembre 2011 à 16:30

    Ah, ben moi, même si j'actualise, ça marche toujours pas. .w.

    Bon, ben c'est pas grave, au moins, j'ai la majorité du truc.

    Merci, hein! >.<

    39
    Samedi 17 Décembre 2011 à 16:32

    derien ^^

    40
    Princesse Peach M.
    Dimanche 1er Janvier 2012 à 20:58

    Merci beaucoup :)

    41
    Mardi 24 Avril 2012 à 15:35

    Merci beaucoup Nagi' <3

    Je l'ai tester avec des coulers *avait la flemme de faire une image 8'D *

     

    42
    Dimanche 9 Septembre 2012 à 11:25

    Merci beaucoup!

    43
    Jeudi 21 Février 2013 à 20:10

    Bonjour ou bonsoir! :D

    J'aimerais bien savoir comment ont fait pour changer la couleur de la police des notifications! >w<

    si c'est possible, j'aimerais les mettres d'une autre couleur que gris.

    Merci d'avance .w."

     

    44
    Lilla 9000 Profil de Lilla 9000
    Samedi 24 Août 2013 à 10:20

    Je n'y arrive pas! Mon code:


     


    #notifications_panel a,
    #notifications_panel div{ background:url("http://ekladata.com/X5zUl9nKIz8e5DQmMQ8dHHjJgts.png")no-repeat }

    45
    Dimanche 25 Août 2013 à 09:08

    (C'est bon c'est réglé)

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :