Suivre ce blog
Administration
Connexion
+
Créer mon blog
Publicité
JoellaDésignBlogs
30 septembre 2008
Fond : St-Valentin 1
Divers entêtes au choix ! Horloge assortie (A mettre dans un gadget sandbox uniquement pour blogs MSN)
</div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 15:40 - <a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10778556.html#ob-comments"><span>Commentaires [<span id="comment-count-24257022">…</span><script> ob.commentCount(document.querySelector("#comment-count-24257022"), { resource: "http://joelladesignblog.canalblog.com/api/comment-count/24257022", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10778556.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/st-valentin/"><span class="article_footer_tag">St-Valentin</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10778556.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10778556.html" data-hashtags="St-Valentin" data-text="Fond : St-Valentin 1" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Fond : St-Valentin 1" data-pin-media="https://storage.canalblog.com/81/01/144645/21224867.gif" data-pin-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10778556.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Fond%20%3A%20St-Valentin%201&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjoelladesignblog.canalblog.com%2Farchives%2F2008%2F09%2F30%2F10778556.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_24257022"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_24257022") printElement.addEventListener("click", function() { ob.printPost("Fond : St-Valentin 1", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: left;\"><table class=\"NOBORDER\" cellspacing=\"1\" cellpadding=\"1\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/56\/41\/144645\/21223115.jpg\" style=\"WIDTH: 100%; HEIGHT: 500px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"5\" cellpadding=\"5\" background=\"https:\/\/storage.canalblog.com\/38\/28\/144645\/21223137.gif\" style=\"WIDTH: 100%; HEIGHT: 500px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"1\" cellpadding=\"1\" background=\"https:\/\/storage.canalblog.com\/56\/41\/144645\/21223115.jpg\" style=\"WIDTH: 100%; HEIGHT: 500px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"20\" cellpadding=\"20\" background=\"https:\/\/storage.canalblog.com\/71\/72\/144645\/21223128.jpg\" style=\"WIDTH: 100%; HEIGHT: 500px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"1\" cellpadding=\"1\" background=\"https:\/\/storage.canalblog.com\/56\/41\/144645\/21223115.jpg\" style=\"WIDTH: 100%; HEIGHT: 500px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"2\" cellpadding=\"2\" background=\"https:\/\/storage.canalblog.com\/71\/72\/144645\/21223128.jpg\" style=\"WIDTH: 100%; HEIGHT: 500px;\"><tbody><tr><td><p style=\"text-align: center;\"><font color=\"#660000\"><img height=\"62\" alt=\"barre\" src=\"https:\/\/storage.canalblog.com\/81\/01\/144645\/21224867.gif\" width=\"228\" border=\"0\" \/><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><font color=\"#660000\" size=\"3\">Divers ent\u00eates au choix !<\/font><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#660000\"><img height=\"450\" alt=\"Entete_sign_\" src=\"https:\/\/storage.canalblog.com\/31\/35\/144645\/21223173.jpg\" width=\"300\" border=\"0\" \/> <img height=\"450\" alt=\"Entete_sign__jetaime\" src=\"https:\/\/storage.canalblog.com\/50\/52\/144645\/21223178.jpg\" width=\"300\" border=\"0\" \/><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#660000\"><img height=\"450\" alt=\"Entete_sign__joyeuxstval1\" src=\"https:\/\/storage.canalblog.com\/24\/00\/144645\/21223188.jpg\" width=\"300\" border=\"0\" \/> <img height=\"450\" alt=\"Entete_sign__joyeuxstval2\" src=\"https:\/\/storage.canalblog.com\/77\/17\/144645\/21223195.jpg\" width=\"300\" border=\"0\" \/><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#660000\"><img height=\"450\" alt=\"entete_anime1\" src=\"https:\/\/storage.canalblog.com\/70\/90\/144645\/21223209.gif\" width=\"300\" border=\"0\" \/> <img height=\"450\" alt=\"entete_anime2\" src=\"https:\/\/storage.canalblog.com\/64\/52\/144645\/21223220.gif\" width=\"300\" border=\"0\" \/><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#660000\"><img height=\"450\" alt=\"entete_anime3\" src=\"https:\/\/storage.canalblog.com\/19\/59\/144645\/21223227.gif\" width=\"300\" border=\"0\" \/> <img height=\"450\" alt=\"entete_anime4\" src=\"https:\/\/storage.canalblog.com\/10\/14\/144645\/21223234.gif\" width=\"300\" border=\"0\" \/><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><font color=\"#660000\" size=\"3\">Horloge assortie (A mettre dans un gadget sandbox uniquement pour blogs MSN)<\/font><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><font color=\"#660000\" size=\"3\"><iframe marginwidth=\"0\" marginheight=\"0\" src=\"https:\/\/storage.canalblog.com\/97\/11\/144645\/21353819.htm\" frameborder=\"0\" width=\"190\" scrolling=\"no\" height=\"303\"> <\/iframe> <textarea><iframe\r\nsrc="https:\/\/storage.canalblog.com\/97\/11\/144645\/21353819.htm" width=190\r\nheight=303 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0\r\nSCROLLING=no><\/iframe>\r\n<\/textarea><\/font><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><font color=\"#660000\" size=\"3\">D\u00e9cors<\/font><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#660000\"><img height=\"62\" alt=\"barre\" src=\"https:\/\/storage.canalblog.com\/81\/01\/144645\/21224867.gif\" width=\"228\" border=\"0\" \/><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#660000\"><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#660000\"><img height=\"118\" alt=\"tube_indiens_mini\" src=\"https:\/\/storage.canalblog.com\/62\/45\/144645\/21224903.png\" width=\"94\" border=\"0\" \/><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#660000\"><img height=\"236\" alt=\"tube_indiens_petit\" src=\"https:\/\/storage.canalblog.com\/49\/92\/144645\/21223828.png\" width=\"187\" border=\"0\" \/><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><img height=\"68\" alt=\"barre2\" src=\"https:\/\/storage.canalblog.com\/10\/75\/144645\/21224878.gif\" width=\"224\" border=\"0\" \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><font color=\"#660000\" size=\"3\">Les fonds utilis\u00e9s pour ce kit<\/font><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#660000\"><img height=\"109\" alt=\"brillant1\" src=\"https:\/\/storage.canalblog.com\/56\/41\/144645\/21223115.jpg\" width=\"36\" border=\"0\" \/> <img height=\"80\" alt=\"Fond1\" src=\"https:\/\/storage.canalblog.com\/71\/72\/144645\/21223128.jpg\" width=\"100\" border=\"0\" \/> <img height=\"80\" alt=\"fond_glit1\" src=\"https:\/\/storage.canalblog.com\/38\/28\/144645\/21223137.gif\" width=\"100\" border=\"0\" \/> <img height=\"109\" alt=\"fond_glit3\" src=\"https:\/\/storage.canalblog.com\/52\/99\/144645\/21223151.gif\" width=\"36\" border=\"0\" \/><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><font color=\"#660000\" size=\"3\">Mon logo ci-dessous que je vous demande de mettre en bas de page avec le lien vers mon blog (Le lien est deja integre dans le logo). Merci.<\/font><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/joella.le-site.info\/\"><font color=\"#660000\"><img height=\"150\" alt=\"logo1\" src=\"https:\/\/storage.canalblog.com\/62\/35\/144645\/21223812.gif\" width=\"225\" border=\"0\" \/><\/font><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"https:\/\/storage.canalblog.com\/79\/27\/512558\/30702374.html\"><font color=\"#000000\"><strong>Cliquez ici afin d'obtenir le code \u00e0 ins\u00e9rer en Mode HTML dans votre message ou billet<\/strong><\/font><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><font color=\"#660000\" size=\"4\"><\/font><\/strong><\/p><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-24257022" > <label class="stars-view stars-view-5-24257022 " for="rating-5-24257022" onclick="handleRate(24257022, 5, 0, 'stars-view-5-24257022', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-24257022" > <label class="stars-view stars-view-4-24257022 " for="rating-4-24257022" onclick="handleRate(24257022, 4, 0, 'stars-view-4-24257022', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-24257022" > <label class="stars-view stars-view-3-24257022 " for="rating-3-24257022" onclick="handleRate(24257022, 3, 0, 'stars-view-3-24257022', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-24257022" > <label class="stars-view stars-view-2-24257022 " for="rating-2-24257022" onclick="handleRate(24257022, 2, 0, 'stars-view-2-24257022', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-24257022" > <label class="stars-view stars-view-1-24257022 " for="rating-1-24257022" onclick="handleRate(24257022, 1, 0, 'stars-view-1-24257022', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-24257022"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_42c3897"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_9ee0055"></div> </div> </div> <div class="article article_24257008"> <div class="date-header">30 septembre 2008</div> <a class="article_link" href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771767.html"> <h2 class="article_title title">Fond : Anniversaire 1 avec musique (Ne fonctionne pas sur msn)</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/t1pAJry7SzG1cPq_mKVzS6xDMkc=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F66%2F58%2F144645%2F6942711.gif" alt="Fond : Anniversaire 1 avec musique (Ne fonctionne pas sur msn)"/> </div> <div class="article_snippet"> Joyeux anniversaire En musique (cliquez sur play) ! Le code a inserer en Mode HTML dans votre message ou billet : <p><table cellspacing="20" bordercolordark="#330099" cellpadding="20" width="100%" bordercolorlight="#330099" background=" https://storage.canalblog.com/85/05/144645/5760676.gif... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 13:02 - <a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771767.html#ob-comments"><span>Commentaires [<span id="comment-count-24257008">…</span><script> ob.commentCount(document.querySelector("#comment-count-24257008"), { resource: "http://joelladesignblog.canalblog.com/api/comment-count/24257008", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771767.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/anniversaire/"><span class="article_footer_tag">Anniversaire</span></a>, <a href="/tag/fetes/"><span class="article_footer_tag">fêtes</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771767.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771767.html" data-hashtags="Anniversaire,fêtes" data-text="Fond : Anniversaire 1 avec musique (Ne fonctionne pas sur msn)" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Fond : Anniversaire 1 avec musique (Ne fonctionne pas sur msn)" data-pin-media="https://storage.canalblog.com/66/58/144645/6942711.gif" data-pin-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771767.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Fond%20%3A%20Anniversaire%201%20avec%20musique%20%28Ne%20fonctionne%20pas%20sur%20msn%29&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjoelladesignblog.canalblog.com%2Farchives%2F2008%2F09%2F30%2F10771767.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_24257008"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_24257008") printElement.addEventListener("click", function() { ob.printPost("Fond : Anniversaire 1 avec musique (Ne fonctionne pas sur msn)", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table cellspacing=\"20\" bordercolordark=\"#330099\" cellpadding=\"20\" width=\"100%\" bordercolorlight=\"#330099\" background=\"https:\/\/storage.canalblog.com\/85\/05\/144645\/5760676.gif\" border=\"1\"><tbody><tr><td valign=\"top\" align=\"center\" width=\"100%\" background=\"https:\/\/storage.canalblog.com\/17\/88\/144645\/7578548.jpg\"><font size=\"2\"><font color=\"#b82e00\" size=\"3\"><font size=\"+0\"><font size=\"+0\"><font style=\"FONT-SIZE: 14pt;\"><font color=\"#b82e00\"><font color=\"#cc99ff\"><font color=\"#ff0000\"><font size=\"+0\"><font style=\"FONT-SIZE: 14pt;\"><p style=\"text-align: center;\"><strong><img height=\"91\" alt=\"i102714521_66418\" src=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\" width=\"217\" border=\"0\" \/><img height=\"91\" alt=\"i102714521_66418\" src=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\" width=\"217\" border=\"0\" \/><img height=\"91\" alt=\"i102714521_66418\" src=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\" width=\"217\" border=\"0\" \/><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><img height=\"64\" alt=\"heureux_annif1\" src=\"https:\/\/storage.canalblog.com\/71\/78\/144645\/6942872.gif\" width=\"528\" border=\"0\" style=\"WIDTH: 528px; HEIGHT: 64px;\" \/><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\" size=\"4\"><em><strong>Joyeux anniversaire <\/strong><\/em><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><em><font color=\"#003366\" size=\"4\"><strong>En musique (cliquez sur play) !<\/strong><\/font><\/em><\/p><strong><p style=\"text-align: center;\"><embed src=\"https:\/\/storage.canalblog.com\/81\/60\/144645\/6942596.mid\" width=\"145\" height=\"60\" type=\"audio\/midi\" loop=\"FALSE\" autostart=\"FALSE\"><\/embed> <\/p>\r\n\r\n<p><\/p>\r\n\r\n<p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><img height=\"91\" alt=\"i102714521_66418\" src=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\" width=\"217\" border=\"0\" \/> <img height=\"91\" alt=\"i102714521_66418\" src=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\" width=\"217\" border=\"0\" \/> <img height=\"91\" alt=\"i102714521_66418\" src=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\" width=\"217\" border=\"0\" \/><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><a href=\"http:\/\/joella.le-site.info\/\"><strong><img height=\"70\" alt=\"logo\" src=\"https:\/\/storage.canalblog.com\/95\/43\/179377\/7678453.gif\" width=\"112\" border=\"0\" \/><\/strong><\/a><\/font><\/p>\r\n\r\n<p><\/p><\/strong><\/font><\/font><\/font><strong><font color=\"#ff0000\"><\/font><\/strong><p><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><u><font color=\"#cc0000\" size=\"2\">Le code a inserer en Mode HTML dans votre message ou billet : <\/font><\/u><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><font face=\"times new roman, times, serif\" size=\"2\"><font color=\"#000033\"><p><table cellspacing="20" bordercolordark="#330099" cellpadding="20" width="100%" bordercolorlight="#330099" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/85\/05\/144645\/5760676.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/85\/05\/144645\/5760676.gif<\/font><\/a><font color=\"#000033\">" border="1"><tbody><tr><td valign="top" align="center" width="100%" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/17\/88\/144645\/7578548.jpg%22%3E%3Cfont\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/17\/88\/144645\/7578548.jpg"><font<\/font><\/a><font color=\"#000033\"> size="2"><font color="#b82e00" size="3"><font size="+0"><font size="+0"><font style="FONT-SIZE: 14pt;"><font color="#b82e00"><font color="#cc99ff"><font color="#ff0000"><font size="+0"><font style="FONT-SIZE: 14pt;"><p ><strong><img height="91" alt="i102714521_66418" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif<\/font><\/a><font color=\"#000033\">" width="217" border="0" \/><img height="91" alt="i102714521_66418" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif<\/font><\/a><font color=\"#000033\">" width="217" border="0" \/><img height="91" alt="i102714521_66418" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif<\/font><\/a><font color=\"#000033\">" width="217" border="0" \/><\/strong><\/p><br \/><p ><strong><img height="64" alt="heureux_annif1" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/71\/78\/144645\/6942872.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/71\/78\/144645\/6942872.gif<\/font><\/a><font color=\"#000033\">" width="528" border="0" style="WIDTH: 528px; HEIGHT: 64px;" \/><\/strong><\/p><br \/><p ><font color="#003366" size="4"><em><strong>Joyeux anniversaire <\/strong><\/em><\/font><\/p><br \/><p style="text-align: center;"><em><font color="#003366" size="4"><strong>En musique (cliquez sur play) !<\/strong><\/font><\/em><\/p><strong><p style="text-align: center;"><embed src="<\/font><a href=\"https:\/\/storage.canalblog.com\/81\/60\/144645\/6942596.mid\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/81\/60\/144645\/6942596.mid<\/font><\/a><font color=\"#000033\">" width="145" height="60" type="audio\/midi" loop="FALSE" autostart="FALSE"><\/embed> <\/p><br \/><p><\/p><br \/><p ><\/p><br \/><p style="text-align: center;"><strong><img height="91" alt="i102714521_66418" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif<\/font><\/a><font color=\"#000033\">" width="217" border="0" \/><br \/><img height="91" alt="i102714521_66418" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif<\/font><\/a><font color=\"#000033\">" width="217" border="0" \/><br \/><img height="91" alt="i102714521_66418" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif<\/font><\/a><font color=\"#000033\">" width="217" border="0" \/><\/strong><\/p><br \/><p ><font color="#003366"><a href="<\/font><a href=\"http:\/\/joella.le-site.info\/%22%3E%3Cstrong%3E%3Cimg\"><font color=\"#000033\">http:\/\/joella.le-site.info\/"><strong><img<\/font><\/a><font color=\"#000033\"> height="70" alt="logo" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/95\/43\/179377\/7678453.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/95\/43\/179377\/7678453.gif<\/font><\/a><font color=\"#000033\">" width="112" border="0" \/><\/strong><\/a><\/font><\/p><br \/><p> <\/p><\/strong><\/font><\/font><\/font><strong><font color="#ff0000"><\/font><\/strong><p><\/p><br \/><p ><strong><u><font color="#cc0000" size="2"><br \/>Le code a inserer en Mode HTML dans votre message ou billet :<br \/><\/font><\/u><\/strong><\/p><br \/><p><\/p><\/font><\/font><\/font><\/font><\/font><\/font><\/font><br \/><\/td><\/tr><\/tbody><\/table><\/p><\/font><\/font><\/p>\r\n\r\n<p><\/p><\/font><\/font><\/font><\/font><\/font><\/font><\/font><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-24257008" > <label class="stars-view stars-view-5-24257008 " for="rating-5-24257008" onclick="handleRate(24257008, 5, 0, 'stars-view-5-24257008', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-24257008" > <label class="stars-view stars-view-4-24257008 " for="rating-4-24257008" onclick="handleRate(24257008, 4, 0, 'stars-view-4-24257008', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-24257008" > <label class="stars-view stars-view-3-24257008 " for="rating-3-24257008" onclick="handleRate(24257008, 3, 0, 'stars-view-3-24257008', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-24257008" > <label class="stars-view stars-view-2-24257008 " for="rating-2-24257008" onclick="handleRate(24257008, 2, 0, 'stars-view-2-24257008', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-24257008" > <label class="stars-view stars-view-1-24257008 " for="rating-1-24257008" onclick="handleRate(24257008, 1, 0, 'stars-view-1-24257008', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-24257008"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_24257006"> <div class="date-header">30 septembre 2008</div> <a class="article_link" href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771558.html"> <h2 class="article_title title">Fond : Anniversaire 2</h2> <div class="article_content"> <div class="article_cover-wrapper"> <img class="article_cover" src="https://image.canalblog.com/iKCYf0sO9POg24l6vkiVkYo96wM=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F80%2F54%2F144645%2F6942449.jpg" alt="Fond : Anniversaire 2"/> </div> <div class="article_snippet"> Le code a inserer en Mode HTML dans votre message ou billet : <p><table class="NOBORDER" cellspacing="12" bordercolordark="#000000" cellpadding="12" align="center" bordercolorlight="#000000" background=" https://storage.canalblog.com/79/20/144645/6942430.jpg... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 12:41 - <a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771558.html#ob-comments"><span>Commentaires [<span id="comment-count-24257006">…</span><script> ob.commentCount(document.querySelector("#comment-count-24257006"), { resource: "http://joelladesignblog.canalblog.com/api/comment-count/24257006", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771558.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/anniversaire/"><span class="article_footer_tag">Anniversaire</span></a>, <a href="/tag/fetes/"><span class="article_footer_tag">fêtes</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771558.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771558.html" data-hashtags="Anniversaire,fêtes" data-text="Fond : Anniversaire 2" data-lang="en" ></a> </div> <div class="ob-Shares-pinterest"> <a href="https://pinterest.com/pin/create/button/" data-pin-count="beside" data-pin-color="red" data-pin-config="beside" data-pin-description="Fond : Anniversaire 2" data-pin-media="https://storage.canalblog.com/80/54/144645/6942449.jpg" data-pin-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10771558.html" target="_BLANK" > <img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" /> </a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Fond%20%3A%20Anniversaire%202&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjoelladesignblog.canalblog.com%2Farchives%2F2008%2F09%2F30%2F10771558.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_24257006"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_24257006") printElement.addEventListener("click", function() { ob.printPost("Fond : Anniversaire 2", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table class=\"NOBORDER\" cellspacing=\"12\" bordercolordark=\"#000000\" cellpadding=\"12\" align=\"center\" bordercolorlight=\"#000000\" background=\"https:\/\/storage.canalblog.com\/79\/20\/144645\/6942430.jpg\" border=\"0\" style=\"WIDTH: 100%; HEIGHT: 600px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"2\" cellpadding=\"2\" background=\"https:\/\/storage.canalblog.com\/66\/01\/144645\/7640199.gif\" style=\"WIDTH: 100%; HEIGHT: 600px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"4\" cellpadding=\"4\" background=\"https:\/\/storage.canalblog.com\/01\/04\/144645\/6942432.jpg\" style=\"WIDTH: 100%; HEIGHT: 600px;\"><tbody><tr><td><font color=\"#ffff00\"><font color=\"#000066\"><p style=\"text-align: center;\"><font face=\"times new roman, times, serif\"><font color=\"#000033\"><\/font><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img src=\"https:\/\/storage.canalblog.com\/80\/54\/144645\/6942449.jpg\" \/> <\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img src=\"https:\/\/storage.canalblog.com\/86\/94\/144645\/6942438.jpg\" \/> <\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img src=\"https:\/\/storage.canalblog.com\/80\/54\/144645\/6942449.jpg\" \/> <\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img height=\"402\" alt=\"ballon3\" src=\"https:\/\/storage.canalblog.com\/05\/37\/144645\/6942750.gif\" width=\"306\" border=\"0\" \/><\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img height=\"64\" alt=\"heureux_annif1\" src=\"https:\/\/storage.canalblog.com\/71\/78\/144645\/6942872.gif\" width=\"528\" border=\"0\" style=\"WIDTH: 528px; HEIGHT: 64px;\" \/><\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img height=\"317\" alt=\"ballon1\" src=\"https:\/\/storage.canalblog.com\/96\/81\/144645\/6942746.gif\" width=\"147\" border=\"0\" \/><\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img height=\"125\" alt=\"12\" src=\"https:\/\/storage.canalblog.com\/55\/96\/144645\/6942657.gif\" width=\"75\" border=\"0\" \/><img height=\"71\" alt=\"anni_fete_020\" src=\"https:\/\/storage.canalblog.com\/29\/35\/144645\/6942661.gif\" width=\"341\" border=\"0\" \/><img height=\"125\" alt=\"12\" src=\"https:\/\/storage.canalblog.com\/55\/96\/144645\/6942657.gif\" width=\"75\" border=\"0\" \/><\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img height=\"74\" alt=\"anniv130\" src=\"https:\/\/storage.canalblog.com\/09\/43\/144645\/6942668.gif\" width=\"74\" border=\"0\" \/> <img height=\"103\" alt=\"anni_fete_042\" src=\"https:\/\/storage.canalblog.com\/50\/90\/144645\/6942663.gif\" width=\"314\" border=\"0\" \/> <img height=\"74\" alt=\"anniv130\" src=\"https:\/\/storage.canalblog.com\/09\/43\/144645\/6942668.gif\" width=\"74\" border=\"0\" \/><\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img height=\"130\" alt=\"fogos1d\" src=\"https:\/\/storage.canalblog.com\/15\/56\/144645\/6942706.gif\" width=\"130\" border=\"0\" \/> <img height=\"82\" alt=\"anniv_70\" src=\"https:\/\/storage.canalblog.com\/17\/88\/144645\/6942681.gif\" width=\"89\" border=\"0\" \/> <img height=\"130\" alt=\"fogos1d\" src=\"https:\/\/storage.canalblog.com\/15\/56\/144645\/6942706.gif\" width=\"130\" border=\"0\" \/><\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img height=\"135\" alt=\"scintillant_092\" src=\"https:\/\/storage.canalblog.com\/83\/42\/144645\/6942727.gif\" width=\"172\" border=\"0\" \/><\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img height=\"91\" alt=\"i102714521_66418\" src=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\" width=\"217\" border=\"0\" \/><img height=\"91\" alt=\"i102714521_66418\" src=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\" width=\"217\" border=\"0\" \/><\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img src=\"https:\/\/storage.canalblog.com\/08\/68\/144645\/6942451.jpg\" \/> <\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img src=\"https:\/\/storage.canalblog.com\/00\/91\/144645\/6942471.jpg\" \/> <\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img src=\"https:\/\/storage.canalblog.com\/28\/75\/144645\/6942477.jpg\" \/> <img src=\"https:\/\/storage.canalblog.com\/65\/88\/144645\/6942481.jpg\" \/><\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img height=\"15\" src=\"https:\/\/storage.canalblog.com\/46\/73\/144645\/6942440.gif\" width=\"474\" \/><\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><a href=\"http:\/\/joella.le-site.info\/\"><font color=\"#003366\"><strong><img height=\"65\" alt=\"logo\" src=\"https:\/\/storage.canalblog.com\/35\/28\/179377\/7673730.jpg\" width=\"100\" border=\"0\" \/><\/strong><\/font><\/a><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\"><u><strong><img src=\"https:\/\/storage.canalblog.com\/36\/98\/144645\/6942442.gif\" \/> <\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#003366\" size=\"3\"><u><strong>Le code a inserer en Mode HTML dans votre message ou billet :<\/strong><\/u><\/font><\/p>\r\n\r\n<p style=\"text-align: center;\"><font face=\"times new roman, times, serif\"><font color=\"#000033\"><p><table class="NOBORDER" cellspacing="12" bordercolordark="#000000" cellpadding="12" align="center" bordercolorlight="#000000" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/79\/20\/144645\/6942430.jpg\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/79\/20\/144645\/6942430.jpg<\/font><\/a><font color=\"#000033\">" border="0" style="WIDTH: 100%; HEIGHT: 600px;"><tbody><tr><td><table class="NOBORDER" cellspacing="2" cellpadding="2" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/66\/01\/144645\/7640199.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/66\/01\/144645\/7640199.gif<\/font><\/a><font color=\"#000033\">" style="WIDTH: 100%; HEIGHT: 600px;"><br \/><tbody><tr><td><table class="NOBORDER" cellspacing="4" cellpadding="4" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/01\/04\/144645\/6942432.jpg\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/01\/04\/144645\/6942432.jpg<\/font><\/a><font color=\"#000033\">" style="WIDTH: 100%; HEIGHT: 600px;"><tbody><tr><td><strong><u><font color="#ffff00"><font color="#000066"><p ><font color="#003366">Le code a inserer en Mode HTML dans votre message ou billet :<\/font><\/p><br \/><p style="text-align: center;"><\/p><br \/><p ><font color="#003366"><img src="<\/font><a href=\"https:\/\/storage.canalblog.com\/80\/54\/144645\/6942449.jpg\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/80\/54\/144645\/6942449.jpg<\/font><\/a><font color=\"#000033\">" \/><br \/><\/font><\/p><br \/><p ><font color="#003366"><img src="<\/font><a href=\"https:\/\/storage.canalblog.com\/86\/94\/144645\/6942438.jpg\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/86\/94\/144645\/6942438.jpg<\/font><\/a><font color=\"#000033\">" \/><br \/><\/font><\/p><br \/><p ><font color="#003366"><img src="<\/font><a href=\"https:\/\/storage.canalblog.com\/80\/54\/144645\/6942449.jpg\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/80\/54\/144645\/6942449.jpg<\/font><\/a><font color=\"#000033\">" \/><br \/><\/font><\/p><br \/><p ><font color="#003366"><img height="402" alt="ballon3" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/05\/37\/144645\/6942750.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/05\/37\/144645\/6942750.gif<\/font><\/a><font color=\"#000033\">" width="306" border="0" \/><\/font><\/p><br \/><p ><font color="#003366"><img height="64" alt="heureux_annif1" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/71\/78\/144645\/6942872.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/71\/78\/144645\/6942872.gif<\/font><\/a><font color=\"#000033\">" width="528" border="0" style="WIDTH: 528px; HEIGHT: 64px;" \/><\/font><\/p><br \/><p ><font color="#003366"><img height="317" alt="ballon1" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/96\/81\/144645\/6942746.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/96\/81\/144645\/6942746.gif<\/font><\/a><font color=\"#000033\">" width="147" border="0" \/><\/font><\/p><br \/><p ><font color="#003366"><img height="125" alt="12" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/55\/96\/144645\/6942657.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/55\/96\/144645\/6942657.gif<\/font><\/a><font color=\"#000033\">" width="75" border="0" \/><img height="71" alt="anni_fete_020" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/29\/35\/144645\/6942661.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/29\/35\/144645\/6942661.gif<\/font><\/a><font color=\"#000033\">" width="341" border="0" \/><img height="125" alt="12" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/55\/96\/144645\/6942657.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/55\/96\/144645\/6942657.gif<\/font><\/a><font color=\"#000033\">" width="75" border="0" \/><\/font><\/p><br \/><p ><font color="#003366"><img height="74" alt="anniv130" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/09\/43\/144645\/6942668.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/09\/43\/144645\/6942668.gif<\/font><\/a><font color=\"#000033\">" width="74" border="0" \/> <img height="103" alt="anni_fete_042" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/50\/90\/144645\/6942663.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/50\/90\/144645\/6942663.gif<\/font><\/a><font color=\"#000033\">" width="314" border="0" \/> <img height="74" alt="anniv130" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/09\/43\/144645\/6942668.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/09\/43\/144645\/6942668.gif<\/font><\/a><font color=\"#000033\">" width="74" border="0" \/><\/font><\/p><br \/><p ><font color="#003366"><\/font><\/p><br \/><p style="text-align: center;"><font color="#003366"><img height="130" alt="fogos1d" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/15\/56\/144645\/6942706.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/15\/56\/144645\/6942706.gif<\/font><\/a><font color=\"#000033\">" width="130" border="0" \/>&nbsp; <img height="82" alt="anniv_70" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/17\/88\/144645\/6942681.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/17\/88\/144645\/6942681.gif<\/font><\/a><font color=\"#000033\">" width="89" border="0" \/>&nbsp; <img height="130" alt="fogos1d" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/15\/56\/144645\/6942706.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/15\/56\/144645\/6942706.gif<\/font><\/a><font color=\"#000033\">" width="130" border="0" \/><\/font><\/p><br \/><p ><font color="#003366"><\/font><\/p><br \/><p style="text-align: center;"><font color="#003366"><img height="135" alt="scintillant_092" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/83\/42\/144645\/6942727.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/83\/42\/144645\/6942727.gif<\/font><\/a><font color=\"#000033\">" width="172" border="0" \/><\/font><\/p><br \/><p ><font color="#003366"><img height="91" alt="i102714521_66418" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif<\/font><\/a><font color=\"#000033\">" width="217" border="0" \/><img height="91" alt="i102714521_66418" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/66\/58\/144645\/6942711.gif<\/font><\/a><font color=\"#000033\">" width="217" border="0" \/><\/font><\/p><br \/><p ><font color="#003366"><img src="<\/font><a href=\"https:\/\/storage.canalblog.com\/08\/68\/144645\/6942451.jpg\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/08\/68\/144645\/6942451.jpg<\/font><\/a><font color=\"#000033\">" \/><br \/><\/font><\/p><br \/><p ><font color="#003366"><img src="<\/font><a href=\"https:\/\/storage.canalblog.com\/00\/91\/144645\/6942471.jpg\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/00\/91\/144645\/6942471.jpg<\/font><\/a><font color=\"#000033\">" \/><br \/><\/font><\/p><br \/><p ><font color="#003366"><img src="<\/font><a href=\"https:\/\/storage.canalblog.com\/28\/75\/144645\/6942477.jpg\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/28\/75\/144645\/6942477.jpg<\/font><\/a><font color=\"#000033\">" \/>&nbsp; <img src="<\/font><a href=\"https:\/\/storage.canalblog.com\/65\/88\/144645\/6942481.jpg\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/65\/88\/144645\/6942481.jpg<\/font><\/a><font color=\"#000033\">" \/><\/font><\/p><br \/><p ><font color="#003366"><\/font><\/p><br \/><p style="text-align: center;"><font color="#003366"><\/font><\/p><br \/><p ><font color="#003366"><img height="15" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/46\/73\/144645\/6942440.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/46\/73\/144645\/6942440.gif<\/font><\/a><font color=\"#000033\">" width="474" \/><\/font><\/p><br \/><p ><a href="<\/font><a href=\"http:\/\/joella.le-site.info\/%22%3E%3Cfont\"><font color=\"#000033\">http:\/\/joella.le-site.info\/"><font<\/font><\/a><font color=\"#000033\"> color="#003366"><img height="65" alt="logo" src="<\/font><a href=\"https:\/\/storage.canalblog.com\/35\/28\/179377\/7673730.jpg\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/35\/28\/179377\/7673730.jpg<\/font><\/a><font color=\"#000033\">" width="100" border="0" \/><\/font><\/a><\/p><br \/><p ><font color="#003366"><br \/><img src="<\/font><a href=\"https:\/\/storage.canalblog.com\/36\/98\/144645\/6942442.gif\"><font color=\"#000033\">https:\/\/storage.canalblog.com\/36\/98\/144645\/6942442.gif<\/font><\/a><font color=\"#000033\">" \/><br \/><\/font><\/p><\/font><\/font><\/u><\/strong><p style="text-align: center;"><br \/><strong><u><font color="#ffff00"><\/font><\/u><\/strong><\/p><br \/><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/p><\/font><\/font><\/p><\/font><\/font><p style=\"text-align: center;\"><strong><u><font color=\"#ffff00\"><\/font><\/u><\/strong><\/p><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://assets.pinterest.com/js/pinit.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'pinterest-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-24257006" > <label class="stars-view stars-view-5-24257006 " for="rating-5-24257006" onclick="handleRate(24257006, 5, 0, 'stars-view-5-24257006', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-24257006" > <label class="stars-view stars-view-4-24257006 " for="rating-4-24257006" onclick="handleRate(24257006, 4, 0, 'stars-view-4-24257006', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-24257006" > <label class="stars-view stars-view-3-24257006 " for="rating-3-24257006" onclick="handleRate(24257006, 3, 0, 'stars-view-3-24257006', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-24257006" > <label class="stars-view stars-view-2-24257006 " for="rating-2-24257006" onclick="handleRate(24257006, 2, 0, 'stars-view-2-24257006', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-24257006" > <label class="stars-view stars-view-1-24257006 " for="rating-1-24257006" onclick="handleRate(24257006, 1, 0, 'stars-view-1-24257006', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-24257006"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_24257004"> <div class="date-header">30 septembre 2008</div> <a class="article_link" href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770411.html"> <h2 class="article_title title">Fond : Simple 20 - 3 fonds - Bleuté</h2> <div class="article_content"> <div class="article_snippet"> Le code a inserer en Mode HTML dans votre message ou billet : <p><table class="NOBORDER" cellspacing="2" bordercolordark="#000000" cellpadding="2" align="center" bordercolorlight="#000000" background=" https://storage.canalblog.com/66/01/144645/7640199.gif... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 10:47 - <a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770411.html#ob-comments"><span>Commentaires [<span id="comment-count-24257004">…</span><script> ob.commentCount(document.querySelector("#comment-count-24257004"), { resource: "http://joelladesignblog.canalblog.com/api/comment-count/24257004", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770411.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/simple/"><span class="article_footer_tag">Simple</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770411.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770411.html" data-hashtags="Simple" data-text="Fond : Simple 20 - 3 fonds - Bleuté" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Fond%20%3A%20Simple%2020%20-%203%20fonds%20-%20Bleut%C3%A9&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjoelladesignblog.canalblog.com%2Farchives%2F2008%2F09%2F30%2F10770411.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_24257004"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_24257004") printElement.addEventListener("click", function() { ob.printPost("Fond : Simple 20 - 3 fonds - Bleut\u00e9", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table class=\"NOBORDER\" cellspacing=\"2\" bordercolordark=\"#000000\" cellpadding=\"2\" align=\"center\" bordercolorlight=\"#000000\" background=\"https:\/\/storage.canalblog.com\/66\/01\/144645\/7640199.gif\" border=\"0\" style=\"WIDTH: 100%; HEIGHT: 600px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"3\" cellpadding=\"3\" background=\"https:\/\/storage.canalblog.com\/79\/67\/144645\/7640144.jpg\" style=\"WIDTH: 100%; HEIGHT: 600px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"4\" cellpadding=\"4\" background=\"https:\/\/storage.canalblog.com\/67\/54\/144645\/7640130.jpg\" style=\"WIDTH: 100%; HEIGHT: 600px;\"><tbody><tr><td><p style=\"text-align: center;\"><strong><u><font color=\"#ffff00\"><font color=\"#000066\" size=\"3\">Le code a inserer en Mode HTML dans votre message ou billet :<\/font> <\/font><\/u><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><font color=\"#000033\"><strong><p><table class="NOBORDER" cellspacing="2" bordercolordark="#000000" cellpadding="2" align="center" bordercolorlight="#000000" background="<\/strong><\/font><a href=\"https:\/\/storage.canalblog.com\/66\/01\/144645\/7640199.gif\"><font color=\"#000033\"><strong>https:\/\/storage.canalblog.com\/66\/01\/144645\/7640199.gif<\/strong><\/font><\/a><font color=\"#000033\"><strong>" border="0" style="WIDTH: 100%; HEIGHT: 600px;"><tbody><tr><td><table class="NOBORDER" cellspacing="3" cellpadding="3" background="<\/strong><\/font><a href=\"https:\/\/storage.canalblog.com\/79\/67\/144645\/7640144.jpg\"><font color=\"#000033\"><strong>https:\/\/storage.canalblog.com\/79\/67\/144645\/7640144.jpg<\/strong><\/font><\/a><font color=\"#000033\"><strong>" style="WIDTH: 100%; HEIGHT: 600px;"><tbody><tr><td><table class="NOBORDER" cellspacing="4" cellpadding="4" background="<\/strong><\/font><a href=\"https:\/\/storage.canalblog.com\/67\/54\/144645\/7640130.jpg\"><font color=\"#000033\"><strong>https:\/\/storage.canalblog.com\/67\/54\/144645\/7640130.jpg<\/strong><\/font><\/a><font color=\"#000033\"><strong>" style="WIDTH: 100%; HEIGHT: 600px;"><tbody><tr><td><p ><strong><u><font color="#ffff00"><font color="#000066">Le code a inserer en Mode HTML dans votre message ou billet :<\/font> <\/font><\/u><\/strong><\/p><\/td><\/tr><\/tbody><\/table><\/td><\/tr><br \/><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/p><\/strong><\/font><\/p><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-24257004" > <label class="stars-view stars-view-5-24257004 " for="rating-5-24257004" onclick="handleRate(24257004, 5, 0, 'stars-view-5-24257004', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-24257004" > <label class="stars-view stars-view-4-24257004 " for="rating-4-24257004" onclick="handleRate(24257004, 4, 0, 'stars-view-4-24257004', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-24257004" > <label class="stars-view stars-view-3-24257004 " for="rating-3-24257004" onclick="handleRate(24257004, 3, 0, 'stars-view-3-24257004', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-24257004" > <label class="stars-view stars-view-2-24257004 " for="rating-2-24257004" onclick="handleRate(24257004, 2, 0, 'stars-view-2-24257004', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-24257004" > <label class="stars-view stars-view-1-24257004 " for="rating-1-24257004" onclick="handleRate(24257004, 1, 0, 'stars-view-1-24257004', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-24257004"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_24257002"> <div class="date-header">30 septembre 2008</div> <a class="article_link" href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770351.html"> <h2 class="article_title title">Fond : Simple 19 - 2 fonds - Etoilées</h2> <div class="article_content"> <div class="article_snippet"> Votre texte ici Le code a inserer en Mode HTML dans votre message ou billet : <p ><table cellspacing="20" bordercolordark="#ffcc00" cellpadding="20" width="80%" bordercolorlight="#ffcc00" background=" https://storage.canalblog.com/81/47/144645/5760507.gif... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 10:42 - <a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770351.html#ob-comments"><span>Commentaires [<span id="comment-count-24257002">…</span><script> ob.commentCount(document.querySelector("#comment-count-24257002"), { resource: "http://joelladesignblog.canalblog.com/api/comment-count/24257002", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770351.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/simple/"><span class="article_footer_tag">Simple</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770351.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770351.html" data-hashtags="Simple" data-text="Fond : Simple 19 - 2 fonds - Etoilées" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Fond%20%3A%20Simple%2019%20-%202%20fonds%20-%20Etoil%C3%A9es&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjoelladesignblog.canalblog.com%2Farchives%2F2008%2F09%2F30%2F10770351.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_24257002"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_24257002") printElement.addEventListener("click", function() { ob.printPost("Fond : Simple 19 - 2 fonds - Etoil\u00e9es", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\"><table cellspacing=\"20\" bordercolordark=\"#ffcc00\" cellpadding=\"20\" width=\"80%\" bordercolorlight=\"#ffcc00\" background=\"https:\/\/storage.canalblog.com\/81\/47\/144645\/5760507.gif\" border=\"1\"><tbody><tr><td valign=\"top\" align=\"center\" width=\"100%\" background=\"https:\/\/storage.canalblog.com\/06\/77\/144645\/5752274.jpg\"><font size=\"2\"><font color=\"#b82e00\" size=\"3\"><font size=\"+0\"><font size=\"+0\"><font style=\"FONT-SIZE: 14pt;\"><font color=\"#b82e00\"><font color=\"#cc99ff\"><p><font color=\"#ff0000\"><strong><font size=\"+0\"><font style=\"FONT-SIZE: 14pt;\">Votre texte ici<\/font><\/font><\/strong><\/font><\/p>\r\n\r\n<p><strong><u><font color=\"#cc0000\" size=\"3\">Le code a inserer en Mode HTML dans votre message ou billet :<\/font><\/u><\/strong><\/p>\r\n\r\n<p><font face=\"times new roman, times, serif\" size=\"2\"><font color=\"#000000\"><p ><table cellspacing="20" bordercolordark="#ffcc00" cellpadding="20" width="80%" bordercolorlight="#ffcc00" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/81\/47\/144645\/5760507.gif\"><font color=\"#000000\">https:\/\/storage.canalblog.com\/81\/47\/144645\/5760507.gif<\/font><\/a><font color=\"#000000\">" border="1"><tbody><tr><td valign="top" align="center" width="100%" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/06\/77\/144645\/5752274.jpg%22%3E%3Cfont\"><font color=\"#000000\">https:\/\/storage.canalblog.com\/06\/77\/144645\/5752274.jpg"><font<\/font><\/a><font color=\"#000000\"> size="2"><font color="#b82e00" size="3"><font size="+0"><font size="+0"><font style="FONT-SIZE: 14pt;"><font color="#b82e00"><font color="#cc99ff"><p><font color="#ff0000"><strong><font size="+0"><font style="FONT-SIZE: 14pt;">Votre texte ici<\/font><\/font><\/strong><\/font><\/p><br \/><p><strong><u><font color="#cc0000" size="2"><br \/>Le code a inserer en Mode HTML dans votre message ou billet :<\/font><\/u><\/strong><\/p><br \/><p><\/p><\/font><\/font><\/font><\/font><\/font><\/font><\/font><\/td><\/tr><\/tbody><\/table><\/p><\/font><\/font><\/p>\r\n\r\n<p><\/p><\/font><\/font><\/font><\/font><\/font><\/font><\/font><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-24257002" > <label class="stars-view stars-view-5-24257002 " for="rating-5-24257002" onclick="handleRate(24257002, 5, 0, 'stars-view-5-24257002', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-24257002" > <label class="stars-view stars-view-4-24257002 " for="rating-4-24257002" onclick="handleRate(24257002, 4, 0, 'stars-view-4-24257002', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-24257002" > <label class="stars-view stars-view-3-24257002 " for="rating-3-24257002" onclick="handleRate(24257002, 3, 0, 'stars-view-3-24257002', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-24257002" > <label class="stars-view stars-view-2-24257002 " for="rating-2-24257002" onclick="handleRate(24257002, 2, 0, 'stars-view-2-24257002', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-24257002" > <label class="stars-view stars-view-1-24257002 " for="rating-1-24257002" onclick="handleRate(24257002, 1, 0, 'stars-view-1-24257002', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-24257002"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_f6e5908"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_d5a931a"></div> </div> </div> <div class="article article_24257000"> <div class="date-header">30 septembre 2008</div> <a class="article_link" href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770276.html"> <h2 class="article_title title">Fond : Simple 18 - 4 fonds - Etoiles jaunes</h2> <div class="article_content"> <div class="article_snippet"> Le code a inserer en Mode HTML dans votre message ou billet : <table class="jo" cellspacing="10" bordercolordark="#b82e00" cellpadding="10" width="100%" align="center" bordercolorlight="#b82e00" background=" https://storage.canalblog.com/86/60/144645/5637465.gif... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 10:35 - <a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770276.html#ob-comments"><span>Commentaires [<span id="comment-count-24257000">…</span><script> ob.commentCount(document.querySelector("#comment-count-24257000"), { resource: "http://joelladesignblog.canalblog.com/api/comment-count/24257000", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770276.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/simple/"><span class="article_footer_tag">Simple</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770276.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770276.html" data-hashtags="Simple" data-text="Fond : Simple 18 - 4 fonds - Etoiles jaunes" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Fond%20%3A%20Simple%2018%20-%204%20fonds%20-%20Etoiles%20jaunes&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjoelladesignblog.canalblog.com%2Farchives%2F2008%2F09%2F30%2F10770276.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_24257000"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_24257000") printElement.addEventListener("click", function() { ob.printPost("Fond : Simple 18 - 4 fonds - Etoiles jaunes", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<table class=\"jo\" cellspacing=\"10\" bordercolordark=\"#b82e00\" cellpadding=\"10\" width=\"100%\" align=\"center\" bordercolorlight=\"#b82e00\" background=\"https:\/\/storage.canalblog.com\/86\/60\/144645\/5637465.gif\" border=\"2\"><tbody><tr><td class=\"jo\" bordercolorlight=\"#b82e00\" background=\"https:\/\/storage.canalblog.com\/72\/52\/144645\/9425907.jpg\" bordercolordark=\"#b82e00\" border=\"1\" cellpadding=\"2\" cellspacing=\"2\"><p style=\"MARGIN-TOP: 20px;\"><\/p>\r\n\r\n<p style=\"MARGIN-TOP: 20px;text-align: center;\"><font color=\"#cc0000\" size=\"3\"><strong><u>Le code a inserer en Mode HTML dans votre message ou billet :<\/u><\/strong><\/font><\/p>\r\n\r\n<p style=\"MARGIN-TOP: 20px;text-align: center;\"><font size=\"2\"><strong><font color=\"#330000\"><table class="jo" cellspacing="10" bordercolordark="#b82e00" cellpadding="10" width="100%" align="center" bordercolorlight="#b82e00" background="<\/font><\/strong><a href=\"https:\/\/storage.canalblog.com\/86\/60\/144645\/5637465.gif\"><strong><font color=\"#330000\">https:\/\/storage.canalblog.com\/86\/60\/144645\/5637465.gif<\/font><\/strong><\/a><strong><font color=\"#330000\">" border="2"><tbody><tr><td class="jo" bordercolorlight="#b82e00" background="<\/font><\/strong><a href=\"https:\/\/storage.canalblog.com\/72\/52\/144645\/9425907.jpg\"><strong><font color=\"#330000\">https:\/\/storage.canalblog.com\/72\/52\/144645\/9425907.jpg<\/font><\/strong><\/a><strong><font color=\"#330000\">" bordercolordark="#b82e00" border="1" cellpadding="2" cellspacing="2"><p style="MARGIN-TOP: 20px;"><\/p><br \/><p style="MARGIN-TOP: 20px;text-align: center;"><font color="#cc0000" size="3"><br \/><strong><u>Le code a inserer en Mode HTML dans votre message ou billet :<\/u><\/strong><\/font><\/p><br \/><p style="MARGIN-TOP: 20px;"><font color="#ffff00"><strong><\/strong><\/font><\/p><br \/><p><\/p><p><\/p><\/td><\/tr><\/tbody><\/table><\/font><\/strong><\/font><\/p>\r\n\r\n<p style=\"MARGIN-TOP: 20px;\"><font color=\"#ffff00\"><strong><\/strong><\/font><\/p>\r\n\r\n<p><\/p>\r\n\r\n<p><\/p><\/td><\/tr><\/tbody><\/table> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-24257000" > <label class="stars-view stars-view-5-24257000 " for="rating-5-24257000" onclick="handleRate(24257000, 5, 0, 'stars-view-5-24257000', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-24257000" > <label class="stars-view stars-view-4-24257000 " for="rating-4-24257000" onclick="handleRate(24257000, 4, 0, 'stars-view-4-24257000', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-24257000" > <label class="stars-view stars-view-3-24257000 " for="rating-3-24257000" onclick="handleRate(24257000, 3, 0, 'stars-view-3-24257000', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-24257000" > <label class="stars-view stars-view-2-24257000 " for="rating-2-24257000" onclick="handleRate(24257000, 2, 0, 'stars-view-2-24257000', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-24257000" > <label class="stars-view stars-view-1-24257000 " for="rating-1-24257000" onclick="handleRate(24257000, 1, 0, 'stars-view-1-24257000', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-24257000"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_24256998"> <div class="date-header">30 septembre 2008</div> <a class="article_link" href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770215.html"> <h2 class="article_title title">Fond : Simple 17 - 4 fonds - Etoiles parmes</h2> <div class="article_content"> <div class="article_snippet"> Le code a inserer en Mode HTML dans votre message ou billet : <p><table class="NOBORDER" cellspacing="1" cellpadding="1" align="center" background=" https://storage.canalblog.com/91/01/144645/5638021.gif " style="WIDTH: 100%; HEIGHT: 500px;"><tbody><tr><td><table... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 10:29 - <a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770215.html#ob-comments"><span>Commentaires [<span id="comment-count-24256998">…</span><script> ob.commentCount(document.querySelector("#comment-count-24256998"), { resource: "http://joelladesignblog.canalblog.com/api/comment-count/24256998", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770215.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/simple/"><span class="article_footer_tag">Simple</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770215.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770215.html" data-hashtags="Simple" data-text="Fond : Simple 17 - 4 fonds - Etoiles parmes" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Fond%20%3A%20Simple%2017%20-%204%20fonds%20-%20Etoiles%20parmes&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjoelladesignblog.canalblog.com%2Farchives%2F2008%2F09%2F30%2F10770215.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_24256998"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_24256998") printElement.addEventListener("click", function() { ob.printPost("Fond : Simple 17 - 4 fonds - Etoiles parmes", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table class=\"NOBORDER\" cellspacing=\"1\" cellpadding=\"1\" align=\"center\" background=\"https:\/\/storage.canalblog.com\/91\/01\/144645\/5638021.gif\" style=\"WIDTH: 100%; HEIGHT: 500px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"12\" cellpadding=\"12\" background=\"https:\/\/storage.canalblog.com\/86\/40\/144645\/5715817.jpg\" style=\"WIDTH: 100%; HEIGHT: 500px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"2\" cellpadding=\"2\" background=\"https:\/\/storage.canalblog.com\/91\/01\/144645\/5638021.gif\" style=\"WIDTH: 100%; HEIGHT: 500px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"5\" cellpadding=\"5\" background=\"https:\/\/storage.canalblog.com\/96\/43\/144645\/5759844.jpg\" style=\"WIDTH: 100%; HEIGHT: 500px;\"><tbody><tr><td><p><\/p>\r\n\r\n<p style=\"text-align: center;\"><br \/><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><u><font color=\"#cc99ff\">Le code a inserer en Mode HTML dans votre message ou billet :<\/font><\/u><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><font color=\"#ffffff\"><p><table class="NOBORDER" cellspacing="1" cellpadding="1" align="center" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/91\/01\/144645\/5638021.gif\"><font color=\"#ffffff\">https:\/\/storage.canalblog.com\/91\/01\/144645\/5638021.gif<\/font><\/a><font color=\"#ffffff\">" style="WIDTH: 100%; HEIGHT: 500px;"><tbody><tr><td><table class="NOBORDER" cellspacing="12" cellpadding="12" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/86\/40\/144645\/5715817.jpg\"><font color=\"#ffffff\">https:\/\/storage.canalblog.com\/86\/40\/144645\/5715817.jpg<\/font><\/a><font color=\"#ffffff\">" style="WIDTH: 100%; HEIGHT: 500px;"><tbody><tr><td><table class="NOBORDER" cellspacing="2" cellpadding="2" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/91\/01\/144645\/5638021.gif\"><font color=\"#ffffff\">https:\/\/storage.canalblog.com\/91\/01\/144645\/5638021.gif<\/font><\/a><font color=\"#ffffff\">" style="WIDTH: 100%; HEIGHT: 500px;"><tbody><tr><td><table class="NOBORDER" cellspacing="5" cellpadding="5" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/96\/43\/144645\/5759844.jpg\"><font color=\"#ffffff\">https:\/\/storage.canalblog.com\/96\/43\/144645\/5759844.jpg<\/font><\/a><font color=\"#ffffff\">" style="WIDTH: 100%; HEIGHT: 500px;"><tbody><tr><td><p><\/p><br \/><p style="text-align: center;"><br \/><br \/><br \/><\/p><br \/><p style="text-align: center;"><strong><u><font color="#cc99ff"><br \/>Le code a inserer en Mode HTML dans votre message ou billet :<\/font><\/u><\/strong><br \/><\/p><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><br \/><\/table><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/p><\/font><\/strong><\/p><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-24256998" > <label class="stars-view stars-view-5-24256998 " for="rating-5-24256998" onclick="handleRate(24256998, 5, 0, 'stars-view-5-24256998', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-24256998" > <label class="stars-view stars-view-4-24256998 " for="rating-4-24256998" onclick="handleRate(24256998, 4, 0, 'stars-view-4-24256998', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-24256998" > <label class="stars-view stars-view-3-24256998 " for="rating-3-24256998" onclick="handleRate(24256998, 3, 0, 'stars-view-3-24256998', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-24256998" > <label class="stars-view stars-view-2-24256998 " for="rating-2-24256998" onclick="handleRate(24256998, 2, 0, 'stars-view-2-24256998', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-24256998" > <label class="stars-view stars-view-1-24256998 " for="rating-1-24256998" onclick="handleRate(24256998, 1, 0, 'stars-view-1-24256998', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-24256998"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_24256995"> <div class="date-header">30 septembre 2008</div> <a class="article_link" href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770169.html"> <h2 class="article_title title">Fond : Simple 16 - 3 fonds - Bulles</h2> <div class="article_content"> <div class="article_snippet"> Le code a inserer en Mode HTML dans votre message ou billet : <p><table class="NOBORDER" cellspacing="6" bordercolordark="#000000" cellpadding="6" align="center" bordercolorlight="#000000" background=" https://storage.canalblog.com/58/78/144645/5796653.png... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 10:25 - <a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770169.html#ob-comments"><span>Commentaires [<span id="comment-count-24256995">…</span><script> ob.commentCount(document.querySelector("#comment-count-24256995"), { resource: "http://joelladesignblog.canalblog.com/api/comment-count/24256995", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770169.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/simple/"><span class="article_footer_tag">Simple</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770169.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770169.html" data-hashtags="Simple" data-text="Fond : Simple 16 - 3 fonds - Bulles" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Fond%20%3A%20Simple%2016%20-%203%20fonds%20-%20Bulles&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjoelladesignblog.canalblog.com%2Farchives%2F2008%2F09%2F30%2F10770169.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_24256995"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_24256995") printElement.addEventListener("click", function() { ob.printPost("Fond : Simple 16 - 3 fonds - Bulles", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p><table class=\"NOBORDER\" cellspacing=\"6\" bordercolordark=\"#000000\" cellpadding=\"6\" align=\"center\" bordercolorlight=\"#000000\" background=\"https:\/\/storage.canalblog.com\/58\/78\/144645\/5796653.png\" border=\"1\" style=\"WIDTH: 100%; HEIGHT: 600px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"2\" cellpadding=\"2\" background=\"https:\/\/storage.canalblog.com\/52\/32\/144645\/5636680.gif\" style=\"WIDTH: 100%; HEIGHT: 600px;\"><tbody><tr><td><table class=\"NOBORDER\" cellspacing=\"4\" cellpadding=\"4\" background=\"https:\/\/storage.canalblog.com\/43\/28\/144645\/5796665.jpg\" style=\"WIDTH: 100%; HEIGHT: 600px;\"><tbody><tr><td><p style=\"text-align: center;\"><strong><u><font color=\"#ffff00\"><font size=\"3\">Le code a inserer en Mode HTML dans votre message ou billet :<\/font> <\/font><\/u><\/strong><\/p>\r\n\r\n<p style=\"text-align: center;\"><strong><font color=\"#ffff00\"><p><table class="NOBORDER" cellspacing="6" bordercolordark="#000000" cellpadding="6" align="center" bordercolorlight="#000000" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/58\/78\/144645\/5796653.png\"><font color=\"#ffff00\">https:\/\/storage.canalblog.com\/58\/78\/144645\/5796653.png<\/font><\/a><font color=\"#ffff00\">" border="1" style="WIDTH: 100%; HEIGHT: 600px;"><tbody><tr><td><table class="NOBORDER" cellspacing="2" cellpadding="2" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/52\/32\/144645\/5636680.gif\"><font color=\"#ffff00\">https:\/\/storage.canalblog.com\/52\/32\/144645\/5636680.gif<\/font><\/a><font color=\"#ffff00\">" style="WIDTH: 100%; HEIGHT: 600px;"><tbody><tr><td><table class="NOBORDER" cellspacing="4" cellpadding="4" background="<\/font><a href=\"https:\/\/storage.canalblog.com\/43\/28\/144645\/5796665.jpg\"><font color=\"#ffff00\">https:\/\/storage.canalblog.com\/43\/28\/144645\/5796665.jpg<\/font><\/a><font color=\"#ffff00\">" style="WIDTH: 100%; HEIGHT: 600px;"><tbody><tr><td><p ><strong><u><font color="#ffff00">Le code a inserer en Mode HTML dans votre message ou billet :<br \/><\/font><\/u><\/strong><\/p><\/td><\/tr><\/tbody><\/table><br \/><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/p><\/font><\/strong><\/p><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/td><\/tr><\/tbody><\/table><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-24256995" > <label class="stars-view stars-view-5-24256995 " for="rating-5-24256995" onclick="handleRate(24256995, 5, 0, 'stars-view-5-24256995', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-24256995" > <label class="stars-view stars-view-4-24256995 " for="rating-4-24256995" onclick="handleRate(24256995, 4, 0, 'stars-view-4-24256995', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-24256995" > <label class="stars-view stars-view-3-24256995 " for="rating-3-24256995" onclick="handleRate(24256995, 3, 0, 'stars-view-3-24256995', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-24256995" > <label class="stars-view stars-view-2-24256995 " for="rating-2-24256995" onclick="handleRate(24256995, 2, 0, 'stars-view-2-24256995', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-24256995" > <label class="stars-view stars-view-1-24256995 " for="rating-1-24256995" onclick="handleRate(24256995, 1, 0, 'stars-view-1-24256995', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-24256995"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_24256992"> <div class="date-header">30 septembre 2008</div> <a class="article_link" href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770063.html"> <h2 class="article_title title">Fond : Simple 15 - 2 fonds - Etoiles filantes</h2> <div class="article_content"> <div class="article_snippet"> Le code a inserer en Mode HTML dans votre message ou billet : <table class="jo" cellspacing="5" bordercolordark="#000000" cellpadding="5" width="100%" align="center" bordercolorlight="#000000" background=" https://storage.canalblog.com/93/78/144645/5770658.jpg... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 10:11 - <a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770063.html#ob-comments"><span>Commentaires [<span id="comment-count-24256992">…</span><script> ob.commentCount(document.querySelector("#comment-count-24256992"), { resource: "http://joelladesignblog.canalblog.com/api/comment-count/24256992", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770063.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/simple/"><span class="article_footer_tag">Simple</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770063.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10770063.html" data-hashtags="Simple" data-text="Fond : Simple 15 - 2 fonds - Etoiles filantes" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Fond%20%3A%20Simple%2015%20-%202%20fonds%20-%20Etoiles%20filantes&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjoelladesignblog.canalblog.com%2Farchives%2F2008%2F09%2F30%2F10770063.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_24256992"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_24256992") printElement.addEventListener("click", function() { ob.printPost("Fond : Simple 15 - 2 fonds - Etoiles filantes", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<table class=\"jo\" cellspacing=\"5\" bordercolordark=\"#000000\" cellpadding=\"5\" width=\"100%\" align=\"center\" bordercolorlight=\"#000000\" background=\"https:\/\/storage.canalblog.com\/93\/78\/144645\/5770658.jpg\" border=\"1\"><tbody><tr><td class=\"jo\" bordercolorlight=\"#ffd73f\" background=\"http:\/\/images0.hiboox.com\/images\/4805\/xirxp9u.gif\" bordercolordark=\"#ffd73f\" border=\"1\" cellpadding=\"2\" cellspacing=\"2\"><p style=\"MARGIN-TOP: 20px;text-align: center;\"><\/p>\r\n\r\n<p style=\"MARGIN-TOP: 20px;text-align: center;\"><font color=\"#ffff00\" size=\"3\"><strong><u>Le code a inserer en Mode HTML dans votre message ou billet : <\/u><\/strong><\/font><\/p>\r\n\r\n<p style=\"MARGIN-TOP: 20px;text-align: center;\"><font size=\"2\"><strong><font color=\"#ffff00\"><table class="jo" cellspacing="5" bordercolordark="#000000" cellpadding="5" width="100%" align="center" bordercolorlight="#000000" background="<\/font><\/strong><a href=\"https:\/\/storage.canalblog.com\/93\/78\/144645\/5770658.jpg\"><strong><font color=\"#ffff00\">https:\/\/storage.canalblog.com\/93\/78\/144645\/5770658.jpg<\/font><\/strong><\/a><strong><font color=\"#ffff00\">" border="1"><tbody><tr><td class="jo" bordercolorlight="#ffd73f" background="<\/font><\/strong><a href=\"http:\/\/images0.hiboox.com\/images\/4805\/xirxp9u.gif\"><strong><font color=\"#ffff00\">http:\/\/images0.hiboox.com\/images\/4805\/xirxp9u.gif<\/font><\/strong><\/a><strong><font color=\"#ffff00\">" bordercolordark="#ffd73f" border="1" cellpadding="2" cellspacing="2"><p style="MARGIN-TOP: 20px;"><\/p><br \/><p style="MARGIN-TOP: 20px;text-align: center;"><font color="#ffff00" size="3"><br \/><strong><u>Le code a inserer en Mode HTML dans votre message ou billet :<br \/><\/u><\/strong><\/font><\/p><br \/><p style="MARGIN-TOP: 20px;"><br \/><font color="#ffff00"><strong><\/strong><\/font><\/p><br \/><p><\/p><p><\/p><\/td><\/tr><\/tbody><\/table><\/font><\/strong><\/font><\/p>\r\n\r\n<p style=\"MARGIN-TOP: 20px;text-align: center;\"><font color=\"#ffff00\"><strong><\/strong><\/font><\/p>\r\n\r\n<p><\/p>\r\n\r\n<p><\/p><\/td><\/tr><\/tbody><\/table> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-24256992" > <label class="stars-view stars-view-5-24256992 " for="rating-5-24256992" onclick="handleRate(24256992, 5, 0, 'stars-view-5-24256992', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-24256992" > <label class="stars-view stars-view-4-24256992 " for="rating-4-24256992" onclick="handleRate(24256992, 4, 0, 'stars-view-4-24256992', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-24256992" > <label class="stars-view stars-view-3-24256992 " for="rating-3-24256992" onclick="handleRate(24256992, 3, 0, 'stars-view-3-24256992', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-24256992" > <label class="stars-view stars-view-2-24256992 " for="rating-2-24256992" onclick="handleRate(24256992, 2, 0, 'stars-view-2-24256992', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-24256992" > <label class="stars-view stars-view-1-24256992 " for="rating-1-24256992" onclick="handleRate(24256992, 1, 0, 'stars-view-1-24256992', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-24256992"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> </div> <div class="article article_24256989"> <div class="date-header">30 septembre 2008</div> <a class="article_link" href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10769997.html"> <h2 class="article_title title">Fond : Simple 14 - 2 fonds - Etoiles rouges</h2> <div class="article_content"> <div class="article_snippet"> Le code a inserer en Mode HTML dans votre message ou billet : <table class="jo" cellspacing="15" bordercolordark="#000000" cellpadding="15" width="100%" align="center" bordercolorlight="#000000" background=" https://storage.canalblog.com/51/07/144645/13203789.png... </div> </div> </a> <div class="article_footer"> <div class="article_footer_info"> Posté par Joella_ à 10:06 - <a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10769997.html#ob-comments"><span>Commentaires [<span id="comment-count-24256989">…</span><script> ob.commentCount(document.querySelector("#comment-count-24256989"), { resource: "http://joelladesignblog.canalblog.com/api/comment-count/24256989", format: (count) => { const string = count === 0 ? "0" : count === 1 ? "%c" : "%c" return string.replace("%c", count) } }) </script>]</span></a> - Permalien [<a href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10769997.html">#</a>] </div> <div class="article_footer_tags"> Tags: <a href="/tag/simple/"><span class="article_footer_tag">Simple</span></a> </div> <h3 class="ob-Shares-title">Partager cet article</h3> <div class="ob-Shares ob-Shares--right ob-Shares--horizontal "> <div class="ob-Shares-facebookShare"> <div class="fb-share-button" data-href="http://joelladesignblog.canalblog.com/archives/2008/09/30/10769997.html" data-layout="button_count"></div> </div> <div class="ob-Shares-twitter"> <a class="twitter-share-button" href="https://twitter.com/share" data-url="http://joelladesignblog.canalblog.com/archives/2008/09/30/10769997.html" data-hashtags="Simple" data-text="Fond : Simple 14 - 2 fonds - Etoiles rouges" data-lang="en" ></a> </div> <div class="ob-Shares-mail"> <a href="mailto:?subject=Fond%20%3A%20Simple%2014%20-%202%20fonds%20-%20Etoiles%20rouges&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fjoelladesignblog.canalblog.com%2Farchives%2F2008%2F09%2F30%2F10769997.html"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/shareicon_email.png"> </a> </div> <div class="ob-Shares-print ob-Shares-print_24256989"> <img src="https://assets.canalblog.com/c/blog/v2024.08.05/build/images/printer.png"> </div> </div> <script> var printElement = document.querySelector(".ob-Shares-print_24256989") printElement.addEventListener("click", function() { ob.printPost("Fond : Simple 14 - 2 fonds - Etoiles rouges", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<table class=\"jo\" cellspacing=\"15\" bordercolordark=\"#000000\" cellpadding=\"15\" width=\"100%\" align=\"center\" bordercolorlight=\"#000000\" background=\"https:\/\/storage.canalblog.com\/51\/07\/144645\/13203789.png\" border=\"1\"><tbody><tr><td class=\"jo\" bordercolorlight=\"#ff0000\" background=\"https:\/\/storage.canalblog.com\/89\/59\/144645\/13203717.gif\" bordercolordark=\"#ff0000\" border=\"1\" cellpadding=\"2\" cellspacing=\"2\"><p style=\"MARGIN-TOP: 20px;text-align: center;\"><\/p>\r\n\r\n<p style=\"MARGIN-TOP: 20px;text-align: center;\"><font color=\"#ffff00\" size=\"3\"><strong><u>Le code a inserer en Mode HTML dans votre message ou billet :<\/u><\/strong><\/font><\/p>\r\n\r\n<p style=\"MARGIN-TOP: 20px;text-align: center;\"><font color=\"#ffff00\"><strong><table class="jo" cellspacing="15" bordercolordark="#000000" cellpadding="15" width="100%" align="center" <br \/>bordercolorlight="#000000" background="<\/strong><\/font><a href=\"https:\/\/storage.canalblog.com\/51\/07\/144645\/13203789.png\"><font color=\"#ffff00\"><strong>https:\/\/storage.canalblog.com\/51\/07\/144645\/13203789.png<\/strong><\/font><\/a><font color=\"#ffff00\"><strong>" border="1"><br \/><tbody><tr><td class="jo" bordercolorlight="#ff0000" <br \/>background="<\/strong><\/font><a href=\"https:\/\/storage.canalblog.com\/89\/59\/144645\/13203717.gif\"><font color=\"#ffff00\"><strong>https:\/\/storage.canalblog.com\/89\/59\/144645\/13203717.gif<\/strong><\/font><\/a><font color=\"#ffff00\"><strong>" <br \/>bordercolordark="#ff0000" border="1" cellpadding="2" cellspacing="2"><br \/><p style="MARGIN-TOP: 20px;"><\/p><br \/><p style="MARGIN-TOP: 20px;text-align: center;"><font color="#ffff00"><br \/>Le code a inserer en Mode HTML dans votre message ou billet :<\/font><\/p><br \/><p><\/p><p><\/p><\/td><\/tr><\/tbody><\/table><\/strong><\/font><\/p>\r\n\r\n<p><\/p>\r\n\r\n<p><\/p><\/td><\/tr><\/tbody><\/table> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog") }) </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'facebook-jssdk')); </script> <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.type = 'text/javascript'; js.async = true; js.defer = true; js.id = id; js.src = 'https://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-jssdk')); </script> <div class="rating-wrapper"> <div class="rating-wording">Vous aimez ?</div> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> <linearGradient id="grad"> <stop offset="50%" stop-color="#ffc41f"/> <stop offset="50%" stop-color="#9f9f9f"/> </linearGradient> </defs> </svg> <form class="stars"> <input class="stars-input" type="radio" name="rating" value="5" id="rating-5-24256989" > <label class="stars-view stars-view-5-24256989 " for="rating-5-24256989" onclick="handleRate(24256989, 5, 0, 'stars-view-5-24256989', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="4" id="rating-4-24256989" > <label class="stars-view stars-view-4-24256989 " for="rating-4-24256989" onclick="handleRate(24256989, 4, 0, 'stars-view-4-24256989', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="3" id="rating-3-24256989" > <label class="stars-view stars-view-3-24256989 " for="rating-3-24256989" onclick="handleRate(24256989, 3, 0, 'stars-view-3-24256989', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="2" id="rating-2-24256989" > <label class="stars-view stars-view-2-24256989 " for="rating-2-24256989" onclick="handleRate(24256989, 2, 0, 'stars-view-2-24256989', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> <input class="stars-input" type="radio" name="rating" value="1" id="rating-1-24256989" > <label class="stars-view stars-view-1-24256989 " for="rating-1-24256989" onclick="handleRate(24256989, 1, 0, 'stars-view-1-24256989', this)"> <svg class="icon icon-star"> <use xlink:href="#icon-star"></use> </svg> </label> </form> <div class="rating-raters-24256989"> 0 vote </div> </div> <script defer async> function setFullStar(halfStarElement) { halfStarElement.classList.add('star-chosen') } function setRaters(ratersElement, raters) { ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote` } function createToaster() { const toaster = document.createElement('div') toaster.classList.add('rating-toaster') document.body.appendChild(toaster) return toaster } function showToast(message, status) { const toaster = createToaster() toaster.textContent = message toaster.classList.add('show-rating-toaster') if (status === "success") { toaster.style.backgroundColor = "#E5F4EF" toaster.style.color = "#1D8C65" } else { toaster.style.backgroundColor = "#FFB5B5" toaster.style.color = "#6F0000" } setTimeout(() => { toaster.classList.remove('show-rating-toaster') }, 3000) } async function rate(postID, value, halfStarClass, node) { const res = await fetch(`/api/section-container/rate/${postID}/${value}`, { method: "POST", headers: { "Content-Type": "application/json", }, credentials: 'include', }) if (res.ok) { const data = await res.json() const ratersNumber = document.querySelector(`.rating-raters-${postID}`) setRaters(ratersNumber, data.raters) showToast("Votre vote est pris en compte","success") if (node.classList.contains("half-star")) { const halfStarElement = document.querySelector(`.${halfStarClass}`) setFullStar(halfStarElement) } } return res } function handleUserLogin() { return window.open( `${window.location.origin}/comments/fr/fetch/user`, "loginob", "width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0" ) } async function handleRate(postID, value, halfStar, halfStarClass, node) { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error") return } try { const rateResponse = await rate(postID, value, halfStarClass, node) if (rateResponse.status === 401) { const loginWindow = handleUserLogin() const checkWindowClosed = setInterval(() => { if (loginWindow && loginWindow.closed) { clearInterval(checkWindowClosed) const res = rate(postID, value, halfStarClass) if (res.status !== 200) { showToast("Une erreur est survenue lors du vote","error") } } }, 1000) } } catch (e) { showToast("Une erreur est survenue lors du vote","error") } } </script> </div> </div> <div class="ads_container-atf"> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_507acf7"></div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_1731c12"></div> </div> </div> <div class="ob-pagination"> <a href="/" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/page/6" 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> <span class="ob-page ob-page-current " >7</span> <a href="/page/8" class="ob-page ob-page-link " >8</a> <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/8" class="ob-page ob-page-link ob-page-next" >></a> <a href="/page/18" class="ob-page ob-page-link ob-page-last" >>></a> </div> </div> </div> <div class="right-zone"> <div class="side-zone"> <div class="ob-widgets"> <div class="ob-widget ob-widget_rss"> <div class="ob-widget_rss_element ob-widget_social-share"> <a class="ob-widget_rss_link" href="/rss" target="_blank"> <i class="fa-solid fa-rss"></i> <span>Flux RSS</span> </a> </div> </div> <div class="ads-container half_page"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_fc95270"></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ads-container super_leaderboard"> <div class="ads-placeholder"> <span>Publicité</span> </div> <div id="_db982ba"></div> </div> <script> document.addEventListener("DOMContentLoaded", function () { function createDropdownTrigger() { var trigger = document.createElement("span") trigger.classList.add("trigger") return trigger } function addTriggers() { var elementsToTriggers = document.querySelectorAll(".menu-main .branch > a, .menu-main .branch > span") elementsToTriggers.forEach(function (elementToTrigger) { elementToTrigger.insertAdjacentElement("afterend", createDropdownTrigger()) }) } addTriggers() }) </script> <div class="ob-footer ob-footer-padded" id="legals" > <ul> <li class="ob-footer-item"><a href="https://www.canalblog.com/" target="_blank">Créer un blog gratuit sur CanalBlog</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.canalblog.com/abuse/912964"> Signaler un abus </a></li> <li class="ob-footer-item"><a href="https://www.canalblog.com/cf/tos.cfm" target="_blank">C.G.U.</a></li> <li class="ob-footer-item"><a href="https://www.canalblog.com/cf/cookies.cfm" 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> <script defer async> document.addEventListener('DOMContentLoaded', function() { async function syncRating() { const isPreview = /\/preview\/|\.preview\./.test(window.location.href) if (isPreview) { return } const res = await fetch(`/api/section-container/rates`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ id: [24257022,24257008,24257006,24257004,24257002,24257000,24256998,24256995,24256992,24256989], }) }) if (res.ok) { const data = await res.json() Object.keys(data).forEach(function(key) { const postRate = data[key] const input = document.querySelector(`#rating-${Math.ceil(postRate.rate)}-${key}`) input.checked = true // check if it's half-star rate if (!Number.isInteger(postRate.rate)) { const label = document.querySelector(`.stars-view-${Math.ceil(postRate.rate)}-${key}`) label.classList.add("half-star") } const ratersEl = document.querySelector(`.rating-raters-${key}`) ratersEl.textContent = postRate.raters > 1 ? `${postRate.raters} votes` : `${postRate.raters} vote` }) } } syncRating() }) </script> <div id="_fb55082"></div><div id="_990c6af"></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> </body> </html>
/https%3A%2F%2Fstorage.canalblog.com%2F81%2F01%2F144645%2F21224867.gif)
