$
var FBr = article.value('f-br', '');
var SlideLR = article.value('slide-lr', '');
var FHg = article.value('f-hg', '');
var FPadO = article.value('f-pad-o', '');
var FPadLR = article.value('f-pad-lr', '');
var FTrans = article.value('f-trans', '');
var FZeit = article.value('f-zeit', '');
var LinkGr = article.value("link-groesse","");
var LinkFfam = article.value("link-ffam","");
var LinkFw = article.value("link-fw","");
var LinkColSch = article.value("link-farbe-schrift","");
var LinkLetsp = article.value("link-letsp","");
var LinkLineH = article.value("link-lineh","");
var LinkColSchHov = article.value("link-farbe-schrift-hover","");
var LinkLetspHov = article.value("link-letsp-hov","");
var CloseAnitime = article.value('close-anitime', '');
var CloseAbstO = article.value('close-abst-o', '');
var CloseAbstR = article.value('close-abst-r', '');
var CloseAni = article.value('close-ani', '');
var OvlDispl = article.value('ovl-displ', '');
var OvlCol = article.value('ovl-col', '');
var BtnPosLR = article.value('btn-pos-lr', '');
var BtnAbstLR = article.value('btn-abst-lr', '');
var BtnAbstO = article.value('btn-abst-o', '');
var BtnPad = article.value('btn-pad', '');
var BtnBg = article.value('btn-bg', 'transparent');
var BtnRadius = article.value('btn-radius', '0');
var Anitime = article.value('anitime', '');
var BtnAni = article.value('bild-ani', '');
var slideValue = FBr;
// Slide von oben / unten
if (SlideLR === 'top' || SlideLR === 'bottom') {
slideValue = '100%';
}
var headstyle = "";
// FENSTER
headstyle += '.wzp-slidewindow-menu_id' + article.id + ' {';
headstyle += ' top:0;';
headstyle += 'max-width:' + FBr + ';';
headstyle += ' ' + SlideLR + ':-' + slideValue + ';';
headstyle += ' background-color:' + FHg + ';';
headstyle += ' padding:' + FPadO + ' ' + FPadLR + ' 0;';
headstyle += ' opacity:' + FTrans + ';';
headstyle += ' transition:' + FZeit + 'ms;';
headstyle += ' z-index:9998;';
headstyle += ' width:100%;';
headstyle += ' height:100%;';
headstyle += ' position:fixed;';
headstyle += ' overflow-x:hidden;';
headstyle += ' overflow-y:auto;';
headstyle += ' display:block;';
headstyle += '}\n';
// VERWEISE
headstyle += '.wzp-slidewindow-menu_id' + article.id + ' a {';
headstyle += 'color:' + LinkColSch + ' !important;';
headstyle += ' font-size:' + LinkGr + ';';
headstyle += ' font-family:' + LinkFfam + ';';
headstyle += ' font-weight:' + LinkFw + ';';
headstyle += ' line-height:' + LinkLineH + ';';
headstyle += ' letter-spacing:' + LinkLetsp + ';';
headstyle += ' text-decoration:none !important;';
headstyle += ' border-bottom:none !important;';
headstyle += ' transition:0.15s ease !important;';
headstyle += ' -webkit-transition:0.15s ease !important;';
headstyle += '}\n';
headstyle += '.wzp-slidewindow-menu_id' + article.id + ' a:hover {';
headstyle += 'color:' + LinkColSchHov + ' !important;';
headstyle += ' letter-spacing:' + LinkLetspHov + ';';
headstyle += '}\n';
// CLOSE X
headstyle += '.wzp-slidewindow-menu_closeX_id' + article.id + ' {';
headstyle += 'transition:all ' + CloseAnitime + 'ms !important;';
headstyle += ' position:absolute;';
headstyle += ' top:' + CloseAbstO + ';';
headstyle += ' right:' + CloseAbstR + ';';
headstyle += ' padding:10px;';
headstyle += ' text-align:center;';
headstyle += ' text-decoration:none !important;';
headstyle += ' border-bottom:none !important;';
headstyle += ' line-height:1.5 !important;';
headstyle += ' z-index:9999;';
headstyle += 'border: none;';
headstyle += 'background-color: transparent;';
headstyle += 'cursor: pointer;';
headstyle += '}\n';
headstyle += '.wzp-slidewindow-menu_closeX_id' + article.id + ':hover {';
headstyle += '' + CloseAni + ';';
headstyle += '}\n';
// OVERLAY
headstyle += '#wzp-slidewindow-menu_overlay' + article.id + ' {';
headstyle += 'display:' + OvlDispl + ';';
headstyle += ' background-color:' + OvlCol + ';';
headstyle += ' transition:' + FZeit + 'ms;';
headstyle += ' position:fixed;';
headstyle += ' width:100%;';
headstyle += ' height:100%;';
headstyle += ' top:0;';
headstyle += ' left:0;';
headstyle += ' right:0;';
headstyle += ' bottom:0;';
headstyle += ' cursor:pointer;';
headstyle += ' visibility:hidden;';
headstyle += ' opacity:0;';
headstyle += ' z-index:9997;';
headstyle += '}\n';
// MENUBUTTON
headstyle += '#wzp_slidewindow_menu_btn' + article.id + ' {';
headstyle += 'position:fixed;';
headstyle += ' ' + BtnPosLR + ':' + BtnAbstLR + ';';
headstyle += ' top:' + BtnAbstO + ';';
headstyle += ' padding:' + BtnPad + ';';
headstyle += ' z-index:9996;';
headstyle += ' cursor:pointer;';
headstyle += ' transition:all ' + Anitime + 'ms;';
headstyle += ' -webkit-transition:all ' + Anitime + 'ms;';
headstyle += 'border: none;';
headstyle += 'background-color: ' + (BtnBg || 'transparent') + ';';
headstyle += 'border-radius: ' + BtnRadius + ';';
headstyle += 'line-height: 0;';
headstyle += '}\n';
headstyle += '#wzp-slidewindow_menu_btn' + article.id + ':hover {';
headstyle += BtnAni + ';';
headstyle += '}';
system.addHtmlHeadElement("
Side Menü
Hier können Sie das Widget öffnen oder löschen. Dieser Hinweis wird nur in der internen Vorschau angezeigt.