• Navigation überspringen
  • Zur Navigation
  • Zum Seitenende
Organisationsmenü öffnen Organisationsmenü schließen
Friedrich-Alexander-Universität Referenzinstallation FAU Design
  • FAUZur zentralen FAU Website
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Suche öffnen
  • Campo
  • StudOn
  • FAUdir
  • Stellenangebote
  • Lageplan
  • Hilfe im Notfall
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Friedrich-Alexander-Universität Referenzinstallation FAU Design
Menu Menu schließen
  • Texte
    • Überschriften
    • Absatzklassen
    • Tabellen
    • Listen
    • Textelemente
    • Blockquotes und Zitate
    • Symbole aus Font Awesome
    • Formularfelder
    • Code und Pre
    • Test: Standard-Template mit Default WordPress Textstyles
    Portal Texte
  • Bilder
    • Bildpositionierungen
    • Bildpositionen in der Seite
    • Bildpositionen im Beitrag
    • Galerie
      • Bildergalerie ohne Dots
      • Bildergalerie als Grid
      • Bildergalerie mit vielen Bildern
    Portal Bilder
  • Plugins
    • Elements
    • RRZE-Video
    • Plugin Bluesky
    • FAU oEmbed
    • Contact Form 7
    • Downloads
    • Plugin FAUdir
    • FAU Person
    • RRZE-UnivIS
    • RRZE-FAQ
    • RRZE Jobs
    • Plugin Mein Studium
    • Public Display Beispiel
    • Plugin FAU-CRIS
    Portal Plugins
  • Tests
    • Test: Standard-Template mit Default WordPress Textstyles
    • Tutorials
    • Komplexe Testseite
    • Smileys
    • Templates
      • Startseite Lehrstuhl
      • Startseite
      • Portalindex
      • Portalseite
    • Unterseite des Portals Test mit einem etwas längeren Titel. Manche wollen das ja so…
    • Beispiel-Seite mit Page Break
    • Seite mit h2 zu Beginn und Sidebar
    • WordPress oEmbed von WordPress-Seiten
    • Standard oEmbeds
    • Test Linklisten Sidebar
    • Shortcodes
      • Shortcode Spalten
      • Shortcode Portalmenu
      • Shortcode blogroll
      • Shortcode articlelist
      • Accordions
        • Accordion in Accordion
        • Accordions mit multimedialen Inhalten
        • Accordion auf Standardseite mit Sidebar rechts
      • Glossar
      • Synonyme
      • Organigramm
      • Shortcode Imagelink
        • CSS Klassen in Imagelinks
        • Imagelink Sizes
        • Imagelink Sizes bei Listendarstellung
    Portal Testfälle
  • Block Editor Testfälle
    • core/gallery
    Portal Block Editor Testfälle
  1. Startseite
  2. Theme-Shortcodes
  3. Shortcode Imagelink
  4. CSS Klassen in Imagelinks

CSS Klassen in Imagelinks

Bereichsnavigation: Theme-Shortcodes
  • Accordions
  • Glossar
  • Organigramm
  • Shortcode articlelist
  • Shortcode blogroll
  • Shortcode Imagelink
    • CSS Klassen in Imagelinks
    • Imagelink Sizes
    • Imagelink Sizes bei Listendarstellung
  • Shortcode Portalmenu
  • Shortcode Spalten
  • Synonyme
  • Hinweis-Shortcodes

CSS Klassen in Imagelinks

Man kann über das Attribut class die Ausgabe anpassen:

Border

Beispiel mit einem Border.

Code

[imagelink autoplay="false"  class="border"]

Rounded

Beispiel mit einer Rundung um den Bildern.

Code

[imagelink catid="324" autoplay="0"  class="rounded"]

Shadow

Beispiel mit einem Schattenwurf.

Code

[imagelink catid="324" autoplay=false  class="shadow"]

Background Colors

Beispiel mit den Standardklassen für Hintergründe.
Zur Verfügung stehen die Klassen:
bgcol-phil, bgcol-nat, bgcol-rw, bgcol-tf, bgcol-med, bgcol-fau, bgcol-hellgrau

Code

[imagelink  autoplay=false  class="bgcol-phil"]

Background Rounded und Hintergrundfarbe

Beispiel mit den Standardklassen für Hintergründe.

Code

[imagelink autoplay=false  class="rounded bgcol-grau"]
  • Blog
  • Kontakt
  • Impressum
  • Barrierefreiheit
  • Datenschutz
  • BlueSky
  • Facebook
  • RSS Feed
  • Xing
  • YouTube
Nach oben