<$ 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("\n" + headstyle + "\n"); $> <$=system.partial("article-begin.html")$>
>
<$ if ( system.preview ) { $>

Side Menü

Hier können Sie das Widget öffnen oder löschen. Dieser Hinweis wird nur in der internen Vorschau angezeigt.

<$ } $> <$=system.partial("article-end.html")$>