601 lines
58 KiB
HTML
601 lines
58 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr-FR">
|
||
<head>
|
||
<meta charset='UTF-8'>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="profile" href="http://gmpg.org/xfn/11">
|
||
<link rel="pingback" href="/xmlrpc.php">
|
||
<title>Sapin de noël – HugoPoi</title>
|
||
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
|
||
<link rel='dns-prefetch' href='//s.w.org' />
|
||
<link rel="alternate" type="application/rss+xml" title="HugoPoi » Flux" href="/feed/" />
|
||
<link rel="alternate" type="application/rss+xml" title="HugoPoi » Flux des commentaires" href="/comments/feed/" />
|
||
<link rel="alternate" type="application/rss+xml" title="HugoPoi » Sapin de noël Flux des commentaires" href="/2010/12/24/sapin-de-noel/feed/" />
|
||
<script type="text/javascript">
|
||
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/blog.hugopoi.net\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.5.3"}};
|
||
!function(e,a,t){var r,n,o,i,p=a.createElement("canvas"),s=p.getContext&&p.getContext("2d");function c(e,t){var a=String.fromCharCode;s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,e),0,0);var r=p.toDataURL();return s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,t),0,0),r===p.toDataURL()}function l(e){if(!s||!s.fillText)return!1;switch(s.textBaseline="top",s.font="600 32px Arial",e){case"flag":return!c([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])&&(!c([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));case"emoji":return!c([55357,56424,8205,55356,57212],[55357,56424,8203,55356,57212])}return!1}function d(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(i=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},o=0;o<i.length;o++)t.supports[i[o]]=l(i[o]),t.supports.everything=t.supports.everything&&t.supports[i[o]],"flag"!==i[o]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[i[o]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(r=t.source||{}).concatemoji?d(r.concatemoji):r.wpemoji&&r.twemoji&&(d(r.twemoji),d(r.wpemoji)))}(window,document,window._wpemojiSettings);
|
||
</script>
|
||
<style type="text/css">
|
||
img.wp-smiley,
|
||
img.emoji {
|
||
display: inline !important;
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
height: 1em !important;
|
||
width: 1em !important;
|
||
margin: 0 .07em !important;
|
||
vertical-align: -0.1em !important;
|
||
background: none !important;
|
||
padding: 0 !important;
|
||
}
|
||
</style>
|
||
<link rel='stylesheet' id='wp-block-library-css' href='/wp-includes/css/dist/block-library/style.min.css?ver=5.5.3' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='contact-form-7-css' href='/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.3' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='wp-syntax-css-css' href='/wp-content/plugins/wp-syntax/css/wp-syntax.css?ver=1.1' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='bootstrap-css' href='/wp-content/themes/hestia/assets/bootstrap/css/bootstrap.min.css?ver=1.0.2' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='hestia-font-sizes-css' href='/wp-content/themes/hestia/assets/css/font-sizes.min.css?ver=3.0.4' type='text/css' media='all' />
|
||
<link rel='stylesheet' id='hestia_style-css' href='/wp-content/themes/hestia/style.min.css?ver=3.0.4' type='text/css' media='all' />
|
||
<style id='hestia_style-inline-css' type='text/css'>
|
||
.hestia-top-bar, .hestia-top-bar .widget.widget_shopping_cart .cart_list {
|
||
background-color: #363537
|
||
}
|
||
.hestia-top-bar .widget .label-floating input[type=search]:-webkit-autofill {
|
||
-webkit-box-shadow: inset 0 0 0px 9999px #363537
|
||
}.hestia-top-bar, .hestia-top-bar .widget .label-floating input[type=search], .hestia-top-bar .widget.widget_search form.form-group:before, .hestia-top-bar .widget.widget_product_search form.form-group:before, .hestia-top-bar .widget.widget_shopping_cart:before {
|
||
color: #ffffff
|
||
}
|
||
.hestia-top-bar .widget .label-floating input[type=search]{
|
||
-webkit-text-fill-color:#ffffff !important
|
||
}
|
||
.hestia-top-bar div.widget.widget_shopping_cart:before, .hestia-top-bar .widget.widget_product_search form.form-group:before, .hestia-top-bar .widget.widget_search form.form-group:before{
|
||
background-color: #ffffff
|
||
}.hestia-top-bar a, .hestia-top-bar .top-bar-nav li a {
|
||
color: #ffffff
|
||
}
|
||
.hestia-top-bar ul li a[href*="mailto:"]:before, .hestia-top-bar ul li a[href*="tel:"]:before{
|
||
background-color: #ffffff
|
||
}
|
||
.hestia-top-bar a:hover, .hestia-top-bar .top-bar-nav li a:hover {
|
||
color: #eeeeee
|
||
}
|
||
.hestia-top-bar ul li:hover a[href*="mailto:"]:before, .hestia-top-bar ul li:hover a[href*="tel:"]:before{
|
||
background-color: #eeeeee
|
||
}
|
||
a,
|
||
.navbar .dropdown-menu li:hover > a,
|
||
.navbar .dropdown-menu li:focus > a,
|
||
.navbar .dropdown-menu li:active > a,
|
||
.navbar .navbar-nav > li .dropdown-menu li:hover > a,
|
||
body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a,
|
||
body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a:hover,
|
||
body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a:focus,
|
||
a:hover,
|
||
.card-blog a.moretag:hover,
|
||
.card-blog a.more-link:hover,
|
||
.widget a:hover,
|
||
.has-text-color.has-accent-color,
|
||
p.has-text-color a {
|
||
color:#05ad13;
|
||
}
|
||
.svg-text-color{
|
||
fill:#05ad13;
|
||
}
|
||
.pagination span.current, .pagination span.current:focus, .pagination span.current:hover {
|
||
border-color:#05ad13
|
||
}
|
||
button,
|
||
button:hover,
|
||
.woocommerce .track_order button[type="submit"],
|
||
.woocommerce .track_order button[type="submit"]:hover,
|
||
div.wpforms-container .wpforms-form button[type=submit].wpforms-submit,
|
||
div.wpforms-container .wpforms-form button[type=submit].wpforms-submit:hover,
|
||
input[type="button"],
|
||
input[type="button"]:hover,
|
||
input[type="submit"],
|
||
input[type="submit"]:hover,
|
||
input#searchsubmit,
|
||
.pagination span.current,
|
||
.pagination span.current:focus,
|
||
.pagination span.current:hover,
|
||
.btn.btn-primary,
|
||
.btn.btn-primary:link,
|
||
.btn.btn-primary:hover,
|
||
.btn.btn-primary:focus,
|
||
.btn.btn-primary:active,
|
||
.btn.btn-primary.active,
|
||
.btn.btn-primary.active:focus,
|
||
.btn.btn-primary.active:hover,
|
||
.btn.btn-primary:active:hover,
|
||
.btn.btn-primary:active:focus,
|
||
.btn.btn-primary:active:hover,
|
||
.hestia-sidebar-open.btn.btn-rose,
|
||
.hestia-sidebar-close.btn.btn-rose,
|
||
.hestia-sidebar-open.btn.btn-rose:hover,
|
||
.hestia-sidebar-close.btn.btn-rose:hover,
|
||
.hestia-sidebar-open.btn.btn-rose:focus,
|
||
.hestia-sidebar-close.btn.btn-rose:focus,
|
||
.label.label-primary,
|
||
.hestia-work .portfolio-item:nth-child(6n+1) .label,
|
||
.nav-cart .nav-cart-content .widget .buttons .button,
|
||
.has-accent-background-color[class*="has-background"] {
|
||
background-color: #05ad13;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.navbar-default .navbar-nav>li>a:hover,
|
||
.navbar-default .navbar-nav>li>a:focus,
|
||
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover,
|
||
.navbar .navbar-nav .dropdown .dropdown-menu li a:focus,
|
||
.navbar button.navbar-toggle:hover,
|
||
.navbar .navbar-nav li:hover > a i {
|
||
color: #05ad13;
|
||
}
|
||
}
|
||
body:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close),
|
||
body:not(.woocommerce-page) .button:not([class^="fl-"]):not(hestia-scroll-to-top):not(.navbar-toggle):not(.add_to_cart_button),
|
||
div.wpforms-container .wpforms-form button[type=submit].wpforms-submit,
|
||
input[type="submit"],
|
||
input[type="button"],
|
||
.btn.btn-primary,
|
||
.widget_product_search button[type="submit"],
|
||
.hestia-sidebar-open.btn.btn-rose,
|
||
.hestia-sidebar-close.btn.btn-rose,
|
||
.everest-forms button[type=submit].everest-forms-submit-button {
|
||
-webkit-box-shadow: 0 2px 2px 0 rgba(5,173,19,0.14),0 3px 1px -2px rgba(5,173,19,0.2),0 1px 5px 0 rgba(5,173,19,0.12);
|
||
box-shadow: 0 2px 2px 0 rgba(5,173,19,0.14),0 3px 1px -2px rgba(5,173,19,0.2),0 1px 5px 0 rgba(5,173,19,0.12);
|
||
}
|
||
.card .header-primary, .card .content-primary,
|
||
.everest-forms button[type=submit].everest-forms-submit-button {
|
||
background: #05ad13;
|
||
}
|
||
body:not(.woocommerce-page) .button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.add_to_cart_button):hover,
|
||
body:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close):hover,
|
||
div.wpforms-container .wpforms-form button[type=submit].wpforms-submit:hover,
|
||
input[type="submit"]:hover,
|
||
input[type="button"]:hover,
|
||
input#searchsubmit:hover,
|
||
.widget_product_search button[type="submit"]:hover,
|
||
.pagination span.current,
|
||
.btn.btn-primary:hover,
|
||
.btn.btn-primary:focus,
|
||
.btn.btn-primary:active,
|
||
.btn.btn-primary.active,
|
||
.btn.btn-primary:active:focus,
|
||
.btn.btn-primary:active:hover,
|
||
.hestia-sidebar-open.btn.btn-rose:hover,
|
||
.hestia-sidebar-close.btn.btn-rose:hover,
|
||
.pagination span.current:hover,
|
||
.everest-forms button[type=submit].everest-forms-submit-button:hover,
|
||
.everest-forms button[type=submit].everest-forms-submit-button:focus,
|
||
.everest-forms button[type=submit].everest-forms-submit-button:active {
|
||
-webkit-box-shadow: 0 14px 26px -12px rgba(5,173,19,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(5,173,19,0.2);
|
||
box-shadow: 0 14px 26px -12px rgba(5,173,19,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(5,173,19,0.2);
|
||
color: #fff;
|
||
}
|
||
.form-group.is-focused .form-control {
|
||
background-image: -webkit-gradient(linear,left top, left bottom,from(#05ad13),to(#05ad13)),-webkit-gradient(linear,left top, left bottom,from(#d2d2d2),to(#d2d2d2));
|
||
background-image: -webkit-linear-gradient(linear,left top, left bottom,from(#05ad13),to(#05ad13)),-webkit-linear-gradient(linear,left top, left bottom,from(#d2d2d2),to(#d2d2d2));
|
||
background-image: linear-gradient(linear,left top, left bottom,from(#05ad13),to(#05ad13)),linear-gradient(linear,left top, left bottom,from(#d2d2d2),to(#d2d2d2));
|
||
}
|
||
.navbar:not(.navbar-transparent) li:not(.btn):hover > a,
|
||
.navbar li.on-section:not(.btn) > a,
|
||
.navbar.full-screen-menu.navbar-transparent li:not(.btn):hover > a,
|
||
.navbar.full-screen-menu .navbar-toggle:hover,
|
||
.navbar:not(.navbar-transparent) .nav-cart:hover,
|
||
.navbar:not(.navbar-transparent) .hestia-toggle-search:hover {
|
||
color:#05ad13
|
||
}
|
||
.header-filter-gradient {
|
||
background: linear-gradient(45deg, rgba(168,29,132,1) 0%, rgb(234,57,111) 100%);
|
||
}
|
||
.has-text-color.has-header-gradient-color { color: #a81d84; }
|
||
.has-header-gradient-background-color[class*="has-background"] { background-color: #a81d84; }
|
||
.has-text-color.has-background-color-color { color: #000000; }
|
||
.has-background-color-background-color[class*="has-background"] { background-color: #000000; }
|
||
.btn.btn-primary:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item), input[type="submit"]:not(.search-submit), body:not(.woocommerce-account) .woocommerce .button.woocommerce-Button, .woocommerce .product button.button, .woocommerce .product button.button.alt, .woocommerce .product #respond input#submit, .woocommerce-cart .blog-post .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce-checkout #payment #place_order, .woocommerce-account.woocommerce-page button.button, .woocommerce .track_order button[type="submit"], .nav-cart .nav-cart-content .widget .buttons .button, .woocommerce a.button.wc-backward, body.woocommerce .wccm-catalog-item a.button, body.woocommerce a.wccm-button.button, form.woocommerce-form-coupon button.button, div.wpforms-container .wpforms-form button[type=submit].wpforms-submit, div.woocommerce a.button.alt, div.woocommerce table.my_account_orders .button, .btn.colored-button, .btn.btn-left, .btn.btn-right, .btn:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item):not(.hestia-sidebar-open):not(.hestia-sidebar-close){ padding-top:15px; padding-bottom:15px; padding-left:33px; padding-right:33px; }
|
||
.btn.btn-primary:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item), input[type="submit"]:not(.search-submit), body:not(.woocommerce-account) .woocommerce .button.woocommerce-Button, .woocommerce .product button.button, .woocommerce .product button.button.alt, .woocommerce .product #respond input#submit, .woocommerce-cart .blog-post .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce-checkout #payment #place_order, .woocommerce-account.woocommerce-page button.button, .woocommerce .track_order button[type="submit"], .nav-cart .nav-cart-content .widget .buttons .button, .woocommerce a.button.wc-backward, body.woocommerce .wccm-catalog-item a.button, body.woocommerce a.wccm-button.button, form.woocommerce-form-coupon button.button, div.wpforms-container .wpforms-form button[type=submit].wpforms-submit, div.woocommerce a.button.alt, div.woocommerce table.my_account_orders .button, input[type="submit"].search-submit, .hestia-view-cart-wrapper .added_to_cart.wc-forward, .woocommerce-product-search button, .woocommerce-cart .actions .button, #secondary div[id^=woocommerce_price_filter] .button, .woocommerce div[id^=woocommerce_widget_cart].widget .buttons .button, .searchform input[type=submit], .searchform button, .search-form:not(.media-toolbar-primary) input[type=submit], .search-form:not(.media-toolbar-primary) button, .woocommerce-product-search input[type=submit], .btn.colored-button, .btn.btn-left, .btn.btn-right, .btn:not(.colored-button):not(.btn-left):not(.btn-right):not(.btn-just-icon):not(.menu-item):not(.hestia-sidebar-open):not(.hestia-sidebar-close){border-radius:3px;}
|
||
@media (min-width: 769px){
|
||
.page-header.header-small .hestia-title,
|
||
.page-header.header-small .title,
|
||
h1.hestia-title.title-in-content,
|
||
.main article.section .has-title-font-size {
|
||
font-size: 42px;
|
||
}}
|
||
</style>
|
||
<link rel='stylesheet' id='hestia_fonts-css' href='https://fonts.googleapis.com/css?family=Roboto%3A300%2C400%2C500%2C700%7CRoboto+Slab%3A400%2C700&subset=latin%2Clatin-ext&ver=3.0.4' type='text/css' media='all' />
|
||
<script type='text/javascript' src='/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp' id='jquery-core-js'></script>
|
||
<link rel="https://api.w.org/" href="/wp-json/" /><link rel="alternate" type="application/json" href="/wp-json/wp/v2/posts/213" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc.php?rsd" />
|
||
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="/wp-includes/wlwmanifest.xml" />
|
||
<link rel='prev' title='IPv6 – Intro' href='/2010/12/20/ipv6-intro/' />
|
||
<link rel='next' title='Test du Samsung Galaxy S' href='/2010/12/27/test-du-samsung-galaxy-s/' />
|
||
<meta name="generator" content="WordPress 5.5.3" />
|
||
<link rel="canonical" href="/2010/12/24/sapin-de-noel/" />
|
||
<link rel='shortlink' href='/?p=213' />
|
||
<link rel="alternate" type="application/json+oembed" href="/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.hugopoi.net%2F2010%2F12%2F24%2Fsapin-de-noel%2F" />
|
||
<link rel="alternate" type="text/xml+oembed" href="/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.hugopoi.net%2F2010%2F12%2F24%2Fsapin-de-noel%2F&format=xml" />
|
||
<meta name="description" content="" />
|
||
<style type="text/css" id="custom-background-css">
|
||
body.custom-background { background-color: #000000; }
|
||
</style>
|
||
<style type="text/css" id="wp-custom-css">
|
||
@media only screen and (min-width:1440px){
|
||
/* styles for browsers larger than 1440px; */
|
||
.container{
|
||
width: 1600px;
|
||
}
|
||
}
|
||
.wp-block {
|
||
max-width: initial;
|
||
} </style>
|
||
</head>
|
||
<body class="post-template-default single single-post postid-213 single-format-standard custom-background blog-post header-layout-default">
|
||
<div class="wrapper post-213 post type-post status-publish format-standard hentry category-developpement tag-javascript tag-noel tag-sapin default ">
|
||
<header class="header ">
|
||
<div style="display: none"></div> <nav class="navbar navbar-default navbar-fixed-top hestia_left navbar-not-transparent">
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<div class="title-logo-wrapper">
|
||
<a class="navbar-brand" href="/"
|
||
title="HugoPoi">
|
||
<p>HugoPoi</p></a>
|
||
</div>
|
||
<div class="navbar-toggle-wrapper">
|
||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navigation">
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="sr-only">Déplier la navigation</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div id="main-navigation" class="collapse navbar-collapse"><ul id="menu-main-menu" class="nav navbar-nav"><li id="menu-item-985" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-985"><a title="Home" href="/">Home</a></li>
|
||
</ul></div> </div>
|
||
</nav>
|
||
</header>
|
||
<div id="primary" class="boxed-layout-header page-header header-small" data-parallax="active" ><div class="container"><div class="row"><div class="col-md-10 col-md-offset-1 text-center"><h1 class="hestia-title entry-title">Sapin de noël</h1><h4 class="author">Publié par <a href="/author/hugopoi/" class="vcard author"><strong class="fn">HugoPoi</strong></a> le <time class="entry-date published" datetime="2010-12-24T19:21:12+01:00" content="2010-12-24">24 décembre 2010</time><time class="updated hestia-hidden" datetime="2010-12-24T20:22:29+01:00">24 décembre 2010</time></h4></div></div></div><div class="header-filter" style="background-image: url(/wp-content/uploads/2017/06/IMG_20170528_085824.jpg);"></div></div>
|
||
<div class="main main-raised ">
|
||
<div class="blog-post blog-post-wrapper">
|
||
<div class="container">
|
||
<article id="post-213" class="section section-text">
|
||
<div class="row">
|
||
<div class="col-md-8 single-post-container" data-layout="sidebar-right">
|
||
<div class="single-post-wrap entry-content"><p>Encore un script useless pour passer le temps mais celui-ci vous pouvez l’intégrer sur votre site/blog.<span id="more-213"></span></p>
|
||
<p>Language : JavaScript</p>
|
||
<p>Dépendance : jQuery</p>
|
||
<p>Type d’exécution : Local</p>
|
||
<p>Description : Ce script génère et affiche un sapin de noël avec boules animées de couleurs !</p>
|
||
<p>Fonctionnement : Remplit un tableau HTML puis exécute toutes les 500ms le changement de couleur.</p>
|
||
<p>Exemple :</p>
|
||
<p>Download : <a href="/wp-content/uploads/2010/12/sapinnoel.html" target="_blank">Script-Exemple</a></p>
|
||
<p>Source Code :</p>
|
||
<div class="wp_syntax" style="position:relative;"><table><tr><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">//fonction de génération de sapin</span>
|
||
<span style="color: #000066; font-weight: bold;">function</span> gen_sapin_noel<span style="color: #009900;">(</span>h_def<span style="color: #339933;">,</span>prob_ball<span style="color: #009900;">)</span><span style="color: #009900;">{</span>
|
||
|
||
<span style="color: #006600; font-style: italic;">//constantes vous pouvez les modifier et admirer !!! enjoy</span>
|
||
<span style="color: #006600; font-style: italic;">//var h_def = 10;</span>
|
||
<span style="color: #006600; font-style: italic;">//var prob_ball = 40;</span>
|
||
|
||
<span style="color: #006600; font-style: italic;">//code génération du sapin</span>
|
||
<span style="color: #000066; font-weight: bold;">var</span> sapin_de_noel <span style="color: #339933;">=</span> <span style="color: #3366CC;">""</span><span style="color: #339933;">;</span>
|
||
<span style="color: #000066; font-weight: bold;">var</span> nbr_balls <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
|
||
<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">(</span><span style="color: #000066; font-weight: bold;">var</span> i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span> <span style="color: #339933;">;</span> i <span style="color: #339933;">&</span>lt<span style="color: #339933;">;</span> h_def <span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>
|
||
<span style="color: #000066; font-weight: bold;">var</span> nbr_stars <span style="color: #339933;">=</span> <span style="color: #009900;">(</span>i<span style="color: #339933;">*</span><span style="color: #CC0000;">2</span><span style="color: #009900;">)</span><span style="color: #339933;">-</span><span style="color: #CC0000;">1</span> <span style="color: #339933;">;</span>
|
||
<span style="color: #000066; font-weight: bold;">var</span> stars <span style="color: #339933;">=</span> <span style="color: #3366CC;">""</span><span style="color: #339933;">;</span>
|
||
<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">(</span><span style="color: #000066; font-weight: bold;">var</span> j<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span> <span style="color: #339933;">;</span> j <span style="color: #339933;">&</span>lt<span style="color: #339933;">;</span> nbr_stars <span style="color: #339933;">;</span> j<span style="color: #339933;">++</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span> <span style="color: #006600; font-style: italic;">//ecriture du code pour ajouter les boules LOL if(Math.round(Math.random()*51) &gt; prob_ball){</span>
|
||
nbr_balls<span style="color: #339933;">++;</span>
|
||
stars <span style="color: #339933;">+=</span> <span style="color: #3366CC;">"<span class="</span>\<span style="color: #339933;">&</span>quot<span style="color: #339933;">;</span>balln<span style="color: #339933;">&</span>quot<span style="color: #339933;">;+</span><span style="color: #3366CC;">">●</span>"</span><span style="color: #339933;">;</span>
|
||
<span style="color: #009900;">}</span>
|
||
<span style="color: #000066; font-weight: bold;">else</span><span style="color: #009900;">{</span>
|
||
stars <span style="color: #339933;">+=</span> <span style="color: #3366CC;">"*"</span><span style="color: #339933;">;</span>
|
||
<span style="color: #009900;">}</span>
|
||
<span style="color: #009900;">}</span>
|
||
|
||
sapin_de_noel <span style="color: #339933;">+=</span> <span style="color: #3366CC;">"
|
||
|
||
"</span><span style="color: #339933;">+</span>stars<span style="color: #339933;">+</span><span style="color: #3366CC;">"
|
||
|
||
"</span><span style="color: #339933;">;</span>
|
||
|
||
<span style="color: #009900;">}</span>
|
||
<span style="color: #006600; font-style: italic;">//pied de sapin</span>
|
||
<span style="color: #000066; font-weight: bold;">var</span> pied<span style="color: #339933;">=</span> <span style="color: #3366CC;">""</span><span style="color: #339933;">;</span>
|
||
<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">(</span><span style="color: #000066; font-weight: bold;">var</span> j<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span> <span style="color: #339933;">;</span> j <span style="color: #339933;">&</span>lt<span style="color: #339933;">;</span> <span style="">Math</span>.<span style="color: #660066;">round</span><span style="color: #009900;">(</span><span style="color: #009900;">(</span><span style="color: #009900;">(</span>h_def<span style="color: #339933;">*</span><span style="color: #CC0000;">2</span><span style="color: #009900;">)</span><span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">)</span><span style="color: #339933;">*</span><span style="color: #CC0000;">0.25</span><span style="color: #009900;">)</span> <span style="color: #339933;">;</span> j<span style="color: #339933;">++</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>
|
||
pied <span style="color: #339933;">+=</span> <span style="color: #3366CC;">"*"</span><span style="color: #339933;">;</span>
|
||
<span style="color: #009900;">}</span>
|
||
<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">(</span><span style="color: #000066; font-weight: bold;">var</span> i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span> <span style="color: #339933;">;</span> i <span style="color: #339933;">&</span>lt<span style="color: #339933;">;</span> <span style="">Math</span>.<span style="color: #660066;">round</span><span style="color: #009900;">(</span>h_def<span style="color: #339933;">*</span><span style="color: #CC0000;">0.30</span><span style="color: #009900;">)</span> <span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>
|
||
sapin_de_noel <span style="color: #339933;">+=</span> <span style="color: #3366CC;">"
|
||
|
||
"</span><span style="color: #339933;">+</span>pied<span style="color: #339933;">+</span><span style="color: #3366CC;">"
|
||
|
||
"</span><span style="color: #339933;">;</span>
|
||
<span style="color: #009900;">}</span>
|
||
|
||
ar_sapin_de_noel <span style="color: #339933;">=</span> <span style="color: #009900;">[</span>sapin_de_noel<span style="color: #339933;">,</span> nbr_balls<span style="color: #009900;">]</span> <span style="color: #339933;">;</span>
|
||
|
||
<span style="color: #000066; font-weight: bold;">return</span> ar_sapin_de_noel<span style="color: #339933;">;</span>
|
||
<span style="color: #009900;">}</span>
|
||
|
||
<span style="color: #006600; font-style: italic;">//main</span>
|
||
<span style="color: #006600; font-style: italic;">//Créer les sapins</span>
|
||
<span style="color: #006600; font-style: italic;">//Selectionne tous les</span>
|
||
|
||
<span style="color: #000066; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
|
||
<span style="color: #000066; font-weight: bold;">var</span> max_balls <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
|
||
while<span style="color: #009900;">(</span>$<span style="color: #009900;">(</span><span style="color: #3366CC;">".sapin_noel"</span><span style="color: #009900;">)</span><span style="color: #009900;">[</span>i<span style="color: #009900;">]</span> <span style="color: #339933;">!=</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>
|
||
<span style="color: #000066; font-weight: bold;">var</span> sapin_gen <span style="color: #339933;">=</span> gen_sapin_noel<span style="color: #009900;">(</span><span style="color: #CC0000;">10</span><span style="color: #339933;">,</span><span style="color: #CC0000;">40</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
|
||
$<span style="color: #009900;">(</span><span style="color: #3366CC;">".sapin_noel"</span><span style="color: #009900;">)</span><span style="color: #009900;">[</span>i<span style="color: #009900;">]</span>.<span style="color: #660066;">innerHTML</span> <span style="color: #339933;">=</span> sapin_gen<span style="color: #009900;">[</span><span style="color: #CC0000;">0</span><span style="color: #009900;">]</span><span style="color: #339933;">;</span><span style="color: #006600; font-style: italic;">//je pense que c'est dégueulasse de l'écrire comme ça ...(innerHTML pour un table) je suis un Newbe en javascript</span>
|
||
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">(</span>sapin_gen<span style="color: #009900;">[</span><span style="color: #CC0000;">1</span><span style="color: #009900;">]</span> <span style="color: #339933;">&</span>gt<span style="color: #339933;">;</span> max_balls<span style="color: #009900;">)</span> max_balls <span style="color: #339933;">=</span> sapin_gen<span style="color: #009900;">[</span><span style="color: #CC0000;">1</span><span style="color: #009900;">]</span> <span style="color: #339933;">;</span>
|
||
i<span style="color: #339933;">++;</span>
|
||
<span style="color: #009900;">}</span>
|
||
|
||
<span style="color: #006600; font-style: italic;">//fonction pour animer !</span>
|
||
<span style="color: #000066; font-weight: bold;">function</span> sapin_anim<span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>
|
||
<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">(</span><span style="color: #000066; font-weight: bold;">var</span> i<span style="color: #339933;">=</span><span style="color: #CC0000;">1</span> <span style="color: #339933;">;</span> i <span style="color: #339933;">!=</span> max_balls<span style="color: #339933;">+</span><span style="color: #CC0000;">1</span> <span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span>
|
||
<span style="color: #006600; font-style: italic;">//def une couleur aléatoire</span>
|
||
$<span style="color: #009900;">(</span><span style="color: #3366CC;">".balln"</span><span style="color: #339933;">+</span>i<span style="color: #009900;">)</span>.<span style="color: #660066;">css</span><span style="color: #009900;">(</span><span style="color: #3366CC;">"color"</span> <span style="color: #339933;">,</span> <span style="color: #3366CC;">'#'</span><span style="color: #339933;">+</span><span style="">Math</span>.<span style="color: #660066;">floor</span><span style="color: #009900;">(</span><span style="">Math</span>.<span style="color: #660066;">random</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">*</span><span style="color: #CC0000;">16777215</span><span style="color: #009900;">)</span>.<span style="color: #660066;">toString</span><span style="color: #009900;">(</span><span style="color: #CC0000;">16</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
|
||
<span style="color: #009900;">}</span>
|
||
<span style="color: #009900;">}</span>
|
||
|
||
<span style="color: #006600; font-style: italic;">//animation du sapin</span>
|
||
sapin_anim<span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
|
||
<span style="color: #000066; font-weight: bold;">var</span> timer<span style="color: #339933;">=</span>setInterval<span style="color: #009900;">(</span><span style="color: #3366CC;">"sapin_anim()"</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">500</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre></td></tr></table><p class="theCode" style="display:none;">//fonction de génération de sapin
|
||
function gen_sapin_noel(h_def,prob_ball){
|
||
//constantes vous pouvez les modifier et admirer !!! enjoy
|
||
//var h_def = 10;
|
||
//var prob_ball = 40;
|
||
//code génération du sapin
|
||
var sapin_de_noel = "";
|
||
var nbr_balls = 0;
|
||
for(var i=0 ; i &lt; h_def ; i++){
|
||
var nbr_stars = (i*2)-1 ;
|
||
var stars = "";
|
||
for(var j=0 ; j &lt; nbr_stars ; j++) { //ecriture du code pour ajouter les boules LOL if(Math.round(Math.random()*51) &gt; prob_ball){
|
||
nbr_balls++;
|
||
stars += "<span class="\&quot;balln&quot;+">●</span>";
|
||
}
|
||
else{
|
||
stars += "*";
|
||
}
|
||
}
|
||
sapin_de_noel += "
|
||
"+stars+"
|
||
";
|
||
}
|
||
//pied de sapin
|
||
var pied= "";
|
||
for(var j=0 ; j &lt; Math.round(((h_def*2)-1)*0.25) ; j++){
|
||
pied += "*";
|
||
}
|
||
for(var i=0 ; i &lt; Math.round(h_def*0.30) ; i++){
|
||
sapin_de_noel += "
|
||
"+pied+"
|
||
";
|
||
}
|
||
ar_sapin_de_noel = [sapin_de_noel, nbr_balls] ;
|
||
return ar_sapin_de_noel;
|
||
}
|
||
//main
|
||
//Créer les sapins
|
||
//Selectionne tous les
|
||
var i = 0;
|
||
var max_balls = 0;
|
||
while($(".sapin_noel")[i] != null){
|
||
var sapin_gen = gen_sapin_noel(10,40);
|
||
$(".sapin_noel")[i].innerHTML = sapin_gen[0];//je pense que c'est dégueulasse de l'écrire comme ça ...(innerHTML pour un table) je suis un Newbe en javascript
|
||
if(sapin_gen[1] &gt; max_balls) max_balls = sapin_gen[1] ;
|
||
i++;
|
||
}
|
||
//fonction pour animer !
|
||
function sapin_anim(){
|
||
for(var i=1 ; i != max_balls+1 ; i++){
|
||
//def une couleur aléatoire
|
||
$(".balln"+i).css("color" , '#'+Math.floor(Math.random()*16777215).toString(16));
|
||
}
|
||
}
|
||
//animation du sapin
|
||
sapin_anim();
|
||
var timer=setInterval("sapin_anim()", 500);</p></div>
|
||
</div>
|
||
<div class="section section-blog-info">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<div class="entry-categories">Catégories : <span class="label label-primary"><a href="/category/developpement/">Développement</a></span> </div>
|
||
<div class="entry-tags">Étiquettes :<span class="entry-tag"><a href="/tag/javascript/" rel="tag">javascript</a></span><span class="entry-tag"><a href="/tag/noel/" rel="tag">noël</a></span><span class="entry-tag"><a href="/tag/sapin/" rel="tag">sapin</a></span></div> </div>
|
||
<div class="col-md-6">
|
||
<div class="entry-social">
|
||
<a target="_blank" rel="tooltip"
|
||
data-original-title="Partager sur Facebook"
|
||
class="btn btn-just-icon btn-round btn-facebook"
|
||
href="https://www.facebook.com/sharer.php?u=https://blog.hugopoi.net/2010/12/24/sapin-de-noel/">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="20" height="17"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg>
|
||
</a>
|
||
<a target="_blank" rel="tooltip"
|
||
data-original-title="Partager sur Twitter"
|
||
class="btn btn-just-icon btn-round btn-twitter"
|
||
href="http://twitter.com/share?url=https://blog.hugopoi.net/2010/12/24/sapin-de-noel/&text=Sapin%20de%20no%C3%ABl">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="17"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>
|
||
</a>
|
||
<a rel="tooltip"
|
||
data-original-title=" Partager par e-mail"
|
||
class="btn btn-just-icon btn-round"
|
||
href="mailto:?subject=Sapin%20de%20noël&body=https://blog.hugopoi.net/2010/12/24/sapin-de-noel/">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="17"><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>
|
||
</a>
|
||
</div>
|
||
</div> </div>
|
||
<hr>
|
||
<div id="comments" class="section section-comments">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="media-area">
|
||
<h3 class="hestia-title text-center">
|
||
0 commentaire </h3>
|
||
</div>
|
||
<div class="media-body">
|
||
<div id="respond" class="comment-respond">
|
||
<h3 class="hestia-title text-center">Laisser un commentaire <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2010/12/24/sapin-de-noel/#respond" style="display:none;">Annuler la réponse</a></small></h3> <span class="pull-left author"> <div class="avatar"><img src="/wp-content/themes/hestia/assets/img/placeholder.jpg" height="64" width="64"/></div> </span><form action="https://blog.hugopoi.net/wp-comments-post.php" method="post" id="commentform" class="form media-body"><p class="comment-notes"><span id="email-notes">Votre adresse de messagerie ne sera pas publiée.</span> Les champs obligatoires sont indiqués avec <span class="required">*</span></p><div class="row"> <div class="col-md-4"> <div class="form-group label-floating is-empty"> <label class="control-label">Nom <span class="required">*</span></label><input id="author" name="author" class="form-control" type="text" aria-required='true' /> <span class="hestia-input"></span> </div> </div>
|
||
<div class="col-md-4"> <div class="form-group label-floating is-empty"> <label class="control-label">E-mail <span class="required">*</span></label><input id="email" name="email" class="form-control" type="email" aria-required='true' /> <span class="hestia-input"></span> </div> </div>
|
||
<div class="col-md-4"> <div class="form-group label-floating is-empty"> <label class="control-label">Site internet</label><input id="url" name="url" class="form-control" type="url" aria-required='true' /> <span class="hestia-input"></span> </div> </div> </div>
|
||
<div class="form-group label-floating is-empty"> <label class="control-label">Qu’avez vous à l’esprit ?</label><textarea id="comment" name="comment" class="form-control" rows="6" aria-required="true"></textarea><span class="hestia-input"></span> </div><p class="form-submit"><input name="submit" type="submit" id="submit" class="btn btn-primary pull-right" value="Laisser un commentaire" /> <input type='hidden' name='comment_post_ID' value='213' id='comment_post_ID' />
|
||
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
|
||
</p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="bb8ad19201" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="243"/></p></form> </div><!-- #respond -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> <div class="col-md-3 blog-sidebar-wrapper col-md-offset-1">
|
||
<aside id="secondary" class="blog-sidebar" role="complementary">
|
||
<div id="text-2" class="widget widget_text"><h5>Edito</h5> <div class="textwidget">Bienvenu sur mon blog, ici je parle de bricolage, de web (version de base). Blog perso sans prétention je poste quand j'ai le temps en plus j'aime pas écrire.</div>
|
||
</div><div id="text-6" class="widget widget_text"><h5>Hébergé gracieusement par</h5> <div class="textwidget"><div style="text-align: center"><a href="http://www.majewan.fr"><img src="/wp-content/uploads/2015/01/path22.png" alt="logo Majewan Interactive" style="width: 50%; padding: 1em;"></a></div></div>
|
||
</div><div id="custom_html-2" class="widget_text widget widget_custom_html"><h5>MASTODON</h5><div class="textwidget custom-html-widget"><a rel="me" href="https://mastodon.hugopoi.net/@hugopoi">@Hugopoi</a></div></div><div id="twitter-2" class="widget widget_twitter"><div><h5><span class='twitterwidget twitterwidget-title'>Twitter: hugopoi</span></h5><ul><li><span class='entry-content'>Boosted: <a href="https://t.co/Uqw48eeRXu">https://t.co/Uqw48eeRXu</a></span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/HugoPoi/statuses/1331638285798690817">about 22 hours ago</a></span> <span class='from-meta'>from <a href="https://crossposter.hugopoi.net/" rel="nofollow">Mastodon To Twitter HugoPoi</a></span></span> <span class="intent-meta"><a href="http://twitter.com/intent/tweet?in_reply_to=1331638285798690817" data-lang="fr" class="in-reply-to" title="Reply">Reply</a><a href="http://twitter.com/intent/retweet?tweet_id=1331638285798690817" data-lang="fr" class="retweet" title="Retweet">Retweet</a><a href="http://twitter.com/intent/favorite?tweet_id=1331638285798690817" data-lang="fr" class="favorite" title="Favorite">Favorite</a></span></li><li><span class='entry-content'>Boosted: <a href="https://t.co/md1yb0a0kq">https://t.co/md1yb0a0kq</a></span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/HugoPoi/statuses/1331528805912080385">10:23:00 novembre 25, 2020</a></span> <span class='from-meta'>from <a href="https://crossposter.hugopoi.net/" rel="nofollow">Mastodon To Twitter HugoPoi</a></span></span> <span class="intent-meta"><a href="http://twitter.com/intent/tweet?in_reply_to=1331528805912080385" data-lang="fr" class="in-reply-to" title="Reply">Reply</a><a href="http://twitter.com/intent/retweet?tweet_id=1331528805912080385" data-lang="fr" class="retweet" title="Retweet">Retweet</a><a href="http://twitter.com/intent/favorite?tweet_id=1331528805912080385" data-lang="fr" class="favorite" title="Favorite">Favorite</a></span></li><li><span class='entry-content'>RT <a href="http://twitter.com/elparagouayo" class="twitter-user">@elparagouayo</a>: <a href="http://twitter.com/captainweb" class="twitter-user">@captainweb</a> Les rois de la ponctualité !</span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/HugoPoi/statuses/1331262305091399681">04:44:01 novembre 24, 2020</a></span> <span class='from-meta'>from <a href="https://about.twitter.com/products/tweetdeck" rel="nofollow">TweetDeck</a></span></span> <span class="intent-meta"><a href="http://twitter.com/intent/tweet?in_reply_to=1331262305091399681" data-lang="fr" class="in-reply-to" title="Reply">Reply</a><a href="http://twitter.com/intent/retweet?tweet_id=1331262305091399681" data-lang="fr" class="retweet" title="Retweet">Retweet</a><a href="http://twitter.com/intent/favorite?tweet_id=1331262305091399681" data-lang="fr" class="favorite" title="Favorite">Favorite</a></span></li><li><span class='entry-content'>Après l'échec des numéros verts et de l'application <a href="http://twitter.com/search?q=%23TousAntiCovid" class="twitter-hashtag">#TousAntiCovid</a> / <a href="http://twitter.com/search?q=%23StopCovid" class="twitter-hashtag">#StopCovid</a> le gouvernement réitère
|
||
C'est comb… <a href="https://t.co/ny2DxyhMbv">https://t.co/ny2DxyhMbv</a></span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/HugoPoi/statuses/1331198889756594181">12:32:02 novembre 24, 2020</a></span> <span class='from-meta'>from <a href="https://about.twitter.com/products/tweetdeck" rel="nofollow">TweetDeck</a></span></span> <span class="intent-meta"><a href="http://twitter.com/intent/tweet?in_reply_to=1331198889756594181" data-lang="fr" class="in-reply-to" title="Reply">Reply</a><a href="http://twitter.com/intent/retweet?tweet_id=1331198889756594181" data-lang="fr" class="retweet" title="Retweet">Retweet</a><a href="http://twitter.com/intent/favorite?tweet_id=1331198889756594181" data-lang="fr" class="favorite" title="Favorite">Favorite</a></span></li><li><span class='entry-content'>If someone tell me again : "I have a iPhone because it's simpler" I kill him seriously.
|
||
＊ "Other" in space storage… <a href="https://t.co/oOobxarg2k">https://t.co/oOobxarg2k</a></span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/HugoPoi/statuses/1330627366473764864">10:41:00 novembre 22, 2020</a></span> <span class='from-meta'>from <a href="https://crossposter.hugopoi.net/" rel="nofollow">Mastodon To Twitter HugoPoi</a></span></span> <span class="intent-meta"><a href="http://twitter.com/intent/tweet?in_reply_to=1330627366473764864" data-lang="fr" class="in-reply-to" title="Reply">Reply</a><a href="http://twitter.com/intent/retweet?tweet_id=1330627366473764864" data-lang="fr" class="retweet" title="Retweet">Retweet</a><a href="http://twitter.com/intent/favorite?tweet_id=1330627366473764864" data-lang="fr" class="favorite" title="Favorite">Favorite</a></span></li><li><span class='entry-content'>So my dad has the only unsupported under <a href="http://twitter.com/search?q=%23linux" class="twitter-hashtag">#linux</a> scanner of the world, a <a href="http://twitter.com/search?q=%23Samsung" class="twitter-hashtag">#Samsung</a> <a href="http://twitter.com/search?q=%23Kodak" class="twitter-hashtag">#Kodak</a> CJX1000, I successfully pat… <a href="https://t.co/k9z9223Hth">https://t.co/k9z9223Hth</a></span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/HugoPoi/statuses/1330203826733920264">06:38:00 novembre 21, 2020</a></span> <span class='from-meta'>from <a href="https://crossposter.hugopoi.net/" rel="nofollow">Mastodon To Twitter HugoPoi</a></span></span> <span class="intent-meta"><a href="http://twitter.com/intent/tweet?in_reply_to=1330203826733920264" data-lang="fr" class="in-reply-to" title="Reply">Reply</a><a href="http://twitter.com/intent/retweet?tweet_id=1330203826733920264" data-lang="fr" class="retweet" title="Retweet">Retweet</a><a href="http://twitter.com/intent/favorite?tweet_id=1330203826733920264" data-lang="fr" class="favorite" title="Favorite">Favorite</a></span></li><li><span class='entry-content'><a href="http://twitter.com/search?q=%23DirectAn" class="twitter-hashtag">#DirectAn</a> ça pare en sucette ça cite George Orwell 1984</span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/HugoPoi/statuses/1329742036476588032">12:03:01 novembre 20, 2020</a></span> <span class='from-meta'>from <a href="https://crossposter.hugopoi.net/" rel="nofollow">Mastodon To Twitter HugoPoi</a></span></span> <span class="intent-meta"><a href="http://twitter.com/intent/tweet?in_reply_to=1329742036476588032" data-lang="fr" class="in-reply-to" title="Reply">Reply</a><a href="http://twitter.com/intent/retweet?tweet_id=1329742036476588032" data-lang="fr" class="retweet" title="Retweet">Retweet</a><a href="http://twitter.com/intent/favorite?tweet_id=1329742036476588032" data-lang="fr" class="favorite" title="Favorite">Favorite</a></span></li><li><span class='entry-content'>Boosted: <a href="https://t.co/ZSUly6yiv2">https://t.co/ZSUly6yiv2</a></span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/HugoPoi/statuses/1329724164610134017">10:52:00 novembre 20, 2020</a></span> <span class='from-meta'>from <a href="https://crossposter.hugopoi.net/" rel="nofollow">Mastodon To Twitter HugoPoi</a></span></span> <span class="intent-meta"><a href="http://twitter.com/intent/tweet?in_reply_to=1329724164610134017" data-lang="fr" class="in-reply-to" title="Reply">Reply</a><a href="http://twitter.com/intent/retweet?tweet_id=1329724164610134017" data-lang="fr" class="retweet" title="Retweet">Retweet</a><a href="http://twitter.com/intent/favorite?tweet_id=1329724164610134017" data-lang="fr" class="favorite" title="Favorite">Favorite</a></span></li><li><span class='entry-content'><a href="http://twitter.com/search?q=%23Selfie" class="twitter-hashtag">#Selfie</a> <a href="http://twitter.com/search?q=%23Rouen" class="twitter-hashtag">#Rouen</a> <a href="http://twitter.com/search?q=%23boulotboulotwork" class="twitter-hashtag">#boulotboulotwork</a> <a href="https://t.co/BOfGxxFwxV">https://t.co/BOfGxxFwxV</a></span> <span class='entry-meta'><span class='time-meta'><a href="http://twitter.com/HugoPoi/statuses/1329715868633337857">10:19:02 novembre 20, 2020</a></span> <span class='from-meta'>from <a href="https://crossposter.hugopoi.net/" rel="nofollow">Mastodon To Twitter HugoPoi</a></span></span> <span class="intent-meta"><a href="http://twitter.com/intent/tweet?in_reply_to=1329715868633337857" data-lang="fr" class="in-reply-to" title="Reply">Reply</a><a href="http://twitter.com/intent/retweet?tweet_id=1329715868633337857" data-lang="fr" class="retweet" title="Retweet">Retweet</a><a href="http://twitter.com/intent/favorite?tweet_id=1329715868633337857" data-lang="fr" class="favorite" title="Favorite">Favorite</a></span></li></ul><div class="follow-button"><a href="http://twitter.com/hugopoi" class="twitter-follow-button" title="Follow @hugopoi" data-lang="fr">@hugopoi</a></div></div></div><div id="categories-3" class="widget widget_categories"><h5>Catégories</h5>
|
||
<ul>
|
||
<li class="cat-item cat-item-136"><a href="/category/fail/">#FAIL</a> (2)
|
||
</li>
|
||
<li class="cat-item cat-item-51"><a href="/category/dossiers/aventure-pc/">Aventure PC</a> (15)
|
||
</li>
|
||
<li class="cat-item cat-item-57"><a href="/category/dossiers/aventure-serveur/">Aventure Serveur</a> (6)
|
||
</li>
|
||
<li class="cat-item cat-item-130"><a href="/category/bidouille/">Bidouille</a> (5)
|
||
</li>
|
||
<li class="cat-item cat-item-189"><a href="/category/cuisine/">Cuisine</a> (1)
|
||
</li>
|
||
<li class="cat-item cat-item-38"><a href="/category/developpement/">Développement</a> (3)
|
||
</li>
|
||
<li class="cat-item cat-item-10"><a href="/category/dossiers/">Dossiers</a> (9)
|
||
</li>
|
||
<li class="cat-item cat-item-149"><a href="/category/gaming/">Gaming</a> (1)
|
||
</li>
|
||
<li class="cat-item cat-item-6"><a href="/category/hadopi-2/">Hadopi</a> (5)
|
||
</li>
|
||
<li class="cat-item cat-item-18"><a href="/category/hardware/">Hardware</a> (21)
|
||
</li>
|
||
<li class="cat-item cat-item-12"><a href="/category/internet-2/">Internet</a> (9)
|
||
</li>
|
||
<li class="cat-item cat-item-11"><a href="/category/dossiers/ip-v6/">IP v6</a> (1)
|
||
</li>
|
||
<li class="cat-item cat-item-13"><a href="/category/logiciels/">Logiciels</a> (11)
|
||
</li>
|
||
<li class="cat-item cat-item-1"><a href="/category/news/" title="News générale de mon blog, les articles et brèves général.">News</a> (21)
|
||
</li>
|
||
<li class="cat-item cat-item-47"><a href="/category/test/">Test</a> (5)
|
||
</li>
|
||
</ul>
|
||
</div><div id="linkcat-2" class="widget widget_links"><h5>Blogs et Infos</h5>
|
||
<ul class='xoxo blogroll'>
|
||
<li><a href="http://blog.rom1v.com" title="Découverte récente, publication de qualité">®om's blog</a></li>
|
||
<li><a href="http://bluetouff.com" title="Un blog hacktiviste avec des idées et des compétences pas comme les autres." target="_blank">☠ Bluetouff</a></li>
|
||
<li><a href="http://www.korben.info/" title="Upgrade your Mind" target="_blank">Korben</a></li>
|
||
<li><a href="http://www.laquadrature.net/fr" title="La Quadrature du Net Fr" target="_blank">La Quadrature du Net</a></li>
|
||
<li><a href="https://www.nextinpact.com/" title="Actualité Informatique" target="_blank">NextInpact</a></li>
|
||
<li><a href="http://pixellibre.net/" title="Un petit blog de geek comme on les aime avec du hadopi, de l’info et du troll" target="_blank">Pixel Libre.net</a></li>
|
||
<li><a href="http://reflets.info" title="Reflets.info fait le pari de devenir le reflet d’une société, des individus qui la composent." target="_blank">Reflets</a></li>
|
||
<li><a href="http://blog.spyou.org/wordpress-mu/" rel="acquaintance" title="Fabriquer son internet" target="_blank">Turb(l)o(g)</a></li>
|
||
</ul>
|
||
</div>
|
||
<div id="linkcat-76" class="widget widget_links"><h5>Podcast</h5>
|
||
<ul class='xoxo blogroll'>
|
||
<li><a href="http://www.nowatch.net/category/nowatch-net/nowatch-fm/appload-nowatch-fm/" title="Des Apps pour votre mobile (un peu sponsorisé par Apple mais il y a du Android aussi)" target="_blank">AppLoad</a></li>
|
||
<li><a href="http://freepod.net/" title="Libère ton podcast, regroupement de podcast." target="_blank">Freepod</a></li>
|
||
<li><a href="http://www.geekinc.fr/" title="On partage la culture geek ! (sponsorisé par Apple mais j’aime bien quand même)" target="_blank">GeekInc</a></li>
|
||
<li><a href="http://www.captainweb.net/" title="Podcast déjanté de l’actu web, super ambiance !" target="_blank">L'Apéro du Captainweb</a></li>
|
||
<li><a href="http://www.lagrottedubarbu.com/" title="Hack the technologie" target="_blank">La Grotte du Barbu</a></li>
|
||
<li><a href="http://www.poligeek.fr/" title="« Un jour les geek domineront le monde, mais pas demain, y’a une keynote de Steve Jobs »" target="_blank">PoliGeek</a></li>
|
||
<li><a href="http://quadratour.net/" title="Pour les vieux Geeks de l’apocalypse…" target="_blank">Quadratour</a></li>
|
||
</ul>
|
||
</div>
|
||
</aside><!-- .sidebar .widget-area -->
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="section related-posts">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<h2 class="hestia-title text-center">Articles similaires</h2>
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="card card-blog">
|
||
<div class="content">
|
||
<h6 class="category text-info"><a href="/category/dossiers/aventure-serveur/" title="Voir tout les articles dans Aventure Serveur" >Aventure Serveur</a> </h6>
|
||
<h4 class="card-title">
|
||
<a class="blog-item-title-link" href="/2020/03/01/install-rancheros-on-freenas-11-3/" title="Install RancherOs on FreeNas 11.3" rel="bookmark">
|
||
Install RancherOs on FreeNas 11.3 </a>
|
||
</h4>
|
||
<p class="card-description">Install RancherOs on FreeNas 11.3 The automated RancherOs installation aka Docker VM has been removed in 11.3 RancherOs doesn’t support EFI boot out of the box Thanks to MKinney howto This howto is provided without<a class="moretag" href="/2020/03/01/install-rancheros-on-freenas-11-3/"> Lire la suite…</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card card-blog">
|
||
<div class="content">
|
||
<h6 class="category text-info"><a href="/category/developpement/" title="Voir tout les articles dans Développement" >Développement</a> </h6>
|
||
<h4 class="card-title">
|
||
<a class="blog-item-title-link" href="/2010/12/07/get-to-post/" title="GET to POST" rel="bookmark">
|
||
GET to POST </a>
|
||
</h4>
|
||
<p class="card-description">Il est 00h16, comme d’habitude je suis en train de développer un truc useless pour passer le temps donc je vais le mettre histoire de dire que ça va peut-être servir à plus d’une personne.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-wrapper">
|
||
<footer class="footer footer-black footer-big">
|
||
<div class="container">
|
||
<div class="hestia-bottom-footer-content"><ul class="footer-menu pull-left"><li class="page_item page-item-1232"><a href="/wishlist/">Wishlist</a></li>
|
||
</ul>
|
||
<div class="copyright pull-right">
|
||
Hestia | Développé par <a href="https://themeisle.com%20" rel="nofollow">ThemeIsle</a> </div>
|
||
</div> </div>
|
||
</footer>
|
||
</div>
|
||
</div>
|
||
|
||
<button class="hestia-scroll-to-top">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="12.5px" height="20px"><path d="M177 255.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 351.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 425.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1zm-34-192L7 199.7c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l96.4-96.4 96.4 96.4c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9l-136-136c-9.2-9.4-24.4-9.4-33.8 0z"></path></svg>
|
||
</button>
|
||
<!-- Matomo -->
|
||
<script type="text/javascript">
|
||
var _paq = window._paq || [];
|
||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||
_paq.push(['trackPageView']);
|
||
_paq.push(['enableLinkTracking']);
|
||
(function() {
|
||
var u="//blog.hugopoi.net/wp-content/plugins/wp-piwik/proxy/"
|
||
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||
_paq.push(['setSiteId', '1']);
|
||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.php'; s.parentNode.insertBefore(g,s);
|
||
})();
|
||
</script>
|
||
<!-- End Matomo Code -->
|
||
<script type='text/javascript' id='contact-form-7-js-extra'>
|
||
/* <![CDATA[ */
|
||
var wpcf7 = {"apiSettings":{"root":"https:\/\/blog.hugopoi.net\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}};
|
||
/* ]]> */
|
||
</script>
|
||
<script type='text/javascript' src='/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.3' id='contact-form-7-js'></script>
|
||
<script type='text/javascript' src='/wp-content/plugins/wp-syntax/js/wp-syntax.js?ver=1.1' id='wp-syntax-js-js'></script>
|
||
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=5.5.3' id='comment-reply-js'></script>
|
||
<script type='text/javascript' src='/wp-content/themes/hestia/assets/bootstrap/js/bootstrap.min.js?ver=1.0.2' id='jquery-bootstrap-js'></script>
|
||
<script type='text/javascript' src='/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4' id='jquery-ui-core-js'></script>
|
||
<script type='text/javascript' id='hestia_scripts-js-extra'>
|
||
/* <![CDATA[ */
|
||
var requestpost = {"ajaxurl":"https:\/\/blog.hugopoi.net\/wp-admin\/admin-ajax.php","disable_autoslide":"","masonry":""};
|
||
/* ]]> */
|
||
</script>
|
||
<script type='text/javascript' src='/wp-content/themes/hestia/assets/js/script.min.js?ver=3.0.4' id='hestia_scripts-js'></script>
|
||
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=5.5.3' id='wp-embed-js'></script>
|
||
<script async="async" type='text/javascript' src='/wp-content/plugins/akismet/_inc/form.js?ver=4.1.7' id='akismet-form-js'></script>
|
||
<script type='text/javascript' src='https://platform.twitter.com/widgets.js?ver=1.0.0' id='twitter-widgets-js'></script>
|
||
</body>
|
||
</html>
|