Mehrere verlinkte Bilder in Sidebar

    Hallo zusammen,

    ich suche nach einer Möglichkeit in meiner Sidebar (270px breit) mehere kleine Bilder nebeneinander anzuordnen, die durch Klick jeweils auf eine separate Seite führen. In etwas so, wie hier beim WP Forum in der Sidebar, halt eben nur kleiner, siehe Bild und die Rahmen bräuchte ich auch nicht unbedingt, da bei drei Bildchen eh nur wenig Platz bleibt.

    Am liebsten würde ich mit PS ein Bild erstellen, das gleich mehrere Links enthält. Vielleicht hat jemand eine Lösung, die einfach umzusetzen ist (auch ohne Profi-Kenntnisse :)

    1000 Dank!

    Ellen

    • 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 Ellen,

    die einfachste Möglichkeit ist hier das Text-Widget zu nehmen. Schieb das an die Stelle an der du die Bilder haben möchtest. Vorher erstellst du die Bilder in der Größe in der du diese haben möchtest. Wenn du 270px Platz hast, und noch etwas Platz zwischen den Bildern möchtest, dann machste die Bilder 86px breit und der Abstand zwischen den Bildern wird dann 4px betragen. Die Bilder lädst du entweder mittel FTP programm auf deinen Webspace oder in die Mediathek.

    Folgender Quellcode kommt dann in dein Text-Widget.

    Zitat

    <a href="http://www.link1.de"><img src="http://www.deinedomain.de/linkzumbild.jpg" alt="Bildname" /></a>

    Das machst du dann für jedes Bild fortlaufend. Wenn du alle neun Bilder eingefügt hast dann musst du noch in deiner css Datei folgendes einfügen.

    Zitat

    .widget_text img { margin: 2px; }

    Ich hoffe das passt so.

    Wenns nicht klappt hilft auch ein Link zur Seite weiter.

    VG
    Philip

    Hi Philip,

    lieben Dank für deine schnelle Antwort! Ich habe es schonmal mit einem Testbild probiert und es sieht schon von der Funktion her gut aus :) Super! Super! Super!
    Ich erstelle mal alle Bilder und dann setz ich alles ein und gebe dir bescheid, ob es geklappt hat ;)

    LG,
    Ellen

    Hallo Philip,

    also, das mit dem Text-Widget ist eine super einfach Sache. Danke für diesen perfekten Tipp!!!
    Das einzige was nicht klappt ist der Abstand.
    Ich habe das in meine additional css eingetragen, aber es wird nicht übernommen.

    Ich habe es erstmal in eine untergeordnete Sidebar eingefügt. Die Bilder sind noch nicht ideal (einfach drüber hinwegschauen). In der Sidebar ganz unten:

    http://www.friedatheres.com/styled-shoot

    Hast du einen Tipp für mich?

    Hallo :)

    Das würde ich auch gern machen, aber mit Hover-Effekt. Dass ein leichtes weißes Transparent drüber ist und beim Mouseover dann die normale Farbe erscheint... kann da jemand helfen? :)

    Liebste Grüße, Liz.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden