Punkte png. als Designelement vor Textblock

    Hallo,

    ich würde gerne eine Bilddatei (2 Punkte nebeneinander, 2x6px) als Designelement vor einem Text positionieren. Die Punkte sollen mittig zur ersten Zeile. Der weitere Text soll vom Texteinzug der ersten Zeile folgen - also mit Einzug. Kann man das irgendwie als Sonderzeichen oder Aufzählungszeichen definieren?
    Ich habe zwar html und css Kenntnisse, stehe aber gerade irgendwie auf dem Schlauch. Außerdem brauche ich eine einfache Lösung, damit der Kunde ggf. auch damit umgehen kann.

    Vielen Dank für Vorschläge.

    Gruß, Daniela

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Hallo Daniela

    Wenn es der Kunde selber auswählen können soll wann und wo diese Bilddatei dem Textblock vorangestellt werden soll, dann wäre sicher ein entsprechender Shortcode die richtige lösung:
    http://codex.wordpress.org/Shortcode_API

    Wenn die Bilddatei aber automatisch bei jedem XX-Element (zbsp. <article>) voranngestellt werden soll, dann reicht es eventuell wenn du die entsprechende Template-Datei bearbeitest. Oder du realisierst das ganze dann mit der CSS-Psydoklasse :bevore/:after :
    http://www.w3schools.com/cssref/sel_before.asp

    LG, pixselig

    Hallo Pixelig,

    danke schon mal für die Vorschläge.

    Die Kundin möchte nur am Anfang eines Textblockes das Designelement integrieren. Das müsste ich dann ja im Prinzip mit einer Psydoklasse, wie du es vorgeschlagen hast, schaffen können. Ich probiere es mal aus und schaue, ob ich es hinbekomme ;-)

    Das mit den Sportcodes schaue ich mir aber auch noch mal an.

    Vielen Dank erstmal.
    LG, Daniela

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden