Sponsoren Werbung für Vereinsseite Sidebar mit Effekt

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

    ich denke nicht, dass das mittels Plugin gelöst ist. Hier kommt einfach der css :hover Befehl zum tragen.

    Du nimmst das Text-Widget und füllst das mit deinem html Code.

    VG
    Philip

  • Hallo Philip,
    danke für deine schnelle Antwort.
    Kannst du mir bitte etwas genauer erklären vorallem mit dem Text-Widget.
    Bin noch nicht so fit in dem Gebiet und noch ein "Frischling", deshalb wäre es super, wenn du mir etwas genauer beschreiben könntest.

    Vielen Dank
    Matthias

  • Hallo,

    im Text-Widget kannst du html Code einbinden. Für ein Bild mit Hover Effekt also folgendes.

    Code
    <div id="bild-hover-1"></div>

    In deiner css Datei fügst du dann folgendes hinzu:

    Deine Bilder sollten bei diesem Beispiel die Größe 200px x 150px haben. Die Dateinamen und den Pfad musst du natürlich anpassen.

    VG
    Philip

  • Das ist standardmäßig in der Widget Auswahl mit dabei.

    Technik ist dazu da, Probleme zu lösen, die wir ohne diese Technik gar nicht hätten.

  • kinghefe
    lies dich doch bitte erstmal in diverse tutorials ein, welche dir die basics von wordpress erklären.
    denn, wenn du nicht einmal diese weißt, kann man dir auch nicht helfen, selbst mit so einer tollen hilfe wie sie flipps gegeben hat. :)
    nichts für ungut, aber n paar sachen muss man sich dann doch auch selbst beibringen :)

  • Auf der genannten Seite lautet der Code übrigens so:

    .sidebar .supporter .thumbnail img {
    filter: url("desaturate.svg#greyscale");


    }

    .sidebar .supporter .thumbnail:hover img, .sidebar .supporter .thumbnail:active img {
    filter: none;


    }

    Die svg Datei kannst Du hier herunterladen:

    http://dobersch.com/wp-content/themes/web/desaturate.svg

    Siehe:

    http://www.suralin.de/bilder-mit-css-in-sw-umwandeln

    Und noch ein Tutorial für Dich:

    http://www.pepe-juergens.de/2013/01/css3-t…-hover-effekte/

    WordPress | Grafikdesign | Animationen | Mehr Informationen unter http://www.desisn.de.

    Einmal editiert, zuletzt von desisn.de (7. August 2013 um 18:25)

Jetzt mitmachen!

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