Volltextsuche
Font Awesome im Link-Element nutzen
Icons lassen sich über eine CSS-Only-Variante auch zum Link-Element nutzen. Im aktuellen BASE Projekt nutzen Sie Font Awesome Icons über eine schon im Standard verfügbare CSS-Only-Variante. Beispiel: Auszug aus der elementLink.scss zu
Google Fonts lokal einbinden
einbinden Veröffentlichungsdatum: 02. Juli 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Werden Google Fonts über die Google Font API eingebunden, muss der Besucher damit rechnen, dass er Daten an Google sendet, sofern er die
Font Awesome für Navigationssymbole nutzen
21. Februar 2017 Änderungsdatum: 17. Oktober 2022 weblication cms base navigation symbole icons fonts awesome css Navigationspunkte können Sie über Symbole (z.B. Fonticons) ohne grossen Aufwand ansprechend gestalten.
Bei einem Selectfeld können pro Styles pro Wert definiert werden: styles="font-size:13px|font-size:11px" oder classes="headline1|headline2"
Wert definiert werden: styles="font-size:13px|font-size:11px" oder
Google Fonts bei Github laden und lokal einbinden
Github laden und lokal einbinden Veröffentlichungsdatum: 07. Juni 2018 Änderungsdatum: 06. April 2022 weblication cms fonts schriftarten schriften einbinden google github Unterschiedliche Schriftarten können Sie auch lokal im Projekt
Aufzählungssymbole im Textfeld über Font Awesome
zur Untervariante/Attribut "listStyle" Auf Basis der ListStyle Untervariante 200 (Pfeile) können Sie auch Symbole aus Font Awesome zum Einsatz bringen. Hierzu ist es lediglich erforderlich, das "Font Awesome Icons" Weblic® in aktueller
Pflege von textbasierten Daten
Textfelder Auswahlfelder Datumswerte Dateipfade Verzeichnispfade Navigationszuordnung Farbauswahl CSS-Only Auswahl Font Awesome Icon Auswahl Pflegetag-Attribute editor definiert den zur Pflege zu verwendenden Editor mögliche Werte:
RSS: Weblication® Mobile First Changelogs Version 18
werden nun bei Highlighting von Suchbegriffen zur Volltextsuche direkt geöffnet 30.04.2024 15:07 BASE für Version 18: Font Awesome Icons 1.0.166: Zur Auswahl steht nun neben FontAwesome Version 5 auch die Version 6 (einstellbar über
Schriftgrößen zum Projekt festlegen
2023 Projektgrundlage: BASE Die Größe der Schrift legen Sie im BASE Projekt an zentraler Stelle fest. Schriften (fonts.scss): Schriftgrößen Rufen Sie hierzu als Administrator über das Weblication® Panel "Layout anpassen" auf und
includeCssRessources
Boolean preload Falls die CSS vorgeladen werden soll Boolean preloadFonts Falls eingebettete woff2 Schriften aus der fonts.scss vorgeladen werden soll Beispiel: Bindet die angegebene CSS-Datei ein ... <!-- Wenn CSS-Dateien über die
Cookies - Informationen zum Datenschutz
96%; } } #cookieNotice #cookieNoticeInner .elementInfo { padding: 1rem; } #cookieNotice #cookieNoticeInner .elementInfo * { font-size: 0.8rem; line-height: 120%; } #cookieNotice #cookieNoticeInner a { white-space: nowrap; } #cookieNotice
Definition und Bedeutung der WYSIWYG-Textfilter
der verfügbaren WYSIWYG-Textfilter Textfilter Bedeutung WYSIWYG-Auswahl deleteFontFormats Filtert folgende Tags: font, span, b, strong, i, u, em (bei p, h werden die Attribute der Tags gefiltert) Schriftformatierungen entfernen
So setzen Sie eigene Formatierungen für Textfelder
"/> --> de:name= " Kleiner Text " en:name= " Text Small " name= " Text " value= " p.small " styleInSelectbox= " font-size:0.5rem;line-height:100%; "/> de:name= " Normaler Text " en:name= " Text " name= " Text " value= " p "/>
Deaktivierung des Benutzerprofils
content= " text/html; charset=UTF-8 " /> type= " text/css "> /*# Tabellen */ body {margin:20px;padding:0;font-family:Arial, Sans-serif,
wWorkflow::startWorkflow
Startet den Workflow einer Datei, falls davon eine Arbeitskopie existiert
Responsive Toggler-Navigation anpassen
-moz-box-sizing: border-box; width: 40px; height: 80px; margin: 0; padding: 12px 24px 12px 16px; cursor: pointer; color: $fontColorNavigationMain; text-decoration: none; font-size: $fontSizeNavigationLevel1; text-transform: uppercase;} #navigationMainToggler {
CSS-Only Referenz
unterstützt CSS-Only einfache Rechenoperationen über wCalc: Beispiel: margin-left:-wCalc($widthBlockTop / 2);font-size:wCalc($fontSizeNavigationLevel2 + 2); * und - können auch verwendet werden. Folgende Übersicht zeigt Ihnen,
Web Fonts einbinden über die Weblication Benutzeroberfläche
Reiter "Schriften" auf den Button "Schriftarten einbinden" , dann können Sie das JavaScript für das Einbinden von Web-Fonts direkt eintragen. Beispiel für verwendete Web-Schriften finden Sie unter: http://www.scholl.de Web Fonts einbinden
Neu in Weblication® Version 20 - veröffentlicht am 01.07.2025
berücksichtigt auch Typ Editor: Element Schnellfilter zeigt Installierbare Weblics® bei Suche ohne Ergebnis Editor: Font Awesome Icons auswählen Editor: Mastertemplates auch über Entwurfs-Ansicht pflegbar Editor: Ereignisse für Elemente
Version 17: Schriften einbinden über Benutzeroberfläche
17. Feb 2022 In Weblication® Version 17 lassen sich über die Layout-Verwaltung bei Bearbeitung der fonts.scss Schriftarten über Masken einspielen, auswählen und konfigurieren. Version 17: Schriften einbinden über
Version 20: Neu im Editor
berücksichtigt auch Typ Editor: Element Schnellfilter zeigt Installierbare Weblics® bei Suche ohne Ergebnis Editor: Font Awesome Icons auswählen Editor: Mastertemplates auch über Entwurfs-Ansicht pflegbar Editor: Ereignisse für Elemente
Datenschutz mit Weblication®
sowie den Stand der Anmeldung (presubscribed oder subscribed). DSGVO: Nutzung von Google Produkten - z.B. Maps und Fonts Sofern Sie in Weblication® Google Produkte wie Google Maps, Google Fonts, Google Analytics, Google Diagramme oder
Weblication®: Google-Fonts lokal einbinden
lokal gespeichert und in Websites eingebunden werden. Aufgrund von Abmahnwellen wegen von extern eingebundener Google-Fonts zeigen wir Ihnen nochmals, wie das geht. Im Übrigen werden Google-Fonts auch geladen, wenn Google-Maps verwendet wird,
Neue Elemente rein über CSS erstellen in Weblication®
0; padding: 0.3rem 0; & + & { border-top: solid 1px $borderColorDefault; margin-top: -1rem; } .productTitle { font-size: 1.7rem; line-height: 130%; &. productTitle-offer: after { position: absolute; top: -0.5rem; right: -1rem;
Newsletter Layout | Weblication CMS Onlinedokumentation
'selectableColumnValues', '2') "/> body {background-color:#f0f0f0;margin:0;} body, tr, td {font-size:13px;font-family:Verdana, Arial, sans-serif;font-weight:normal;color:#666666;line-height:19px;} td
Externe Benutzerschnittstelle für ActiveDirectory, LDAP, individuelle Datenbanken | Weblication CMS Onlinedokumentation
, $loginUserPass , $adData ); if( $result ){ $errStr = "Access granted for user $loginUserName ! " ; print " font - family : verdana ; font - size : 11px ; color : #FFFFFF;background-color:green;margin:2px;padding:2px">$errStr "; }
Neu in Weblication® Version 17 - veröffentlicht am 01.07.2022
werden im Menü abgesoftet angezeigt, um einfacher zu erkennen, welche CSS-Dateien anzupassen sind. In der fonts.scss lassen sich Schriftarten über Masken einspielen, auswählen und konfigurieren. Bei der CSS-Bearbeitung über
Neu in Weblication® Version 13 - veröffentlicht am 01.07.2018
gespeichert Datenschutzkonforme Alternative zu Google-Maps über statisches Bild auf OpenStreetMap basierend Google Fonts - lokal installieren CSS / CSS-Only - Allgemein Neben Administratoren und Redakteuren können CSS-Only Varianten auch
Konsequenter Datenschutz mit Weblication® - Alternative Weblics®
Social Buttons ohne 2-Klick-Lösung, Diagramme z.B. über Google-Funktionen, externe Webschriften z.B. Google Fonts oder sonstige externe Skripte Externe datenschutzrelevante Ressourcen anzeigen Anfahrtsroute mit OpenStreetMap In der
Neu in Weblication® Version 12 - veröffentlicht am 01.07.2017
Die Information ist sehr wertvoll, um auch im Hinblick auf Datenschutz zu erkennen, wenn beispielsweise Google-Fonts oder Google-APIs in einer Seite eingebunden sind. Externe Ressourcen - Berechtigung für Nutzung vergeben Zur Nutzung
Weblication® Panel - Individuell anpassen und erweitern | Weblication CMS Onlinedokumentation
"> 1){ $projectsToSelectStr .= ' id= " bePanelFunction_projects " style= " clear:both; "> style= " font-size:11px;color:#404040 "> Projektauswahl  '; $projectsToSelectStr .= ' id= " wPanelProjectSelector "