Articles populaires – le blog gfxdev

Maquette (52)

10 décembre 2006 ( #Maquette graphique )

Suite à la demande de Yann, j'ai effectué la création de pictos et de classes pour des boites :erreur, ok, important, information. Répercussion :http://www.bwoup.com/taf/ob/maquette_graphique/myob-publier.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/inscription.html+...

Maquette (50)

02 décembre 2006 ( #Maquette graphique )

Des modifs & ajouts : http://bwoup.com/taf/ob/maquette_graphique/myob-configurer.html - "Ajouter un symbole vert dans les modules de la marge de gauche pour signifier la possiblité de les drag&drop à droite." -> modif ob-ctn_admin.css -> admin_zone_m_nav_moduleint...

Maquette (51)

05 décembre 2006 ( #Maquette graphique )

Suite à une demande de Céline, voici les petits ajustements pour la nouvelle page de profil dans l'admin :http://bwoup.com/taf/ob/maquette_graphique/myob-profil2.html 3 nouvelles classes en fin de fichier : ob-zonepromo.css -> ctn_z_promofullbox_mid_table_hsep-top...

Maquette (48)

15 novembre 2006 ( #Maquette graphique )

Pour Yann : http://bwoup.com/taf/ob/maquette_graphique/myob-communaute_creation.htmlhttp://bwoup.com/taf/ob/maquette_graphique/myob-communaute_rejoindre.html ob-zonepromo.css : classes ajoutées à partir de ".admin_ctn_z_promofullbox" About : http://bwoup.com/taf/ob/maquette_graphique/blogs/index.htmlhttp://bwoup.com/taf/ob/maquette_graphique/blogs/article.htmlhttp://bwoup.com/taf/ob/maquette_graphique/blogs/album.htmlhttp://bwoup.com/taf/ob/maquette_graphique/blogs/photo.html...

Maquette (47)

14 novembre 2006 ( #Maquette graphique )

About.over-blog : http://www.bwoup.com/taf/ob/maquette_graphique/blogs/index.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/blogs/article.htmlEn cours de dev, réadapté aux specs 260. Pour Xabi : http://www.bwoup.com/taf/ob/maquette_graphique/contact_abus-popup.htmlSi...

Maquette (45)

08 novembre 2006 ( #Maquette graphique )

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

Maquette (44)

03 novembre 2006 ( #Maquette graphique )

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

Maquette (43)

02 novembre 2006 ( #Maquette graphique )

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

Maquette (41)

23 octobre 2006 ( #Maquette graphique )

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> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-4294309.html"> Maquette (42) </a> </h2> <p class="ob-top-meta">25 octobre 2006 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">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*...</p> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-4196692.html"> Maquette (39) </a> </h2> <p class="ob-top-meta">17 octobre 2006 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">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> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-4081816.html"> Maquette (33) </a> </h2> <p class="ob-top-meta">07 octobre 2006 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">J'en ai à priori terminé avec l'admin !"Petit" récapitulatif des pages : http://www.bwoup.com/taf/ob/maquette_graphique/myob.html http://www.bwoup.com/taf/ob/maquette_graphique/myob-configurer.html http://www.bwoup.com/taf/ob/maquette_graphique/myob-configurer_allmodules.html...</p> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-4160505.html"> Maquette (38) </a> </h2> <p class="ob-top-meta">14 octobre 2006 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">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> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-4125259.html"> Maquette (35) </a> </h2> <p class="ob-top-meta">11 octobre 2006 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">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> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-4114046.html"> Maquette (34) </a> </h2> <p class="ob-top-meta">10 octobre 2006 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">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> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-4137131.html"> Maquette (36) </a> </h2> <p class="ob-top-meta">12 octobre 2006 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">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> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-4148942.html"> Maquette (37) </a> </h2> <p class="ob-top-meta">13 octobre 2006 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">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> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-4061073.html"> Maquette (31) </a> </h2> <p class="ob-top-meta">05 octobre 2006 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">http://www.bwoup.com/taf/ob/maquette_graphique/myob-publier.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-publier_ajouterunarticle.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-publier_categories.html http://www.bwoup.com/taf/ob/maquette_graphique/myob-fichiers.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/myob-fichiers_documents.html(il...</p> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-4027520.html"> Maquette (28) </a> </h2> <p class="ob-top-meta">02 octobre 2006 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">Après ce weekend productif, voici les modifs : http://www.bwoup.com/taf/ob/maquette_graphique/myob-profil.htmlhttp://www.bwoup.com/taf/ob/maquette_graphique/dialogs+liens.htmlCes deux pages ont un rendu satisfaisant sous Firefox 1.5.0.7.Néanmoins étant...</p> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-4038972.html"> Maquette (29) </a> </h2> <p class="ob-top-meta">03 octobre 2006 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">http://bwoup.com/taf/ob/maquette_graphique/index.html*reload* J'ai quasiment finalisé la home.Il me reste à :- faire l'icone de login- nettoyer le code- valider les en-têtes de partie (actu, commu, annu)- qu'en est-il du contenu central de la zone de...</p> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-6154919.html"> Maquette (62) </a> </h2> <p class="ob-top-meta">25 mars 2007 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">Commit #3912. Il s'agissait de faire des retouches graphiques pour améliorer le contraste, la lisibilité, voir l'existance de certains éléments sur des écrans LCD mal (pas) calibrés. En vrac modifiés :- boite login header- boutons voir mon blog / déco-...</p> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-5298465.html"> Maquette (58) </a> </h2> <p class="ob-top-meta">18 janvier 2007 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">Pour Hadrien : - Loupe pour liste designs de blogs :http://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_designloupe.pnghttp://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_designloupe.gif - Illustrationnettes d'aide d'admin en mode 'locké':au...</p> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-5502366.html"> Maquette (60) </a> </h2> <p class="ob-top-meta">02 février 2007 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">- La page de login rebricolée : http://www.bwoup.com/taf/ob/maquette_graphique/loginplease_2colonnes.htmlnouvelles classes ajoutées dans ob-zonepromo.css (fin de fichier, après /* - POUR NOUVELLE PAGE DE LOGIN - */) - Les icones pour mettre à côté du...</p> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-5311374.html"> Maquette (59) </a> </h2> <p class="ob-top-meta">19 janvier 2007 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">Pour Xabi : Images pour sélection du placement d'une photo illustrant un article. http://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_design_imagearticleposition-default.gifhttp://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_design_imagearticleposition-centertop.gifhttp://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_design_imagearticleposition-left.gifhttp://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_design_imagearticleposition-right.gif...</p> </li> <li class="ob-top-article"> <h2> <a href="https://gfxdev.over-blog.com/article-5809899.html"> Maquette (60) </a> </h2> <p class="ob-top-meta">27 février 2007 ( #<a href="/tag/maquette%20graphique/">Maquette graphique</a> ) </p> <p class="ob-top-summary">Page publique de profil : http://bwoup.com/taf/ob/maquette_graphique/profil2.htmlOn réutilise plein d'éléments déjà existants pour garder la modularité. Bloc de sélection des fichiers css souhaités : http://bwoup.com/taf/ob/maquette_graphique/myob-css.htmlA...</p> </li> </ul> </div> <div class="ob-pagination"> <a href="/top" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/top/2" class="ob-page ob-page-link ob-page-previous" ><</a> <a href="/top" class="ob-page ob-page-link " >1</a> <a href="/top/2" class="ob-page ob-page-link " >2</a> <span class="ob-page ob-page-current " >3</span> <a href="/top/4" class="ob-page ob-page-link " >4</a> <a href="/top/5" class="ob-page ob-page-link " >5</a> <a href="/top/6" class="ob-page ob-page-link " >6</a> <a href="/top/7" class="ob-page ob-page-link " >7</a> <a href="/top/4" class="ob-page ob-page-link ob-page-next" >></a> <a href="/top/7" class="ob-page ob-page-link ob-page-last" >>></a> </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="_7f2d5ba"></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="_d23cc07"></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="_f121b7b"></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="_2229a59"></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>