Volltextsuche
Anpassen einer Bildergalerie Variante über CSS-Only
Beispiel 1: Bildergalerie-Variante 0 mit Fancybox-Ansicht Am Beispiel der Bildergalerie " Großansicht mit Diavorschau horizontal " (Variante 0) demonstrieren wir Ihnen, wie Sie diese Galerievariante anpassen können (Stand: September 2013). Die
Navigation mit Toggler und Layer mehrspaltig horizontal
auch bei großen Bildschirmen direkt dasToggler-Symbol (Hamburger-Menü). Bei Klick wird eine Layer-Navigation mit horizontalen Hauptpunkten geöffnet, welche mehrspaltig von links angeordnet sind. Die passenden Einstellungen für diese Navigation
Horizontale Footermap Navigation
Seitenbesucher kann bei Bedarf eine Navigation im Fußbereich der Webseite verwendet werden. Navigation einbinden als horizontale Map Hierfür steht Ihnen mit dem Weblic® " Navigation einbinden " ein Element zur Verfügung, welches durch
Eigene Strukturelemente umsetzen
Weblication® Support nachfragen (siehe Link "Support" auf der rechten Seite). Eigenes Strukturelement auf Basis des Horizontale Linie Weblics® Auf Basis des Weblics® "Horizontale Linie" soll dieses Beispiel zeigen, wie Sie ein eigenes
Initialisierung der Bilder zu Bannervariante 400
08. August 2023 Projektgrundlage: BASE Die Variante 400 des BannerSliders ermöglicht eine mehrspaltige horizontale Anordnung der Bannerbilder. Die Listenoptionen der Bannervariante ermöglichen unter anderem, die Anzahl der Spalten zu
Anpassen einer Bannerslider Variante über CSS-Only
Teasesr unten) per Klick Beispiel: Auszug aus der design.css zur Bildergalerie-Variante 0 (Großansicht mit Diavorschau horizontal) /* ... */ .listBannerSlider_var40 .listEntriesPreview .listEntry { display: table-cell; cursor: pointer; box-sizing: border-box}
Font Awesome für Navigationssymbole nutzen
Auswahlbox bereitstellen, und dort nur bestimmte Icons zur Auswahl anbieten. 3. Darstellung anpassen CSS, um die Icons horizontal vor dem Navigationstext darzustellen /* ... */ #navigationMain li.navLevel1. fa: before { position: absolute; margin:
-w-animation
fadeIn} Beispiel 2: Definiert für die Bildergalerie-Variante 12 einen automatischen Wechsel (Ticker) anstatt horizontalem Scrollen .listPictureGallery_var12 .listEntries .listEntry { /* ... */ ; -w-animation: ticker} Zu beachten: Diese
Navigationsbeispiel: Hauptnavigation getrennt mit Logo mittig
Navigation zentriert darunter Hauptnavigation Hauptnavigation im Kopfbereich anzeigen: Ja Vertikale Ausrichtung: Mittig Horizontale Ausrichtung: Zentriert Speichern Sie diese Einstellungen zum Kopfbereich.Sie sollten dann noch die Maske zum
Menünavigation anpassen
mit einer dunklen Farbe zur Menünavigation ausgeliefert. Das betrifft sowohl das Hamburger-Symbol (drei horizontale Striche) als auch die Schriftfarbe der Navigationstexte. Eine andere Farbe lässt sich über eine Maske des
socialButtonPinterest
URL url * URL der zu pinnenden Seite URL media * URL des zu pinnenden Bildes String description Beschreibung [|vertical|horizontal] counter
Bereichsnavigation - Navigation nur beim Hochscrollen Anzeigen
Auszug aus der elementNavigationSection.scss /*@wCssFragment { class: elementNavigationSections; variant: 0; caption: Horizontale Bereichsnavigation; caption-en: In page navigation horizontally} */ .elementNavigationSections_var0 { -w-add-classes:
WSL-Tags direkt in PHP aufrufen
(array( 'url' => wRequest :: getUrl (), 'media' => $pathImage , 'description' => $title , 'countLayout' => 'horizontal' )); ?> Beispiel: WSL-Tag zum kürzen von Text direkt in PHP einbinden Quelltext <?php $text = ' Lorem ipsum dolor sit