le blog gfxdev

Schémas (02)

Divers

Par Morgan

http://www.bwoup.com/taf/ob/divers/overblog2.jpghttp://www.bwoup.com/taf/ob/divers/blogrank2.jpghttp://www.bwoup.com/taf/ob/divers/droitsdauteur2.jpg http://www.bwoup.com/taf/ob/divers/communautes2.jpg http://www.bwoup.com/taf/ob/divers/portail2.jpg Avec...

Lire la suite

Schémas (01)

Divers

Par Morgan

http://www.bwoup.com/taf/ob/divers/overblog.jpghttp://www.bwoup.com/taf/ob/divers/blogrank.jpghttp://www.bwoup.com/taf/ob/divers/droitsdauteur.jpg http://www.bwoup.com/taf/ob/divers/communautes.jpg http://www.bwoup.com/taf/ob/divers/portail.jpg Certains...

Lire la suite

Maquette (46)

Maquette graphique

Par Morgan

Pour Hadrien : http://www.bwoup.com/taf/ob/maquette_graphique/myob-publier.htmlItem locké de 2eme nav d'admin (3eme nav)css ajoutées dans ob-ctn_admin.css :.admin_rubnav_item-locked.admin_rubnav_item_left-locked.admin_rubnav_item_right-locked.admin_r...

Lire la suite

Maquette (45)

Maquette graphique

Par Morgan

Pas fini : http://www.bwoup.com/taf/ob/maquette_graphique/blogs/index.htmlmaquette du blog about.over-blog.com, en cours de dev Pour Hadrien : http://www.bwoup.com/taf/ob/maquette_graphique/gfx/p_avatar_photo_40x40.gif Pour Yann : http://www.bwoup.com/taf/ob/maquette_graphique/contact-popup.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/contact_abus-popup.html...

Lire la suite

Maquette (44)

Maquette graphique

Par Morgan

Pour Yann : Forumhttp://www.bwoup.com/taf/ob/maquette_graphique/forum.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/forum_rubrique.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/forum_rubrique_thread.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-aide.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-aide_forum.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-aide_forum_thread.htmlob-ctn_searchresults.css...

Lire la suite

Maquette (43)

Maquette graphique

Par Morgan

Pour Julien : Inscription Pack Premiumhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-packpremium_inscription.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-packpremium_inscription_etape1.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-packpremium_inscription_etape2.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-packpremium_inscription_etape3.htmlob-zonepromo.css...

Lire la suite

Maquette (42)

Maquette graphique

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*...

Lire la suite

Maquette (41)

Maquette graphique

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 class="common-ads-container half_page inread"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_8db633b"></div> </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> <div class="Pagination"> <div class="ob-pagination"> <a href="/" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/page/7" class="ob-page ob-page-link ob-page-previous" ><</a> <a href="/" class="ob-page ob-page-link " >1</a> <a href="/page/2" class="ob-page ob-page-link " >2</a> <a href="/page/3" class="ob-page ob-page-link " >3</a> <a href="/page/4" class="ob-page ob-page-link " >4</a> <a href="/page/5" class="ob-page ob-page-link " >5</a> <a href="/page/6" class="ob-page ob-page-link " >6</a> <a href="/page/7" class="ob-page ob-page-link " >7</a> <span class="ob-page ob-page-current " >8</span> <a href="/page/9" class="ob-page ob-page-link " >9</a> <a href="/page/10" class="ob-page ob-page-link ob-page-tens" >10</a> <a href="/page/9" class="ob-page ob-page-link ob-page-next" >></a> <a href="/page/17" class="ob-page ob-page-link ob-page-last" >>></a> </div> </div> </div> <!-- **************************** --> <!-- ***** Sidebar ***** --> <!-- **************************** --> <aside class="Sidebar"> <!-- ***************** Sidebar: newsletter ********************* --> <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> <!-- ***************** Sidebar: Ads ***************** --> <div class="Sidebar-widget common-ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_c9d43b9"></div> </div> <!-- ***************** Sidebar: Tags ***************** --> <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> <!-- ***************** Sidebar: Pages ***************** --> <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> <!-- ***************** Sidebar: About ***************** --> <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> <!-- ***************** Sidebar: Follow ***************** --> <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> <!-- ****************** Sidebar: Biography ****************** --> <!-- ********************** Sidebar: Twitter Hub ********************** --> <!-- ********************** Sidebar: Facebook Hub ********************** --> <!-- ********************** Sidebar: Flickr Hub ********************** --> <!-- *********************** Sidebar: Free Module #1 *********************** --> <!-- *********************** Sidebar: Free Module #2 *********************** --> <!-- ***************** Sidebar: Ads #2 ***************** --> <div class="Sidebar-widget common-ads-container half_page" data-order="4"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_0196adf"></div> </div> </aside> </div> <!-- **************************** --> <!-- ***** Footer ***** --> <!-- **************************** --> <!-- Footer --> <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> <!-- jQuery onReady --> <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> <!-- Ad footer --> <div id="_607b7ea"></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="_42e9841"></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>