Hover 14

Hover Style 1

A Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore...

WEITER
Diesen CSS-Code per Einstellungen > CSS einfügen und anpassen.

Hover Style 2

A Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore...

WEITER
Diesen CSS-Code per Einstellungen > CSS einfügen und anpassen.

Hover Style 3

A Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore...

WEITER
Diesen CSS-Code per Einstellungen > CSS einfügen und anpassen.

Hover Style 4

A Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore...

WEITER
Diesen CSS-Code per Einstellungen > CSS einfügen und anpassen.

Hover Style 5

A Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore...

WEITER
Diesen CSS-Code per Einstellungen > CSS einfügen und anpassen.

Hover Style 6

A Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore...

WEITER
Diesen CSS-Code per Einstellungen > CSS einfügen und anpassen.

Hover Style 7

A Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore...

WEITER
Diesen CSS-Code per Einstellungen > CSS einfügen und anpassen.

Hover Style 8

A Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore...

WEITER
Diesen CSS-Code per Einstellungen > CSS einfügen und anpassen.

Quelltext

Per Widget > Quelltext folgenden Code einfügen.

Bei der Roten Markierung den entsprechenden CSS-Code angeben. Bei der grünen die URL für das Bild und bei der Blauen deinen Link.

 

<div class="view view-6">

     <img src="http://deineseite.de/images/deinbild.jpg" />

          <div class="mask"> <h2>Hover Style 6</h2>

               <p>Dein Text......................</p>

                    <a href="deinlink" class="info">WEITER</a>

       </div>

</div>

support
Dutch English French German