Chargement...
 

Démo du pop-up d'inscription

Copiez et collez ce code sur n'importe quelle page de votre site web
<div id="F16540_pop_popup" style="display:none"><div style="display:none"><link href="https://assets.feedblitzstatic.com/js/tinybox2/style.css" rel="stylesheet" type="text/css" lazyload="1"><script defer src="https://assets.feedblitzstatic.com/js/tinybox2/tinybox.js" type="text/javascript"></script><style>.tinner {padding:0; -moz-border-radius:0; border-radius:0;background:transparent;border:0}</style><script async defer src="https://assets.feedblitzstatic.com/js/fbz_smartform.js" type="text/javascript"></script><link rel="stylesheet" type="text/css" href="https://assets.feedblitzstatic.com/fbz_smartform_mini.css" lazyload="1"></div><style> #F16540_pop_container img {max-width:100%} .F16540_pop_fbz_table {border:0;margin:0;border-collapse:separate;table-layout:auto;background-color:inherit !important;} .F16540_pop_fbz_page {margin:0;padding:0;width:100%;} .F16540_pop_fbz_smartform td {display:table-cell;} .F16540_pop_fbz_row td,tr:nth-of-type(even),tr:nth-of-type(odd) {padding-top:0.5em;padding-bottom:0.2em;line-height:1.7em;background-color:inherit!important;} .F16540_pop_fbz_abovelabel, .F16540_pop_fbz_label, .F16540_pop_fbz_div, .F16540_pop_fbz_fieldtext, .F16540_pop_fbz_fieldlabeltext, .F16540_pop_fbz_err {border:0;padding:0.5em;font-size:16px;} .F16540_pop_fbz_label, .F16540_pop_fbz_abovelabel {} .F16540_pop_fbz_fieldtext, .F16540_pop_fbz_fieldlabeltext {padding-top:0.7em;padding-bottom:0.7em;} .F16540_pop_fbz_fieldlabeltext {} .F16540_pop_fbz_title, .F16540_pop_fbz_title * {line-height:1.3em;padding:0.5em;text-align:center;border:0;} .F16540_pop_fbz_err, .F16540_pop_fbz_invalid {padding:0.5em;margin:0.5em;color:red;border:3px solid red;background-color:rgba(255,255,255,0.5);font-weight:bold;display:none;} .F16540_pop_fbz_invalid {color:#F80;border:3px solid #F80;} .F16540_pop_fbz_palette, .F16540_pop_fbz_fielddef, .F16540_pop_fbz_input_container, .F16540_pop_fbz_input {padding:0.5em;line-height:1.7em;background-color:#ffffff!important;border:1px solid #aaaaaa;border-radius:4px;-moz-border-radius:4px;font-size:16px;margin-right:2px;} .F16540_pop_fbz_input_container {border:0;padding-left:0;padding-top:0;padding-bottom:0;margin-right:4px;background-color:inherit!important;} .F16540_pop_fbz_input {height:inherit;box-sizing:border-box;} .F16540_pop_fbz_input[type="color"] {height:1.5em;} .F16540_pop_fbz_button[type="button"], .F16540_pop_fbz_button {padding:0.5em;line-height:1.7em;background:#e0e0e0;background-color:#e0e0e0;background-image: -webkit-gradient(linear, left top, top bottom, from(#e0e0e0), to(#ffffff));background-image: -webkit-linear-gradient(top, #e0e0e0, #ffffff);background-image: -moz-linear-gradient(top, #e0e0e0, #ffffff);background-image: -ms-linear-gradient(top, #e0e0e0, #ffffff);background-image: -o-linear-gradient(top, #e0e0e0, #ffffff);background-image: linear-gradient(top, #e0e0e0, #ffffff);border:1px solid #aaaaaa;border-radius:4px;-moz-border-radius:4px;font-size:16px;text-align:center;margin:0.2em;cursor:pointer;} .F16540_pop_fbz_button[type="button"]:hover, .F16540_pop_fbz_button:hover {background:#ffffff!important;transition: background-color 0.5s ease;} .F16540_pop_fbz_button[type="button"]:active, .F16540_pop_fbz_button:active {background:#cfcfcf!important;transition: background-color 0.5s ease;} .F16540_pop_fbz_button[disabled=disabled], .F16540_pop_fbz_button[type="button"]:disabled, .F16540_pop_fbz_button[type="button"]:disabled:focus, .F16540_pop_fbz_button[disabled]:disabled,.F16540_pop_fbz_button[disabled],.F16540_pop_fbz_button:disabled,.F16540_pop_fbz_button:disabled:focus {opacity:0.5;transition: background-color 0.5s ease;} .F16540_pop_fbz_footer {padding:0.5em;line-height:1.7em;font-size:16px;text-align:center;border:0;} .F16540_pop_fbz_row:hover {background: rgba(251,248,231,0.5)!important;-o-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} .F16540_pop_fbz_row_nohover:hover {background:transparent;} .F16540_pop_fbz_form {border:4px solid #ffa000;background-color:#fafafa;border-radius:20px;-moz-border-radius:20px;overflow:hidden;padding:0;line-height:1.3em;font-size:16px;} .F16540_pop_fbz_form div {font-size:16px;line-height:1.3em;} .F16540_pop_fbz_form tbody {border:0;padding:0;margin:0;font-size:16px;} .F16540_pop_fbz_form td {border:0;margin:0;font-size:16px;} @media only screen and (max-width: 420px) {.F16540_pop_fbz_label{display:none !important;padding:0 !important;} .F16540_pop_fbz_abovelabel{display:block;} .F16540_pop_fbz_tabcell {display:block!important;}} </style> <div id="F16540_pop_container" align="center" style="padding:0.5em;clear:both;"><form method="POST" name="F16540" id="F16540_pop" style="display:block;margin:auto;max-width:600px;" action="https://app.feedblitz.com/f/f.fbz?Join" > <div name="F16540__hh"><input style="display:block" type="email" name="email_" value=""><input style="display:block" type="email" name="email_address" value=""><input style="display:block" type="email" name="_email" value=""><script>var i=0;var x=document.getElementsByName('F16540');for(i=0;i<x.length;i++){x[i].email_.style.display='none';x[i].email_address.style.display='none';x[i]._email.style.display='none';x[i].action='https://app.feedblitz.com/f/f.fbz?Join';}var y=document.getElementsByName('F16540__hh');for(i=0;i<y.length;i++){y[i].style.display='none';}</script><input type="hidden" name="subcf" value="1"><input type="hidden" name="formid" value="F16540"></div> <table cellpadding="0" cellspacing="0" border="0" class="F16540_pop_fbz_table" style="table-layout:fixed;max-width:100%;width:100%;"><tr> <td class="F16540_pop_fbz_form" > <table cellpadding="0" cellspacing="0" border="0" width="100%" class="F16540_pop_fbz_table"><tr><td class="F16540_pop_fbz_title" style="padding:0.7em;border-radius:16px 16px 0 0;-moz-border-radius:16px 16px 0 0;"> <div style="padding:0.5em;font-size:160%;display:block;">Inscription &#xE0; notre info lettre</div> </td></tr></table> <table border="0" cellpadding="6" cellspacing="0" align="center" width="100%" class="F16540_pop_fbz_table" style="border-radius:16px"> <tr class="F16540_pop_fbz_row_nohover"><td style="padding-top:0.7em;" class="F16540_pop_fbz_fieldtext" colspan="2"> <img name="staticimg" id="F16540_pop_staticimg" alt="" title="" src="https://web.archive.org/web/20160323092824im_/http://yogapartout.com/styles/yogapartout/logoYogapartout4WEB.jpg"></td></tr> <tr class="F16540_pop_fbz_row"><td class="F16540_pop_fbz_label" style="padding:0"></td><td style="padding-left:0.5em;padding-right:0.5em;width:100%"><div class="F16540_pop_fbz_text" style="margin-bottom:0.3em;text-align:Default;">Votre adresse de courrier électronique:<b style="color:red" title="Required">*</b></div><div class="F16540_pop_fbz_input_container" style="background-image:none;padding-right:0;"> <input class="F16540_pop_fbz_input" type="text" name="email" id="F16540_pop_email" value="" alt="Comment pouvons-nous vour rejoindre?" title="Comment pouvons-nous vour rejoindre?" placeholder="How can we reach you?" onclick="clickclear(this,'F16540_pop')" onfocus="clickclear(this,'F16540_pop')" onblur="clickrecall(this)" width="100%" style="width:100%;padding-right:0;" fbz_val="validateEmail"></div></td></tr> <div style="display:none"><input type="hidden" name="feedid" id="F16540_pop_feedid" value="747405"></div> <tr class="F16540_pop_fbz_row"><td class="F16540_pop_fbz_label" style="padding:0"></td><td style="padding-left:0.5em;padding-right:0.5em;width:100%"><div class="F16540_pop_fbz_text" style="margin-bottom:0.3em;text-align:Default;">Choisissez un nom d'utilisateur<b style="color:red" title="Required">*</b></div><div class="F16540_pop_fbz_input_container" style="background-image:none;padding-right:0;"> <input class="F16540_pop_fbz_input" type="text" name="MonNomEst" id="F16540_pop_MonNomEst" value="" alt="SVP n utilisez pas d accents en francais comme par exemple le c cedille ou le e accent aigue lorsque vous choisissez votre nom d utilisateur p c q ca cree un bogue" title="SVP n utilisez pas d accents en francais comme par exemple le c cedille ou le e accent aigue lorsque vous choisissez votre nom d utilisateur p c q ca cree un bogue" placeholder="SVP n utilisez pas d accents en francais comme par exemple le c cedille ou le e accent aigue lorsque vous choisissez votre nom d utilisateur p c q ca cree un bogue" onclick="clickclear(this,'F16540_pop')" onfocus="clickclear(this,'F16540_pop')" onblur="clickrecall(this)" width="100%" style="width:100%;padding-right:0;"></div></td></tr> <tr class="F16540_pop_fbz_row"><td class="F16540_pop_fbz_fieldtext" style="padding:0.5em;" colspan="2">http://<br><div class="F16540_pop_fbz_input_container" style="background-image:none;padding-right:0;"> <input class="F16540_pop_fbz_input" type="text" name="Vousavezunsiteweb" id="F16540_pop_Vousavezunsiteweb" value="" alt="Vous avez un site web?" title="Vous avez un site web?" placeholder="A helpful hint for the visitor" onclick="clickclear(this,'F16540_pop')" onfocus="clickclear(this,'F16540_pop')" onblur="clickrecall(this)" style="width:86%;margin-right:0.5em" maxlength="1024" size="40" fbz_val="validateUrl"></div></td></tr> <tr class="F16540_pop_fbz_row_nohover F16540_pop_fbz_smartform"><td class="F16540_pop_fbz_fieldtext" colspan="2" ><div style="text-align:center"> <input class="F16540_pop_fbz_button" type="button" onclick="try{fbzClearChangedBorders();}catch(e){};req=fbz_v('F16540_pop',F16540_pop_requiredFields);val=fbz_v('F16540_pop',F16540_pop_validateFields,1);if(req && val){smartFormSubmit(this);};" name="fbzsubscribe" id="F16540_pop_subscribe" value="Je m'inscris »" alt="click to join" title="click to join" width="100%" style="font-size:140%;height:inherit;background-color:#e0e0e0;white-space:normal;width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0;"><img id="F16540_pop_fbz_wait" alt="Please wait..." style="display:none;width:48px;opacity:0.5;" src="https://assets.feedblitzstatic.com/images/spinner.gif"></div></td></tr> <tr class="F16540_pop_fbz_row_nohover"><td class="F16540_pop_fbz_fieldtext" colspan="2" style="padding-top:0.2em;padding-bottom:0;"><div style="text-align:center"> <input class="F16540_pop_fbz_button fbz_cancel" type="button" onclick="try{fbzClearChangedBorders();}catch(e){};clearprompts(document.forms.F16540_pop);fbz_SmartForm('F16540_pop',0);try{hideTinyBox();}catch(e){};" name="fbzcancel" id="F16540_pop_cancel" value="Non merci, plus tard peut-être" alt="Hide this form for now" title="Hide this form for now" width="100%" style="font-size:100%;height:inherit;background-color:#e0e0e0;opacity:0.6;white-space:normal;width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0;"></div></td></tr> <div style="display:none"><input type="hidden" name="publisherid" id="F16540_pop_publisherid" value="2741280"></div> <div style="display:none"><input type="hidden" name="cids" id="F16540_pop_cids" value="1"></div> <tr class="F16540_pop_fbz_row_nohover"><td colspan="2" style="padding:0;border:0"><div id="F16540_pop_fbz_err" class="F16540_pop_fbz_err" style="position:relative;">SVP complétez tous les champs requis<img onclick="fbz$('F16540_pop_fbz_err').style.display='none';" border="0" alt="Click to hide" align="baseline" width="8" height="8" style="float:right;align:baseline;width:8px;height:8px;opacity:0.5;cursor:pointer;position:absolute;top:4px;right:4px;" src="https://assets.feedblitzstatic.com/images/close.gif"></div> <div id="F16540_pop_fbz_invalid" class="F16540_pop_fbz_invalid" style="position:relative;">Correct invalid entries <img onclick="fbz$('F16540_pop_fbz_invalid').style.display='none';" border="0" alt="Click to hide" align="baseline" width="8" height="8" style="float:right;align:baseline;width:8px;height:8px;opacity:0.5;cursor:pointer;position:absolute;top:4px;right:4px;" src="https://assets.feedblitzstatic.com/images/close.gif"></div> <div id="F16540_pop_fbz_status" class="F16540_pop_fbz_err"></div> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0" width="100%" class="F16540_pop_fbz_table"><tr><td class="F16540_pop_fbz_footer" style="padding:0.5em;"> Nous ne partageons pas vos données confidentielles, c'est notre promesse </td></tr></table> <table cellpadding="0" cellspacing="0" border="0" width="100%" class="F16540_pop_fbz_table" style="table-layout:fixed;max-width:100%"><tr><td valign="bottom" class="F16540_pop_fbz_footer" style="border-radius:0 0 16px 16px;-moz-border-radius:0 0 16px 16px;padding:0;margin:0;background-image:none;line-height:1px;max-width:100%;"><img border="0" alt="Email subscription form footer" src="https://web.archive.org/web/20160514061220im_/http://yogapartout.com/dl15?display" style="border-radius:0 0 16px 16px;-moz-border-radius:0 0 16px 16px;padding:0;margin:0;background-image:none;line-height:1px;max-width:100%;"></td></tr></table> </td> </tr></table> </form> </div> <script async defer type="text/javascript" src="https://app.feedblitz.com/f/?p13n=747405&nomobile=1"></script> <script type="text/javascript">var F16540_pop_requiredFields=new Array();var F16540_pop_validateFields=new Array(); F16540_pop_validateFields.push('F16540_pop_staticimg');try{initCol('F16540_pop_staticimg');}catch(e){} F16540_pop_requiredFields.push('F16540_pop_email'); F16540_pop_requiredFields.push('F16540_pop_feedid'); F16540_pop_requiredFields.push('F16540_pop_MonNomEst'); F16540_pop_validateFields.push('F16540_pop_Vousavezunsiteweb');try{initCol('F16540_pop_Vousavezunsiteweb');}catch(e){} F16540_pop_requiredFields.push('F16540_pop_publisherid'); F16540_pop_requiredFields.push('F16540_pop_cids'); var F16540_pop_fieldcol='#000000'; var fbz_F16540_pop_logged=false; function F16540_pop_wait_fn(){ try{ if(!fbz_F16540_pop_logged){fbz_SmartForm('F16540_pop',true); try{s('F16540_pop');}catch(e){}; fbz_FitForm('F16540_pop'); var F16540_pop_wait_img=fbz_formMetrics(16540,1); fbz$('F16540_pop_wait_img').innerHTML=F16540_pop_wait_img; clearInterval(F16540_pop_wait); fbz_F16540_pop_logged=true;} } catch(e){} } var F16540_pop_wait=setInterval(F16540_pop_wait_fn,100); </script> <div id="F16540_pop_wait_img" style="width:0;height:0;overflow:hidden;line-height:0;display:inline-block;position:fixed;"></div><script>function F16540_prepPopup(){try{if(feedblitz_full_form!=false){fbz_popup('F16540_pop',3,3,45,1);}if(document.getElementById('F16540_pop_ddcolorpickerbox')){document.getElementById('F16540_pop_ddcolorpickerbox').style.display='none';};clearInterval(F16540_prepPopup_wait);} catch(e){}} var F16540_prepPopup_wait=setInterval(F16540_prepPopup,100);</script></div>

S'inscrire à l'Info Lettre

Adresse de courriel: