Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahl für den Rahmen/Border angeboten wird container.box.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für den Rahmen
Auswahl für Ecken / Radius im Social-Button, Variante 0 .elementSocialButton_var0 { /* ... */ ; -w-editmaskExtended-borderradius: yes; /* ... */ } Social-Button Element Variante 0 mit Auswahl für Ecken / Radius Zu beachten: Diese CSS-Only Referenz
Preisliste 3-spaltig - pricelist (Preisliste) */ table.pricelist { width: 100%; background-color: $backgroundColorTable; border: none; margin-bottom: 12px; border-collapse: separate; border-spacing: 0; th { border-style: none none solid none;
Masonry Pictures three columns with fancybox} */ .listDefault_var3601 { display: inline-block; margin-right: 0; border: none; -moz-column-count: 3; -moz-column-gap: 0; -moz-column-width: 33.333%; -webkit-column-count: 3;
linear;} #navigationSidebar #navigationMainToggler { display: block; position: absolute; top: 0; right: 0; box-sizing: border-box; -moz-box-sizing: border-box; width: 40px; height: 80px; margin: 0; padding: 12px 24px 12px 16px; cursor: pointer;
ab: Version Veröffentlichungsdatum: 13. März 2012 Änderungsdatum: 24. Januar 2014 css css3 gradient shadow box border background CSS3 für unterschiedliche Browser schnell und einfach einsetzen. Mit CSS3 können Sie Effekte, wie z.B.
Dieser Artikel beschreibt, was die einzelnen Modus-Einstellungen zur Erstellung von Vorschaubildern (Thumbnails) bedeuten und bewirken.
0 12px 0} table {font:inherit;color:inherit;border:none} tr, thead, tbody {} th, td {vertical-align:top} table.default
!= '0' "> <!-- web:item:stop --> Auszug aus der design.css (Standard) /* ... */ hr { margin: 0 0 10px 0; border-color: $borderColorLines; border-style: solid none none none; height: 0px} /* ... */ layout.hr.custom.wItem.php
none; position: fixed; overflow: hidden; z-index: 1000; bottom: -80px; left: 0; width: 100%; background-color: #d0d0d0; border-top: solid 1px #a0a0a0; padding: 10px; text-align: center;} .pagestatus-loaded #cookieNotice { display: block; bottom:
Anwendungsbeispiel: Formular mit allen verfügbaren Elementen
{ background-color: $backgroundColorPageNaviListEntryActive; color: $fontColorPageNaviListEntry; border: solid 1px $borderColorPageNaviListEntry; border-radius: 3px; padding: 0 0 0 15%; .pageNaviPagePosition { &:before {
Definiert, ob das Dateiauswahlfeld für den Pfad des Hintergrundvideo angeboten wird -w-editmaskExtended-border Definiert, ob die Auswahl für den Rahmen/Border angeboten wird -w-editmaskExtended-borderradius Definiert, ob die
/* ... */ .listBannerSlider_var40 .listEntriesPreview .listEntry { display: table-cell; cursor: pointer; box-sizing: border-box} /* ... */ Nach der Anpassung (visuell gleich): Banner-Variante 40 (Bild, mehrspaltiger Teasesr unten) per
). Zur Berechnung der Breite werden die Werte zu den CSS-Eigenschaften width, max-width, margin, padding und border berücksichtigt. Im Gegensatz dazu berücksichtigt ein Browser immer den zuletzt gefundenen Wert innerhalb einer
ergänzt. */ .listEntryDescription { display: block; html[lang="de"] &:after { margin-left: 12px; padding: 4px; border: 1px solid grey; content: wGetText (' de: list_more') ; } html[lang="en"] &:after { margin-left: 12px; padding: 4px;
= 'special' "> style= " position: absolute;top: 0;left: -4px;height:20px;width:4px;background-color: orange;border: 1px solid tomato; "/> test= " $objectListVariant = 'important' "> style= " position: absolute;top: 0;left:
/* ... */ .pageNaviList .pageNaviBackLink { background-color: transparent; color: #999999; border: none 1px #e0e0e0; margin: 0 4px 0 4px; padding: 1px 8px 1px 8px; font-size: 40px; } .pageNaviList .pageNaviNextLink {
Startet den Workflow einer Datei, falls davon eine Arbeitskopie existiert
Initialisiert den Workflow einer Datei, falls davon eine Arbeitskopie existiert
Ermittelt alle Werte
refid="webtag_text_ " notagentryend="1" decorators="default" caption="GEO-Koordinaten" inputStyle="width:80px;border-right:none" --> select= " /wd:document/wd:extension/wd:object/wd:data[@id = 'latitude']/text() "/>
#F0F0F0; /* Hintergrundfarbe Sheet-Boxen */ /* .... */ .elementBox_var0 { height: 100%; box-sizing: border-box; margin: 0 0 20px 0; overflow: hidden; background-color: $backgroundColorBoxSheet; border: none; padding: 15px;
Generiert eine Liste auf Basis einer XML-Zeichenkette
texts=" | | | | " inputStyle="height:15px;font-size:11px;width:auto;background:none;border:none"--> select= " wd:fragment[@id='listTemplatesClass']/text() "/> <!-- web:text:stop --> ) class= "
= function(){ jQuery.each(jQuery(this), function(){ var url = jQuery(this).attr('data-url'); //jQuery(this).css({'border' : 'solid 3px red'}); jQuery(this).append(' id= " fb-root "/> class= " fb-like " style= " overflow: hidden; height:20px;
*/ /* ... */ #navigationMain div.navLevel1Embed {display:none;position:absolute;z-index:100;left:0;margin:-2px 0 0 0;border:solid 1px #f0f0f0;background-color:#ffffff;padding:20px} /* ... */ Schritt 4: Ergebnis Und so kann das Ergebnis dann
php:functionString('wTexts::showTextUser', 'Logo', 'Logo', 'Logo') "/> class= " wEditorElementConfiguration " style= " border:none;background:none "> class= " wEditorElementLabel "> select= " php:functionString('wTexts::showTextUser',
Weist ein Dokument aus dem Workflow zurück
Zuweisen der Subvariante quickfilter=1, also z.B.: -w-subvariants:date=10,title=17,description=10,thumbnail=10,border=0,link=0,cols=0,quickfilter=1;
Anwendungsbeispiel: Einfaches Formular mit Validierung
print "Fehler"; } '); if($formular->getStatus() == 'sent'){ print ' style= " padding:8px;background-color:#ffffff;border:solid 1px #666666 "> Vielen Dank für Ihre Nachricht! '; $formular->setStatus(""); } else{
Anwendungsbeispiel: Gestaltetes Kontaktformular, bei dem die Elemente individuell platziert und die Styleangaben direkt an die Elemente übergeben wurden
Anwendungsbeispiel: Gestaltetes Kontaktformular, bei dem die Elemente individuell platziert und die Styleangaben direkt an die Elemente übergeben wurden
true);}); } }); // ... Beispiel: Auszug aus additional.scss zu JS-Umsetzung #preContainer { width: 100%; border: 1px solid orange; background-color: tomato; color: #FFFFCC; padding: 12px; margin: 0 auto; text-align: center;
Gibt ein Dokument aus dem Workflow frei
Auszug aus der design.css /* ... */ .listDefault li { overflow: hidden; padding: 0 0 10px 0; margin: 0 0 12px 0; border-bottom: solid 1px #e0e0e0} .listDefault li.alt { background-color: #e0e0e0} /* ... */ Die im Beispiel verwendeten
Standardüberschrift; caption-en: Default; livepreview: yes} */ .elementHeadline_var0 { /* ... */ .weditor & { border: 2px dotted $baseColorPrimary2; } .no-weditor & > h1 { background-color: $baseColorPrimary1; } } Weiterführende
caption-en: Wall} */ .listDefault_var20 { /* ... */ -w-subvariants: date=0,title=20,description=20,thumbnail=80,border=0,link=31,cols=2; -w-displayElements: editbuttons=yes,thumbnail=yes,date=no,title=yes,description=yes,link=no; /* ...
Buchstaben vor dem jeweils ersten Eintrag anzuzeigen .listEntry { &[data-headlinefirstletter], &:first-child { border-top: solid 1px $borderColorLines; } .listEntryInner { @extend .clearAfter; padding: 15px 0; . listEntryTitle:
ist, deaktivieren Sie auch diese Einstellung. Am Beispiel der Listen-Variante 10 (Box) ist dort standardmässig die Border-Untervariante 20 (Box) zugewiesen, welche diese Einstellung hat. Ggf. legen Sie eine eigene Untervariante ohne
jQuery('#cookieNoticeCloser').show(); } #cookieNotice {position:relative;background-color:#c0c0c0;border-bottom:solid 1px #a0a0a0;padding:10px;text-align:center} #cookieNoticeCloser
einzeilig. */ .listDefault_var111 { -w-subvariants: date=10,thumbnail=10,title=10,description=10,levelHeadline=4,cols=1,border=10; -w-editmaskExtended-cols: yes; -w-editmaskExtended-link: yes; -w-editmaskExtended-date: yes;