<$ var FenstBr = article.value("fensterbreite",""); var PosHor = article.value("pos-hor",""); var PosVert = article.value("pos-vert",""); var PosEinh = article.value("pos-einh",""); var headstyle = ""; headstyle += '.css-fenster' + article.id + ' {'; headstyle += ' position: fixed;'; headstyle += ' height: auto;'; headstyle += ' z-index: 99000;'; headstyle += ' padding: 12px 10px 0 10px;'; headstyle += ' margin:10px;'; headstyle += ' max-width: ' + FenstBr + 'px !important;'; headstyle += ' top: ' + PosVert + '' + PosEinh + ' !important;'; headstyle += ' left: ' + PosHor + '' + PosEinh + ' !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var XPos = article.value("x-pos",""); var headstyle = ""; headstyle += '#close' + article.id + ' {'; headstyle += ' position:absolute;'; headstyle += ' right:-' + XPos + 'px;'; headstyle += ' top:-' + XPos + 'px;'; headstyle += ' border-radius:50%;'; headstyle += ' width:30px;'; headstyle += ' height:30px;'; headstyle += ' line-height:30px;'; headstyle += ' text-align:center;'; headstyle += ' font-size:15px;'; headstyle += ' font-weight:bold;'; headstyle += ' cursor:pointer;'; headstyle += ' font-family:Arial Black, Arial, sans-serif;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var Breakpoint = article.value("breakpoint",""); var MaxBrMob = article.value("br-max-mob",""); var PosHorMob = article.value("pos-hor-mob",""); var PosVertMob = article.value("pos-vert-mob",""); var PosEinhMob = article.value("pos-einh-mob",""); var headstyle = '@media (max-width: ' + Breakpoint + 'px) {'; headstyle += '.css-fenster' + article.id + ' {'; headstyle += ' max-width: ' + MaxBrMob + 'px !important;'; headstyle += ' top: ' + PosVertMob + '' + PosEinhMob + ' !important;'; headstyle += ' left: ' + PosHorMob + '' + PosEinhMob + ' !important;'; headstyle += '}'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$=system.partial("article-begin.html")$>

; border-width:<$= article.value("bord-px") $>px; border-style:<$= article.value("bord-style") $>; border-color:<$= article.value("bord-col") $>; border-radius:<$= article.value("corner") $>px;">

; color: <$= article.value("colorX") $>;">X

<$= article.value("advancedHtmlWysiwygEditor1") $>

<$ if ( system.preview ) { $>

CSS-Fenster 🗔

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

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