.child Conten .gkcol { m-sca: 220px; } h1,h2,h3,h4,h5,h6, .gkMmpu ul li, .box.ampu, .brtencrumbs > ul > li, .8703Dico, .gk-big-btn, body button, .button, .rtenon, input[" /> button"], input[" /> submit"], .gkPrximTabl ndd.gkPrxim, .gk-ntener1, .gk-ntener2, .gk-ntener3, .gk>iMwactFté addtion, .gkNspPM-Picrfolio2, .gkTabsWiel ol li, .gkSece> Nav { fiMw-family: 'Ubuntu', Ar"> , ns s-l" if; } body, rty=, body input, body selece, body ul li div.child Conten a { fiMw-family: Ar"> , Helveimaa, ns s-l" if; } .be="k { fiMw-family: Ar"> , Helveimaa, ns s-l" if; } .be="k { fiMw-family: Ar"> , Helveimaa, ns s-l" if; } @ressa ntee/> ner iMwaien .8703s>iMwaien { m-sca: 100%!imdth,s p; } .cols-2 .column-1, .cols-2 .column-2, .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3, .demorseto-col2, .demorseto-col3, .demorseto-col4 {m-sca: 100%; } } #gkSideba { m-sca: 26%; } #gk>iMweb -{ m-sca: 74%; } #gk>iMweb Wiel { m-sca: 100%; } .friMwpink .gkPink, #gkTop .gkPink { maxum-sca: 1400px; } #ampu747 > div, #ampu747 > div > .child Conten-inen { m-sca: 220px; } #gk-tabs-688 .gkTabs>iMwaien 0, #gk-tabs-688 .gkTabs>iMwaien 1, #gk-tabs-688 .gkTabs>iMwaien 2 { height: 200px; } applitle> /jses utlass="janage-.terfa-ofacesl'uew">{"csrf.token":"a56637fd69f7b8c351f398b975504cd2","t d'ajnpaths":{"root":"","/blo":""}} jQuery(funce> ($) { SqueezeBox.=2.0"> ize({}); SqueezeBox.assig ($('an=des ').get(), { pitle: 'e/v' }); }); window.jMdes Close = funce> () { SqueezeBox.close(); }; // Add metra =des close funce> > ity fir tinyMCE-/blod mditors docuamp;.onrten d'icochange = funce> () { if (docuamp;.rten S'ico == 'ut êactive' &&n" />of tinyMCE != 'uneefiend' &&n"inyMCE) { if (" />of window.jMdes Close_no_tinyMCE === 'uneefiend') { window.jMdes Close_no_tinyMCE =n" />of(jMdes Close) == 'funce> ' ? jMdes Close : false; jMdes Close = funce> () { if (window.jMdes Close_no_tinyMCE) window.jMdes Close_no_tinyMCE.apply(this, arguamp;s); tinyMCE.activeEditor.window Web &r.close(); }; } if (" />of window.SqueezeBoxClose_no_tinyMCE === 'uneefiend') { if (" />of(SqueezeBox) == 'uneefiend') SqueezeBox = {}; window.SqueezeBoxClose_no_tinyMCE =n" />of(SqueezeBox.close) == 'funce> ' ? SqueezeBox.close : false; SqueezeBox.close = funce> () { if (window.SqueezeBoxClose_no_tinyMCE) window.SqueezeBoxClose_no_tinyMCE.apply(this, arguamp;s); tinyMCE.activeEditor.window Web &r.close(); }; } } }; $GK_TMPL_URL = gk_john_s/images/favicon.ico" rel="shor"; $GK_URL = gk_john_s/images/fav"; $GKMmpu = { height:truk, m-sca:truk, durle> : 250 }; var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-33567945-1']); _gaq.push(['_trackPinke-wi']);(funce> () { var ga = docuamp;.crteteEl&('.terfa'); ga." /> = ' .protocol ? 'gk_js://ssl' : 'gk_john_s/') + 'igoogle-Weblytics.cojoga.js';var s = docuamp;.getEl&sByTagName('.terfa')[0]; s.pitmp;Ndee.insertBefire(ga, n); })(); o o o o
.e intthis.valuk;" -o AccueilNos réages, cesiNos l" aximiNos climp;sMy Boul>iMwactBoul—oulonDesign—oificatsme ">—oInspirle> —oTs-avec-h—oAstuimi—oOssagi—oLivrmi—oTélécharg&so Accueil
  • Nos réages, cesi
  • Nos l" aximi
  • Nos climp;s
  • My Boul
  • >iMwact
  • Boul
    WlonDesign
  • ificatsme
  • " id="mmpu781" >Inspirle>
  • Ts-avec-h
  • Astuimi
  • Ossagi
  • Livrmi
  • Télécharg&s
  • -o id="gk>iMweb " -o o -o o -o o -o o -o
    iMwaien ce lass="8703View single-8703a>
    SS3 2 mai, 2015 ww.ime>
  • ="og:url"
  • Publiégdasi Ts-avec-h
  • Lu 2595 fois
  • =no,mmpubar=no,rmiizabl =no,steoll/bri=no'); return false;">rs, il peut être intéressant d'ajouter des notifications pour informer l'utilisateur de nouveautés (messages, demande d'..." />

     

  •  

    Rentro dedasiil vif du sujet. Ib.fino deque voudedispoloznd'un ampu soudeutésandegestk, dasiice ampu jouy aoun limp amps poveriila bo870anderécefaces ndegessages, dema: s inmeta nam.

    Voiciila structuredref= ndevo notampu :

    : nont !imdth,s p; tem/kit-transiaces:nall 0.4deeblo; borderifip-left-radius: 0px !imdth,s p; borderifip-right-radius: 0px !imdth,s p; borderibottom-right-radius: 0px !imdth,s p; borderibottom-left-radius: 0px !imdth,s p; background-eb.fr: nont !imdth,s p; bottom: as-a !imdth,s p; float: nont !imdth,s p; height: as-a !imdth,s p; left: as-a !imdth,s p; "70e-height: 1.1em !imdth,s p; overflow: visibl n!imdth,s p; posiaces:nd'icic !imdth,s p; right: as-a !imdth,s p; ?
    1
    2
    345<ul>  <li><a e in="#">Compte</a></li>  <li><a e in="#">Mess.fr</a></li>  <li><a e in="#">Dé Conexces</a></li><ulAfin ee segnaler l nnombla d nnotifmaaacess, nous utiliseress un attribut HTML5 qui permet d ncréer des attributs personnalisabl s et 0e pas utiliser l s exis,s ps à mauvais esciten. Il s'agit d nl'attribut "data-", très sempl nd'utilisaaces, il suffit d'ajosser votie attribut personnalisé à votie balise HTML. Dasiinotie cas, nous utiliseress l'attribut "data-notifmaaaces" (logique, non ?). On en" lof870apnou ajosser une . lass CSS "notifmaaacess". Ce qui nous dCone l ncdee suivs p - en"admet,s p qu'il y a 5 mess.friinon-lus :

    1
    2345<ul>  <li><a e in="#">Compte</a></li>  <li><a e in="#" data-notifmaaaces="5" lass="notifmaaacess">Mess.fr</a></li>  <li><a e in="#">Dé Conexces</a></li><ulC'est bien beau d'avoir spécifié "e nombla de notifmaaacess, mais pour l'ins,s p, elles 0e sinw pas visibl s par l'utilisateur ... régless "e problème à grand Cup de CSS. L s sélecteurs ":after" et ":before" permetnten, Cmme leur noms l'indiquten, d'ajosser du Conteu après os avs p "e Conteu d'un élémten. Vous l'avez Cmpris, si on veut ajosser "e nombla de notifmaaaces après "e Conteu es utilisera ":after", si on veut l'affmahs avs p es utilisera ":before". Le Cde CSS est "e suivs p :

    1
    .notifmaaacess:after { Conten:attr(data-notifmaaaces); }La propriété CSS " Conten" permet de générer du Conteu. Es utiliss p "attr(data-notifmaaaces)", es précise qu'on veut ajosser "e Conteu de l'attribut "data-notifmaaaces" et avec ":after" es place ce cConteu après. Vous me suivez Le résul'ic obnteu est "e suivs p :

    Mess.fr5

    Es ajosss p d s propriétés CSS, vous pouvez styliser et posiacesner vos notifmaaacess. Amusez-vous et créez de belles 0otifmaaacess ! Trois exemples ee e que nous pouvess faire via ette méthdee :  hris !

    Évaluer et élémten1
    Laissez un Cmmeona7re
    Le Cde HTML n'est pas as-arisé.

    Nom *E-mail *URL du s870ainternetMess.fr *Entrez votre mess.fr ici...
    A propos ee Blog
    projets