Démo du pop-up d'inscription

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