Volltextsuche
Icons für Strukturelemente im Projekt hinterlegen
24. August 2009 editor struktureditor icons bilder strukturelemente Im Editor können Sie für Strukturelemente eigene Icons hinterlegen. Einem Strukturelement können Sie ein beliebiges Bild in der Göße 18 x 18 px hinterlegen. Dieses wird
Font Awesome für Navigationssymbole nutzen
Veröffentlichungsdatum: 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
Das Projektmenü im Backend wurde umstrukturiert. Neue Icons werden noch folgen.
wurde umstrukturiert. Neue Icons werden noch folgen. 11. Nov,
Interaktive Erklärbilder (ImageMap): Scrollevent nach Klick auf Labels bzw. Icons aktivieren
nach Klick auf Labels bzw. Icons aktivieren Veröffentlichungsdatum: 22. Februar 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE So können
Font Awesome im Link-Element nutzen
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 Font Awesome
Link-Icons (SVG) individualisieren
hervorzuheben und passend zum Link-Ziel zu gestalten, liegt der Einsatz von Grafiken nahe. Die BASE nutzt hierfür SVG-Icons, welche über SCSS eingebettet zudem mit Farbe befüllt werden können: Beispiel: Auszug aus der html.scss des globalen
Farbe von SVG Bilder beim Überfahren mit der Maus ändern
gibt es dafür die Variante "SVG-Grafik eingebettet, per CSS formatierbar". CSS-Only der SVG-Bildvariante, um SVG Icons mit fixer Größe per CSS formatierbar einzubetten -w-embedSVG: yes; /* SVG-Bild einbetten [yes (Ja) |no (Nein) ] */
SVG-Icons für Links
14. Dezember 2021 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Neben den vordefinierten Link-Icons können Sie auch eigene SVG-Icons zum Dekorieren von Links auswählen. Dazu muss die CSS-Only Einstellung
Navigation mit SVG-Icon pro Navigationspunkt
25. April 2023 Änderungsdatum: 24. Februar 2025 navigation grafik bild svg icon Navigationen über Bilder bzw. Icons in der Darstellung optimieren Navigation mit SVG-Icon Die BASE erlaubt in aktueller Version, eigene SVG-Icons pro
RSS: Weblication® Mobile First Changelogs Version 18
Seite liefert (z.B. für Ähnliche Beiträge). 05.06.2024 14:37 BASE für Version 18: Fliesstext 1.0.109: Links-Icons werden an die Schriftgrößen angepasst. 04.06.2024 09:37 BASE für Version 18: Liste 1.0.235: Die Filter "Nach
SVG-Grafik im Bild-Element nutzen
2020 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Über das Bild-Element können Sie für SVG-Grafiken bzw. Icons spezielle CSS-Only-Varianten verwenden. Hierfür stehen bereits im Standard die Varianten 40 ("SVG-Grafik") und 41
Kategorienfilter Schaltflächen um Icon ergänzen
2023 Projektgrundlage: BASE Die Schaltflächen das Kategoriefilters können Sie sehr einfach visuell über Symbole oder Icons hervorheben. Sie wollen die Text-Schaltflächen des Kategoriefilters zusätzlich um ein Symbol bzw. eine Grafik /Bild
Originalbilder ohne Größenanpassung in einer Bildergalerie anzeigen
werden Bilder ohne Größenanpassung direkt in einer Galerie angezeigt. Das kann z.B. bei der Auflistung von Logos, Icons oder Symbolen sinnvoll sein. Falls die Bilder in HD vorliegen, also doppelt so groß sind, kann
-w-editmaskExtended-entryicon
Beispiele / Anwendungsfälle Beispiel 1: Aktiviert das Dateiauswahlfeld zur Bearbeitung des Icons (Hintergrundbildes) zum Akkordeon-Container in Variante 10 .elementAccordion_var10 { /* ... */ ;
HD-Funktion in BASE-Projekten nachrüsten
Die Pfade passen Sie an Ihre Projektpfade an und spielen ggf. aus einer aktuellen BASE nicht vorhandene Bilder und Icons ein. /*@wCssFragment { class: mediaqueryPixelRatio; variant: min2; caption: Sobald das Endgerät ein Device-Pixel-Ratio
So setzen Sie einen Attributwert dynamisch
links ausgerichtetem Bild das Bildbearbeitungssymbol anders ausrichtet. Dies verhindert die Überlagerung des Element-Icons über das Bild-Icon. Dieses Beispiel dient natürlich auch als Anregung für andere Einsatzmöglichkeiten. Beispiel:
Änderungen in Weblication® CMS Core/GRID
lässt ich in einem Verzeichnis die Hintergrundfarbe bei Vorschaubildern einstellen, um so z.B. weiße Icons sehen zu können. 012.006.072.000 08.03.2018 Beim SEO-Reiter wird die maximale Länge der Beschreibung nun entsprechend
Bearbeitung von Auflistungen über den Internet Explorer
/* ... */ .elementText ul { margin: 0 0 10px 0; list-style-image: url ($wGlobalProjectPath/wGlobal/layout/images/icons/list-style-image.gif) } .elementText ol { margin: 0 0 10px 0} /* ... */ Funktioniert nicht mit IE: Definition für
templatesIncludeItems
content1 "> name= " Überschrift " en:name= " Headline " icon= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_headline.gif " type= " headline.default "> id= " title " type= " char.text "/> id= " display " type= "
Änderungen in Weblication® CMS Core/GRID
lassen sich weitere Zeiträume auswählen. 018.004.000.000 02.08.2023 Final Version 018.003.036.000 02.08.2023 Icons in projektspezifischen Kontextmenüs lassen sich auch über die ID (z.B. edit, delete, copy, etc.) definieren, um so
Pflege von Bildern
konfigurierbare Maske pflegen. iconStyle definiert CSS, um die Darstellung des Pflegesymbols zu beeinflussen notwendig: nein title Titel des Pflegesymbols
Weblication® Entwicklerbereich
von Platzhaltern gesetzt. 04 April BASE für Version 19: Kopfbereich über Struktureditor pflegen 1.0.532: Social Icons für Mastodon und Kununu hinzugefügt 04 April BASE für Version 19: BASE JavaScript Dateien 1.0.343: ui.js: Korrektur
Neu in Weblication® Version 19 - veröffentlicht am 01.07.2024
Benutzerinfos über Pflegemaske bearbeiten Dateiverwaltung: Benutzerinfos im Verzeichnis definieren Dateiverwaltung: Icons in Suggest-Schnellauswahl anzeigen Dateiverwaltung: Weitere Felder in Schnellsuche ergänzbar Dateiverwaltung:
Weblication® Version 19: Neu im Editor
vergrößern Editor: Bearbeitung von Dateien und Bilder direkt im Dateiauswahlfeld aufrufen Editor: Bilder als Icons in der Dateiauswahl anzeigen Editor: Darstellung der Elementauswahl einstellbar mit Icons oder als Liste Editor: Alle
Weblication® Version 19: Neu in der Dateiverwaltung
Benutzerinfos über Pflegemaske bearbeiten Dateiverwaltung: Benutzerinfos im Verzeichnis definieren Dateiverwaltung: Icons in Suggest-Schnellauswahl anzeigen Dateiverwaltung: Weitere Felder in Schnellsuche ergänzbar Dateiverwaltung:
Was sich von Weblication® Version 5, 6, 7, 8, 9,10, 11 bis hin zu Version 12 alles getan hat
einiger Neuerungen für Administratoren und Entwickler Echtzeitvorschau bei der Variantenauswahl Panel minimieren Icons im Editor machen Platz Ebene der Überschriften sichtbar Mehrfachauswahl über Strg und Mouseover statt Klick Container
Neu in Weblication® Version 11 - veröffentlicht am 01.07.2016
einiger Neuerungen für Administratoren und Entwickler Echtzeitvorschau bei der Variantenauswahl Panel minimieren Icons im Editor machen Platz Ebene der Überschriften sichtbar Mehrfachauswahl über Strg und Mouseover statt Klick Container
Was sich von Weblication® Version 5, 6, 7, 8, 9,10 bis hin zu Version 11 alles getan hat
einiger Neuerungen für Administratoren und Entwickler Echtzeitvorschau bei der Variantenauswahl Panel minimieren Icons im Editor machen Platz Ebene der Überschriften sichtbar Mehrfachauswahl über Strg und Mouseover statt Klick Container
Noch performantere Websites mit Weblication® CMS
- Dauer einstellbar CSS-Optimierungen: CSS-Dateien zusammenführen, minimieren Data-URLs - einbetten von Grafiken und Icons in CSS zur Reduzierung der GET-Anfragen Server-Monitoring zur Erkennung der Zugriffscharakteristik und Einstellung der
Tipps & Tricks in Weblication®
zur Auswahl angezeigt - im Unterschied zu "Einfügbare Elemente", in der diese lediglich mit dem Namen und Icons aufgelistet werden. Komponenten über "Einfügbare Komponenten" in Seiten einbinden - mit Mini-Vorschau Komponenten
Version 17: Schnellauswahl von Dateien zeigt Datei-Icons
27. Jan 2022 In Weblication® Version 17 werden in der Schnellauswahl der Datei bei Links die jeweiligen Datei-Icons 27. Jan 2022 In Weblication® Version 17 werden in der Schnellauswahl der Datei bei Links die jeweiligen Datei-Icons
Neu in Weblication® Version 12 - veröffentlicht am 01.07.2017
generiert automatisch ein Inhaltsverzeichnis. Eigene CSS-Pflegemasken sind möglich. Die IDE unterstützt Icons für die einzelnen CSS-Dateien. Jede Variante hat genau einen Wurzelsektor. CSS-Only Angaben können in
Version 18: Toggle Navigationsmenü per Mausklick gestalten
Navigationsmenü über die Benutzeroberfläche per Mausklick gestalten. So lassen sich beispielsweise Social Media Icons und sonstige Elemente unter dem Menü positionieren und die Meta-Navigation unter der Hauptnavigation einblenden.
Neu in Weblication® Version 18 - veröffentlicht am 01.07.2023
Navigationsmenü über die Benutzeroberfläche per Mausklick gestalten. So lassen sich beispielsweise Social Media Icons und sonstige Elemente unter dem Menü positionieren und die Meta-Navigation unter der Hauptnavigation einblenden.
Innovatives Web-Design: Inhaltsseiten flexibel gestalten mit CSS-Only in Weblication®
positioniert Dort klicken Sie auf den Button " Diese Seite bearbeiten ". Im Editor können Sie unter den Konfigurations-Icons im Inhaltsbereich sowie in den Inhaltsboxen die jeweiligen Einstellungen ansehen und nachvollziehen. Nachvollziehen der
Neu in Weblication® Version 17 - veröffentlicht am 01.07.2022
In Strukturansicht im Editor Elemente-Konfigurationsmasken öffnen Editor: Schnellauswahl von Dateien zeigt Datei-Icons Editor: Aktuelles Element beim Einfügen über Zwischenablage ersetzen Editor: Bei Pflege von E-Mail Daten auch Cc und
Neu in Weblication® Version 14 - veröffentlicht am 01.07.2019
der gewünschten Stelle eingefügt. Tauschen / Ersetzen Weiterhin können Sie beim Überfahren des jeweiligen Element-Icons das Element in der Drag&Drop Haltung mit dem ausgewählten Ziel-Element tauschen oder das Ziel-Element durch das
Videos noch komfortabler veröffentlichen
Bild legen. Dabei wird das Start-Icon automatisch an die Größe des Startscreens angepasst. Größenanpassung der Play-Icons für
BASE Projekt - Mobile First | Weblication CMS Onlinedokumentation
CSS-Editor generiert automatisch ein Inhaltsverzeichnis. Eigene CSS-Pflegemasken sind möglich. Die IDE unterstützt Icons für die einzelnen CSS-Dateien. Jede Variante hat genau einen Wurzelslektor. Varianten lassen sich direkt in der