ein Widget vergroessern - on mouse over... ist das denn moeglich ?

  • hallo u guten Abend

    ich verwende auf einer Webseite ein Plugin das nennt sich scrapeAzon - nun es ist ein plugin mit welchem ich Amazon-Daten in ein Widget lade.
    Frage; kann ich das ggf. on_mouse_over vergreoessern - also irgendwie groesser darstellen wenn man mit der Maus drüber fährt.

    geht das denn. : Die Site: http://www.literaturen.org

    btw: theme ist twentyfourteen - denk aber dass ich bald auf twentysixteen hochziehe - alles.

    Freu mich von Euch zu hoeren.

    lin

    • 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

  • gehen tut das mit folgendem Code...

    CSS
    .su-column-inner #scrapeazon-iframe:hover {
        height: 400px;
        position: absolute;
        width: 800px;
        background: #fff;
        z-index: 9999;
        padding: 25px;
        border: 1px solid #cdcdcd !important;
    }


    das ergibt diesen Effekt hier: http://imgur.com/a/VpNuj
    wenn die Maus über dem Iframe ist.

    Da dort auf der Seite auch Shortcode Ultimate und Spalten angezeigt werden kann man das
    begrenzen auf die Spalte: in dem man reduziert auf die Klasse: su-column-inner class.
    Man kann den Effekt begrenzen auf den Bereich durch folgenden Zustatz

    Code
    .su-column-inner #scrapeazon-iframe {
        -webkit-transition: .2s ease-out; 
        -moz-transition: .2s ease-out; 
        transition: .2s ease-out;
    }

Jetzt mitmachen!

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