[phpBB2]  Hover Effekt

Hallo und guten Abend zusammen,
ich bin über eure Suchfunktion auf folgenden Link gestoßen: http://tympanus.net/Tutorial/Original.HoverEffects/index.htm
Ich wollte einer der Effekte (Demo1) auf mein Forum integrieren.
Habe auch den entsprechenden Ordner runtergeladen und die Codes im CSS Stylesheet eingebaut.
Nun hab ich folgendes Ergebnis:  http://fs2.directupload.net/images/150216/d6twj778.jpg
Egal was ich mache, das Bild verändert sich nicht und bleibt "starr".
Könnte mir jemand bei diesem Code behilflich sein?
LG Julia

Hi (:
ich wollte Mal vorsichtig nachfragen, ob mir jemand die Tage bei meinem Problem behilflich sein könnte ?
Würde mich unheimlich darüber freuen.
Wünsche Euch allen noch einen schönen Tag.
LG Julia

Hallo Julchen.

Ich denke ich weiß wo das Problem liegt.
Das HTML Gerüst in der Demo sieht wie folgt aus:

Code:


                <div class="view view-first">
                    <img src="images/1.jpg" />
                    <div class="mask">
                        <h2>Hover Style #1</h2>
                        <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
                        <a href="#" class="info">Read More</a>
                    </div>
               

Deines sieht so aus:

Code:

<div class="view">
                              <img src="image.gif">                   
            <div class="mask">
                                            
               <h2>
                              Administrator           
               </h2>
               <p>
                            Für mehr Informationen oder bei Fragen stehe ich dir gerne zur Verfügung.         
               </p>
                                                                 <a href="http://dies-ist-ein-test2.forumotion.com/u1" class="info">PROFIL</a>  <a href="http://dies-ist-ein-test2.forumotion.com/privmsg?mode=post&amp;u=1" class="info">PN</a>                           
            </div>
                                   
         </div>

Wenn du dir die beiden einmal anguckst, fällt dir vielleicht auf, das etwas wichtiges bei dir im Code fehlt. Das 'view-first' in dem div mit der Class 'View'.
Füge dieser Class einfach noch die 'view-first' Class hinzu und es sollte klappen. Setze dazu einfach das 'view-first' hinter das 'view', aber trenne beide bitte mit Leerzeichen voneinander.

So sollte das dann aussehen:

Code:

<div class="view view-first">
                              <img src="image.gif">                   
            <div class="mask">
                                            
               <h2>
                              Administrator           
               </h2>
               <p>
                            Für mehr Informationen oder bei Fragen stehe ich dir gerne zur Verfügung.         
               </p>
                                                                 <a href="http://dies-ist-ein-test2.forumotion.com/u1" class="info">PROFIL</a>  <a href="http://dies-ist-ein-test2.forumotion.com/privmsg?mode=post&amp;u=1" class="info">PN</a>                           
            </div>
                                   
         </div>

Sofern ich mich nicht verguckt oder verschrieben habe, sollte es damit funktionieren.

Liebe Grüße
Gunich

Gunich, du bist genial! Hab vielen lieben Dank!!!!
Beste Grüße, Julia

Kein Problem. ^^ Freut mich das ich helfen konnte.

Liebe Grüße
Gunich