le blog gfxdev

Maquette (42)

Maquette graphique

25.10.2006 …

Par Morgan

Pour Hadrien : http://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_fondtextarea_noedit.gifhttp://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_tabnav_item.gifhttp://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_tabnav_item_select.gif*reload*...

Maquette (41)

Maquette graphique

23.10.2006 …

Par Morgan

Pour Hadrien : - fond de du css non éditable http://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_fondtextarea_noedit.gif - tabs de sub-sub nav d'admin 100x20px, normal & sélectionnéhttp://www.bwoup.com/taf/ob/maquette_graphique/gfx/ad... </p> <a href="https://gfxdev.over-blog.com/article-4280569.html" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://gfxdev.over-blog.com/article-4280569.html&t=Maquette (41)" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://gfxdev.over-blog.com/article-4280569.html&related=twitterapi%2Ctwitter&hashtags=Maquette graphique &text=Maquette (41)&lang=fr" data-text="Maquette (41)" data-url="https://gfxdev.over-blog.com/article-4280569.html" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/63669480" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://gfxdev.over-blog.com/article-4234114.html" title="En savoir plus : Cartes de Visite (01)"> Cartes de Visite (01) </a> </h2> <span class="Post-tags"> <a class="Post-tag" href="/tag/identite%20visuelle/" title="Identité visuelle">Identité visuelle</a> </span> <div class="Post-meta-container"> <span class="Post-date"> 20.10.2006 </span> <span class="Post-comments"> <span id="comment-count-63669417">…</span><script> ob.commentCount(document.querySelector("#comment-count-63669417"), { resource: "https://gfxdev.over-blog.com/api/comment-count/63669417", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par Morgan </p> <p class="Post-snippet"> Bonjour !Voici les premières propositions de modèle de carte de visite, déviée du design du site même :http://www.bwoup.com/taf/ob/identite_graphique/cdv/ob-cdv-h_a.jpghttp://www.bwoup.com/taf/ob/identite_graphique/cdv/ob-cdv-h_b.jpghttp://www.bwoup.com/taf/ob/identite_graphique/cdv/ob-cdv-v_a.jpghttp://www.bwoup.com/taf/ob/identite_graphique/cdv/ob-cdv-v_b.jpg... </p> <a href="https://gfxdev.over-blog.com/article-4234114.html" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://gfxdev.over-blog.com/article-4234114.html&t=Cartes de Visite (01)" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://gfxdev.over-blog.com/article-4234114.html&related=twitterapi%2Ctwitter&hashtags=Identité visuelle &text=Cartes de Visite (01)&lang=fr" data-text="Cartes de Visite (01)" data-url="https://gfxdev.over-blog.com/article-4234114.html" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/63669417" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://gfxdev.over-blog.com/article-4209427.html" title="En savoir plus : Maquette (40)"> Maquette (40) </a> </h2> <span class="Post-tags"> <a class="Post-tag" href="/tag/maquette%20graphique/" title="Maquette graphique">Maquette graphique</a> </span> <div class="Post-meta-container"> <span class="Post-date"> 18.10.2006 </span> <span class="Post-comments"> <span id="comment-count-63669479">…</span><script> ob.commentCount(document.querySelector("#comment-count-63669479"), { resource: "https://gfxdev.over-blog.com/api/comment-count/63669479", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par Morgan </p> <p class="Post-snippet"> Pour Xabi, voici le modèle de facture prète à imprimer :http://bwoup.com/taf/ob/maquette_graphique/facture.html </p> <a href="https://gfxdev.over-blog.com/article-4209427.html" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://gfxdev.over-blog.com/article-4209427.html&t=Maquette (40)" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://gfxdev.over-blog.com/article-4209427.html&related=twitterapi%2Ctwitter&hashtags=Maquette graphique &text=Maquette (40)&lang=fr" data-text="Maquette (40)" data-url="https://gfxdev.over-blog.com/article-4209427.html" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/63669479" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> <div class="common-ads-container half_page inread"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_5a88ac4"></div> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://gfxdev.over-blog.com/article-4196692.html" title="En savoir plus : Maquette (39)"> Maquette (39) </a> </h2> <span class="Post-tags"> <a class="Post-tag" href="/tag/maquette%20graphique/" title="Maquette graphique">Maquette graphique</a> </span> <div class="Post-meta-container"> <span class="Post-date"> 17.10.2006 </span> <span class="Post-comments"> <span id="comment-count-63669478">…</span><script> ob.commentCount(document.querySelector("#comment-count-63669478"), { resource: "https://gfxdev.over-blog.com/api/comment-count/63669478", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par Morgan </p> <p class="Post-snippet"> Page de profil public : http://www.bwoup.com/taf/ob/maquette_graphique/profil.html Partenariats : http://www.bwoup.com/taf/ob/maquette_graphique/myob-stats_partenariat_inscription.html http://www.bwoup.com/taf/ob/maquette_graphique/myob-stats_partenariat.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-stats_partenariat_statistiques.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-stats_partenariat_paiements.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-stats_partenariat_configuration.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-stats_partenariat_faq.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-stats_partenariat_contrat.html... </p> <a href="https://gfxdev.over-blog.com/article-4196692.html" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://gfxdev.over-blog.com/article-4196692.html&t=Maquette (39)" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://gfxdev.over-blog.com/article-4196692.html&related=twitterapi%2Ctwitter&hashtags=Maquette graphique &text=Maquette (39)&lang=fr" data-text="Maquette (39)" data-url="https://gfxdev.over-blog.com/article-4196692.html" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/63669478" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://gfxdev.over-blog.com/article-4160505.html" title="En savoir plus : Maquette (38)"> Maquette (38) </a> </h2> <span class="Post-tags"> <a class="Post-tag" href="/tag/maquette%20graphique/" title="Maquette graphique">Maquette graphique</a> </span> <div class="Post-meta-container"> <span class="Post-date"> 14.10.2006 </span> <span class="Post-comments"> <span id="comment-count-63669477">…</span><script> ob.commentCount(document.querySelector("#comment-count-63669477"), { resource: "https://gfxdev.over-blog.com/api/comment-count/63669477", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par Morgan </p> <p class="Post-snippet"> Changelog :- pictos RANKS (quelles taille de pictos faut-il ?)http://www.bwoup.com/taf/ob/ranks_planchepictos.jpg - boutons V & X pour liste de type articles(si ceux là ne te conviennent pas Hadrien, merci de me spécifier la signification exacte et je... </p> <a href="https://gfxdev.over-blog.com/article-4160505.html" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://gfxdev.over-blog.com/article-4160505.html&t=Maquette (38)" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://gfxdev.over-blog.com/article-4160505.html&related=twitterapi%2Ctwitter&hashtags=Maquette graphique &text=Maquette (38)&lang=fr" data-text="Maquette (38)" data-url="https://gfxdev.over-blog.com/article-4160505.html" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/63669477" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://gfxdev.over-blog.com/article-4148942.html" title="En savoir plus : Maquette (37)"> Maquette (37) </a> </h2> <span class="Post-tags"> <a class="Post-tag" href="/tag/maquette%20graphique/" title="Maquette graphique">Maquette graphique</a> </span> <div class="Post-meta-container"> <span class="Post-date"> 13.10.2006 </span> <span class="Post-comments"> <span id="comment-count-63669476">…</span><script> ob.commentCount(document.querySelector("#comment-count-63669476"), { resource: "https://gfxdev.over-blog.com/api/comment-count/63669476", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par Morgan </p> <p class="Post-snippet"> Changelog : - catégories : boutons monter et descendre (ob-ctn_admin.css + html)http://www.bwoup.com/taf/ob/maquette_graphique/myob-publier_categories.html - admin/fichiers/uploaderhttp://bwoup.com/taf/ob/maquette_graphique/myob-fichiers_uploader.html... </p> <a href="https://gfxdev.over-blog.com/article-4148942.html" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://gfxdev.over-blog.com/article-4148942.html&t=Maquette (37)" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://gfxdev.over-blog.com/article-4148942.html&related=twitterapi%2Ctwitter&hashtags=Maquette graphique &text=Maquette (37)&lang=fr" data-text="Maquette (37)" data-url="https://gfxdev.over-blog.com/article-4148942.html" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/63669476" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://gfxdev.over-blog.com/article-4137131.html" title="En savoir plus : Maquette (36)"> Maquette (36) </a> </h2> <span class="Post-tags"> <a class="Post-tag" href="/tag/maquette%20graphique/" title="Maquette graphique">Maquette graphique</a> </span> <div class="Post-meta-container"> <span class="Post-date"> 12.10.2006 </span> <span class="Post-comments"> <span id="comment-count-63669475">…</span><script> ob.commentCount(document.querySelector("#comment-count-63669475"), { resource: "https://gfxdev.over-blog.com/api/comment-count/63669475", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par Morgan </p> <p class="Post-snippet"> Changelog : - "rescénarisation" du p_loading + version fond noirhttp://www.bwoup.com/taf/ob/maquette_graphique/gfx/p_loading_anim.gifhttp://www.bwoup.com/taf/ob/maquette_graphique/gfx/p_loading_animblack.gif - retouches page d'inscription (+css) + création... </p> <a href="https://gfxdev.over-blog.com/article-4137131.html" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://gfxdev.over-blog.com/article-4137131.html&t=Maquette (36)" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://gfxdev.over-blog.com/article-4137131.html&related=twitterapi%2Ctwitter&hashtags=Maquette graphique &text=Maquette (36)&lang=fr" data-text="Maquette (36)" data-url="https://gfxdev.over-blog.com/article-4137131.html" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/63669475" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> <div class="common-ads-container half_page inread"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_17ee494"></div> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://gfxdev.over-blog.com/article-4125259.html" title="En savoir plus : Maquette (35)"> Maquette (35) </a> </h2> <span class="Post-tags"> <a class="Post-tag" href="/tag/maquette%20graphique/" title="Maquette graphique">Maquette graphique</a> </span> <div class="Post-meta-container"> <span class="Post-date"> 11.10.2006 </span> <span class="Post-comments"> <span id="comment-count-63669474">…</span><script> ob.commentCount(document.querySelector("#comment-count-63669474"), { resource: "https://gfxdev.over-blog.com/api/comment-count/63669474", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par Morgan </p> <p class="Post-snippet"> Changelog :Admin :- Gif animé de loadinghttp://www.bwoup.com/taf/ob/maquette_graphique/gfx/p_loading_anim.gif - Effet module-hover sur zone vide -> CSS : admin_ctn_config_module-pastehttp://www.bwoup.com/taf/ob/maquette_graphique/myob-configurer_allmodules.html... </p> <a href="https://gfxdev.over-blog.com/article-4125259.html" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://gfxdev.over-blog.com/article-4125259.html&t=Maquette (35)" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://gfxdev.over-blog.com/article-4125259.html&related=twitterapi%2Ctwitter&hashtags=Maquette graphique &text=Maquette (35)&lang=fr" data-text="Maquette (35)" data-url="https://gfxdev.over-blog.com/article-4125259.html" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/63669474" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://gfxdev.over-blog.com/article-4114046.html" title="En savoir plus : Maquette (34)"> Maquette (34) </a> </h2> <span class="Post-tags"> <a class="Post-tag" href="/tag/maquette%20graphique/" title="Maquette graphique">Maquette graphique</a> </span> <div class="Post-meta-container"> <span class="Post-date"> 10.10.2006 </span> <span class="Post-comments"> <span id="comment-count-63669473">…</span><script> ob.commentCount(document.querySelector("#comment-count-63669473"), { resource: "https://gfxdev.over-blog.com/api/comment-count/63669473", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par Morgan </p> <p class="Post-snippet"> Petite update :- MyOB home : boutons minimize & maximize pour les boites (ancienne request d'hadrien)(http://www.bwoup.com/taf/ob/maquette_graphique/myob.html)- MyOB configurer : icones de représentation de la structure du blog refaites en 100x100 + versions... </p> <a href="https://gfxdev.over-blog.com/article-4114046.html" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://gfxdev.over-blog.com/article-4114046.html&t=Maquette (34)" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://gfxdev.over-blog.com/article-4114046.html&related=twitterapi%2Ctwitter&hashtags=Maquette graphique &text=Maquette (34)&lang=fr" data-text="Maquette (34)" data-url="https://gfxdev.over-blog.com/article-4114046.html" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/63669473" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Pagination"> <div class="ob-pagination"> <span class="ob-page ob-page-current " >1</span> <a href="/archive/2006-10/2" class="ob-page ob-page-link " >2</a> <a href="/archive/2006-10/2" class="ob-page ob-page-link ob-page-next" >></a> <a href="/archive/2006-10/2" class="ob-page ob-page-link ob-page-last" >>></a> </div> </div> </div>    <aside class="Sidebar">  <div class="Sidebar-widget" data-order="2"> <div class="Sidebar-about SidebarSubscribe"> <div class="ob-h3 Sidebar-title"> Newsletter </div> <form class="Sidebar-form" action="/mail/subscribe?utm_source=_ob_abo_newsletter&utm_medium=_ob_sidebar" method="post"> <input class="ob-input SidebarForm-input" type="email" name="email" placeholder="Saisissez votre email ici" required="required" /> <input class="ob-input ob-input-submit SidebarForm-submit" type="submit" value="S'abonner" /> </form> </div> </div>  <div class="Sidebar-widget common-ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_381449a"></div> </div>  <div class="Sidebar-widget" data-order="16"> <div class="ob-h3 Sidebar-title"> Catégories </div> <ul class="Sidebar-list"> <li > <a href="/tag/maquette%20graphique/"> <span style="text-transform: capitalize;">Maquette graphique</span> (64) </a> </li> <li > <a href="/tag/identite%20visuelle/"> <span style="text-transform: capitalize;">Identité visuelle</span> (33) </a> </li> <li > <a href="/tag/blogs%20%28templates%29/"> <span style="text-transform: capitalize;">Blogs (templates)</span> (25) </a> </li> <li > <a href="/tag/cocons%20publics/"> <span style="text-transform: capitalize;">Cocons publics</span> (8) </a> </li> <li > <a href="/tag/chrono-shopping/"> <span style="text-transform: capitalize;">Chrono-shopping</span> (7) </a> </li> </ul> </div>  <div class="Sidebar-widget" data-order="15"> <div class="ob-h3 Sidebar-title"> Pages </div> <ul class="Sidebar-list"> <li><a href='https://gfxdev.over-blog.com/links.html'>Links</a></li> </ul> </div>  <div class="Sidebar-widget Sidebar-about SidebarAbout" data-order="3"> <div class="ob-h3 Sidebar-title"> le blog gfxdev </div> <p class="SidebarAbout-description"> <br>Voir le profil de <a href="https://www.over-blog.com/user/1438058.html" target="_blank">Morgan</a> sur le portail Overblog </p> </div>  <div class="Sidebar-widget" data-order="5"> <div class="ob-h3 Sidebar-title"> Suivez-moi </div> <ul class="Sidebar-follow SidebarFollow"> <li class="SidebarFollow-element"> <a class="SidebarFollow-elementLink SidebarFollow-elementLink--rss" href="/rss" target="_blank"> <span class="fa fa-fw fa-rss"></span> </a> </li> </ul> </div>        <div class="Sidebar-widget common-ads-container half_page" data-order="4"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_5835104"></div> </div> </aside> </div>     <div class="Footer"> <p class="Footer-content"> Eclipse Next 2019 - Hébergé par <a href="https://www.over-blog.com" target="_bank">Overblog</a> </p> </div>  <script type="text/javascript"> jQuery(document).ready(function() { /* Menu */ $(".Nav-menuButton").click(function(){ if($(".Nav-menu").hasClass("Nav-menu--open")) { $(".Nav-menu").removeClass("Nav-menu--open"); } else { $(".Nav-menu").addClass("Nav-menu--open"); } }); /* Search */ $(".NavSearch-icon").click(function(){ if($(".NavSearch").hasClass("NavSearch--open")) { if($(".NavSearch-input").val().length === 0) { $(".NavSearch").removeClass("NavSearch--open"); } else { $(".NavSearch-form").submit(); } } else { $(".NavSearch").addClass("NavSearch--open"); } }); /* Fancybox */ $(".ob-link-img, .author-avatar, .blog-avatar, .asset-img-link, .avatar").attr("rel", "fancybox"); $("a[rel=fancybox]").fancybox({ 'overlayShow' : true, 'transitionIn' : 'fadin', 'transitionOut' : 'fadin', 'type' : 'image' }); window.addEventListener("resize", function() { if (window.innerWidth > 970) { $(".menu-main").removeClass("menu-main--open"); } }) }); </script> <script async defer> function createDropdownTrigger() { var trigger = document.createElement("span") trigger.classList.add("trigger") return trigger } function addTriggers() { var elementsToTriggers = document.querySelectorAll(".menu_level_1 > .branch > span, .menu_level_1 > .branch > a") elementsToTriggers.forEach(function(elementToTrigger) { elementToTrigger.insertAdjacentElement("afterend", createDropdownTrigger()) }) } function triggerLevelHidden() { var lastMenuLevelElements = document.querySelectorAll(".menu_level_0") if (lastMenuLevelElements[0]) { lastMenuLevelElements.forEach(function(lastMenuLevelElement) { if (window.innerWidth <= 970) { lastMenuLevelElement.classList.add("level_hidden") } else { lastMenuLevelElement.classList.remove("level_hidden") } }) } } function handleDropdown() { var triggers = document.querySelectorAll(".trigger") var openSection = null; triggers.forEach(function(trigger) { trigger.addEventListener("click", function(e) { var menuLevel0 = e.target.nextElementSibling if (menuLevel0.style.maxHeight) { menuLevel0.style.maxHeight = null trigger.style.transform = "rotate(-45deg)" openSection = null; } else { if (openSection) { openSection.style.maxHeight = null; openSection.previousElementSibling.style.transform = "rotate(-45deg)"; } menuLevel0.style.maxHeight = menuLevel0.scrollHeight + "px" trigger.style.transform = "rotate(45deg)" openSection = menuLevel0; } }) }) } (function init() { addTriggers() triggerLevelHidden() handleDropdown() })() window.addEventListener("resize", function(e) { triggerLevelHidden() }) </script>  <div id="_85c2971"></div> <div class="ob-footer ob-footer-padded" id="legals" > <ul> <li class="ob-footer-item">Voir le profil de <a href="https://www.over-blog.com/user/1438058.html" target="_blank">Morgan</a> sur le portail Overblog</li> <li class="ob-footer-item"><a href="https://www.over-blog.com/" target="_blank">Créer un blog gratuit sur Overblog</a></li> <li class="ob-footer-item"><a href="/top">Top articles</a></li> <li class="ob-footer-item"><a href="/contact">Contact</a></li> <li class="ob-footer-item"><a href="https://www.over-blog.com/abuse/1540287"> Signaler un abus </a></li> <li class="ob-footer-item"><a href="https://www.over-blog.com/terms-of-use" target="_blank">C.G.U.</a></li> <li class="ob-footer-item"><a href="https://www.over-blog.com/features/earn-money.html" target="_blank">Rémunération en droits d'auteur</a></li> <li class="ob-footer-item"><a href="https://www.over-blog.com/features/premium.html" target="_blank">Offre Premium</a></li> <li class="ob-footer-item"><a href="https://www.over-blog.com/cookies" target="_blank">Cookies et données personnelles</a></li> <li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li> </ul> </div> <div style="display: flex; justify-content: center;"> <div id="ob-audion-wrapper" style="width: 940px; height: 450px;"></div> </div> <script> function getRandomElement(arr) { return arr[Math.floor(Math.random() * arr.length)]; } //const autoplay = Math.random() <= 0.2 ? '1' : '0'; // autoplay sur 20% // disabled autoplay for now const autoplay = '0'; const podcastIDs = [ '6f34fdd7-7f2b-452b-beac-05d196517c4d', '1670a989-995f-483d-90f5-67a6eb8f4f34', '5a061760-a177-4292-b471-493e903cc9ce' ]; const selectedPodcastID = getRandomElement(podcastIDs); const scriptElement = document.createElement('script'); scriptElement.id = 'audion360-podcast-player-init'; scriptElement.dataset.type = 'playlist'; scriptElement.dataset.pid = selectedPodcastID; scriptElement.dataset.l = 'fr-fr'; scriptElement.dataset.autoplay = autoplay; scriptElement.dataset.mute = autoplay; scriptElement.dataset.theme = 'alternate'; scriptElement.src = 'https://podcast-player-js.360.audion.fm/latest/player.js'; document.getElementById('ob-audion-wrapper').appendChild(scriptElement); </script> <div id="_71ff2fe"></div> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', "GTM-WG3SK3P"); </script> <script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.03/obfuscated_link.4b3f12e9.js"></script> </body> </html>