monswim
MonSwim
TOP 10
DÉCOUVRIR
BLOG
← Retour au blog
Papillon de Noël à l'eau
19 Dec 2018 • Article
Sans traîneau !
</div> <script src="/plugins/maxlength/maxlength.min.js"></script> <script src="/plugins/validator/validator.min.js"></script> <link rel="stylesheet" href="/plugins/autocomplete/easy-autocomplete.min.css"> <link rel="stylesheet" href="/plugins/autocomplete/easy-autocomplete.themes.min.css"> <style> .bloc_comment { margin: 0 0 1.5rem 0; padding: 0; border-bottom: none; background: var(--white, #ffffff); border-radius: 1rem; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); border: 1px solid rgba(6, 182, 212, 0.08); padding: 1.5rem; transition: all 0.3s ease; position: relative; overflow: hidden; } .bloc_comment::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient(135deg, #06b6d4, #2563eb); } .bloc_comment:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(6, 182, 212, 0.1); } .bloc_comment #bloc_text { background: transparent; border-radius: 0; padding: 0; margin: 1rem 0 0 0; color: #374151; line-height: 1.7; letter-spacing: normal; font-size: 0.95rem; } .bloc_comment #ph_profil { background-size: cover; background-position: center center; border-radius: 50%; height: 48px; width: 48px; margin: 0; padding: 0; float: none; border: 3px solid #e5e7eb; transition: all 0.3s ease; } .bloc_comment #pseudo { font-size: 1rem; font-weight: 600; color: #1e40af; margin-bottom: 0.2rem; } .bloc_comment #reco { font-size: 0.8rem; color: #6b7280; opacity: 0.8; } #blcomment { margin: 3rem 0 2rem 0 !important; } #blcomment > div { background: var(--white, #ffffff) !important; border: 1px solid rgba(6, 182, 212, 0.1) !important; border-radius: 1.5rem !important; padding: 2rem !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; } #blcomment h4 { margin-top: 0 !important; font-size: 1.3rem !important; font-weight: 600 !important; color: #1f2937 !important; float: none !important; margin-bottom: 0.5rem !important; } #blcomment small { color: #6b7280 !important; font-size: 0.9rem !important; line-height: normal !important; padding-left: 0 !important; } #blcomment textarea { border: 2px solid #e5e7eb !important; border-radius: 0.75rem !important; padding: 1rem !important; font-size: 1rem !important; transition: all 0.3s ease !important; background: var(--white, #ffffff) !important; min-height: 120px !important; resize: vertical !important; line-height: 1.6 !important; } #blcomment textarea:focus { outline: none !important; border-color: #06b6d4 !important; box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.1) !important; transform: translateY(-1px); } #blcomment button { background: linear-gradient(135deg, #06b6d4, #2563eb) !important; border: none !important; border-radius: 0.75rem !important; padding: 0.75rem 1.5rem !important; font-weight: 600 !important; font-size: 0.9rem !important; transition: all 0.3s ease !important; box-shadow: 0 4px 12px rgba(6, 182, 212, 0.2) !important; margin-top: 1.5rem !important; float: none !important; display: inline-block !important; } #blcomment button:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(6, 182, 212, 0.3) !important; background: linear-gradient(135deg, #2563eb, #06b6d4) !important; } #blcomment button:active { transform: translateY(0) !important; box-shadow: 0 2px 8px rgba(6, 182, 212, 0.2) !important; } .comment-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; } .comment-avatar-wrapper { flex-shrink: 0; } .comment-meta { flex: 1; } </style> <script> $(document).ready(function() { $('input[maxlength],textarea[maxlength]').maxlength({alwaysShow: true,placement:'top-right-inside'}); $('#mgs_form') .bootstrapValidator({ fields: { comment : {validators : {notEmpty : {message: '<i class="fa fa-arrow-up"></i> Saisissez votre commentaire'}}}, }, onSuccess: function(e, data) { // Stop form submission e.preventDefault(); $.post( '/blog/addcomment',{ csrf_maguistudio :'5100d9cb2b0cb691716e98433cd803ed', comment : $("#thecomment").val(), id_blog : '118' }, function(data){ $("#comment").val(''); switch(data.action){ case 'connexion': $('#myModal').modal({remote:'/connexion/modal_create/comment'}); break; default : document.location.href=data.url; document.location.reload(); break; } }, "json"); } }); }); </script> <a id="comment"></a> <form name="mgs_form" id="mgs_form" action="/vote/addpoint" class="form-login up" method="post" style="margin-top:40px"> <div id="blcomment"> <div> <div class="comment-form-header"> <div class="form-icon"> <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/> </svg> </div> <div> <h4>Rejoindre la discussion</h4> <small>Partagez votre expérience avec la communauté</small> </div> </div> <div class="form-group last"> <textarea class="form-control" maxlength="255" id="thecomment" name="thecomment" placeholder="Votre commentaire..."></textarea> </div> <button class="btn btn-success"> <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="margin-right: 0.5rem;"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"/> </svg> Publier </button> </div> </div> </form> </div> <div class="col-md-4" id="colonne"> <h3>Derniers posts</h3> <ul> <li><a href="/b/154/breves-de-plongeoir-coule-la-vie">Brèves de plongeoir: Coule la vie !</a> | <small>09/2019</small></li> <li><a href="/b/153/authenticite-et-beaute-au-mexique-la-cote-pacifique-te-tend-les-bras">Authenticité et beauté au Mexique ? La côte Pacifique te tend les bras !</a> | <small>09/2019</small></li> <li><a href="/b/152/dauphins-a-l-horizon-san-francisco-hissez-haut">Dauphins à l'horizon ! San Francisco hissez haut !</a> | <small>08/2019</small></li> <li><a href="/b/151/bass-lake-les-vosges-californiennes">Bass Lake, les Vosges californiennes ?</a> | <small>08/2019</small></li> <li><a href="/b/150/a-la-fraiche-sous-le-soleil-de-yosemite-californie">A la fraîche sous le soleil de Yosemite (Californie)</a> | <small>08/2019</small></li> </ul> <hr/> <a class="btn-other-posts" href="/blog"><i class="fa fa-newspaper-o"></i> Voir d'autres posts récents</a> <hr/> <h3>Swims, swims ...</h3> </div> </div> </div></div> <!-- <div class="footer" id="footerWrapper"> <section id="mainFooter"> <div class="container" style="padding:0px"> <div class="col-md-12"> FOOTER </div> </div> </section> <section id="footerRights"> <div class="container"> <div class="row"> <div class="col-md-12"> <p>Copyright © 2014 <a target="blank" href="http://woopiz.com/">WOOPIZ</a> / Tous droits réservés.</p> </div> </div> </div> </section> </div> --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.6"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script type="text/javascript"> $(window).load(function() { // STAT MAGUISTUDIO // $.post('/ajax/stats',{controle:1,csrf_maguistudio:'5100d9cb2b0cb691716e98433cd803ed'},"json"); }); </script> <!-- Start of StatCounter Code for Default Guide --> <script type="text/javascript"> var sc_project=10992325; var sc_invisible=1; var sc_security="06fcab4c"; // Chargement moderne de StatCounter sans document.write (évite les warnings) (function() { var sc = document.createElement('script'); sc.type = 'text/javascript'; sc.async = true; sc.src = (("https:" == document.location.protocol) ? "https://secure." : "http://www.") + "statcounter.com/counter/counter.js"; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sc, s); })(); </script> <!-- End of StatCounter Code for Default Guide --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-3094020-39', 'auto'); ga('send', 'pageview'); </script> <!-- Modal Bootstrap 5 --> <div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg my-0"> <div class="modal-content" id="modal-datas"></div> </div> </div> <!-- <a href="#" class="site-scroll-top" title="Top"><span class="fa fa-arrow-up"></span></a>--> <script type="text/javascript" src="/plugins/cookies/cookies.js"></script> <style> /* Cookie Banner */ #cookies { position: fixed; bottom: 0px; left: 0px; width: 100%; height: auto; background: linear-gradient(135deg, #2c3e50 0%, #1a1a1a 95%); color: white; text-align: left; z-index: 9999; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3); border-top: 2px solid #0b6aa9; backdrop-filter: blur(10px); transition: all 0.5s ease; } #cookies.hidden { transform: translateY(100%); opacity: 0; } #cookies .cookie-content { position: relative; height: auto; width: 100%; max-width: 1200px; padding: 1.5rem 2rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 2rem; } #cookies .cookie-text { flex: 1; line-height: 1.6; font-size: 0.95rem; color: rgba(255, 255, 255, 0.95); } #cookies .cookie-text a { color: #00fd70; text-decoration: none; font-weight: 600; border-bottom: 1px solid transparent; transition: all 0.3s ease; } #cookies .cookie-text a:hover { color: #00ff80; border-bottom-color: #00fd70; } #cookies .cookie-actions { display: flex; gap: 1rem; align-items: center; flex-shrink: 0; } #cookies .btn-accept { background: linear-gradient(135deg, #0b6aa9 0%, #094d7a 100%); border: none; color: white; padding: 0.75rem 2rem; border-radius: 25px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(11, 106, 169, 0.3); text-transform: uppercase; letter-spacing: 0.5px; } #cookies .btn-accept:hover { background: linear-gradient(135deg, #094d7a 0%, #073a5c 100%); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(11, 106, 169, 0.4); } #cookies .btn-decline { background: transparent; border: 2px solid rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); padding: 0.65rem 1.5rem; border-radius: 25px; font-weight: 500; font-size: 0.85rem; cursor: pointer; transition: all 0.3s ease; } #cookies .btn-decline:hover { border-color: rgba(255, 255, 255, 0.6); color: white; background: rgba(255, 255, 255, 0.1); } #cookies .cookie-icon { font-size: 1.5rem; color: #00fd70; margin-right: 1rem; } /* Responsive Design */ @media (max-width: 768px) { #cookies .cookie-content { flex-direction: column; text-align: center; padding: 1.25rem 1rem; gap: 1.5rem; } #cookies .cookie-text { font-size: 0.9rem; } #cookies .cookie-actions { width: 100%; justify-content: center; } #cookies .btn-accept, #cookies .btn-decline { flex: 1; min-width: 120px; } } @media (max-width: 480px) { #cookies .cookie-actions { flex-direction: column; width: 100%; } #cookies .btn-accept, #cookies .btn-decline { width: 100%; max-width: 250px; } } </style> <script> $(document).ready(function() { // Check cookie consent var cookieConsent = $.cookie('MGS_cookie'); // TESTE if (window.location.search.includes('test_cookies=1')) { $.removeCookie('MGS_cookie', { path: '/' }); cookieConsent = null; } if (cookieConsent === '1') { $("#cookies").addClass('hidden'); return; } // Show cookie banner setTimeout(function() { $("#cookies").removeClass('hidden'); }, 1000); // Accept cookies $("#accepte").click(function() { $.cookie('MGS_cookie', '1', { expires: 365, path: '/' }); $.get('/ajax/jaicompris'); // Set la var to session $("#cookies").addClass('hidden'); // Delete element after animation setTimeout(function() { $("#cookies").remove(); }, 500); }); // Decline cookies $("#decline").click(function() { $.cookie('MGS_cookie', '0', { expires: 30, path: '/' }); $("#cookies").addClass('hidden'); // Delete elements after animation setTimeout(function() { $("#cookies").remove(); }, 500); }); // Close $(document).keydown(function(e) { if (e.keyCode === 27 && !$.cookie('MGS_cookie')) { $("#accepte").click(); } }); //Teste cookie window.resetCookieBanner = function() { $.removeCookie('MGS_cookie', { path: '/' }); location.reload(); }; window.showCookieBanner = function() { $.removeCookie('MGS_cookie', { path: '/' }); $("#cookies").removeClass('hidden'); }; }); </script> <div id="cookies" class="hidden"> <div class="cookie-content"> <div class="cookie-text"> <i class="fas fa-cookie-bite cookie-icon"></i> <strong>Respect de votre vie privée</strong><br> En poursuivant votre navigation, vous acceptez l'utilisation de cookies pour améliorer votre expérience utilisateur et mesurer la fréquentation du site. <a href="/accueil/confidentiel">En savoir plus</a> </div> <div class="cookie-actions"> <button type="button" class="btn-decline" id="decline">Refuser</button> <button type="button" class="btn-accept" id="accepte"> <i class="fas fa-check me-2"></i>Accepter </button> </div> </div> </div> </body> </html>