Lexi Help
Partner
www.forumieren.com

[phpBB2]  Hover Effekt

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2]  Hover Effekt

Beitrag von Julchen96 am Mo 16 Feb 2015 - 19:49

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


Zuletzt von Julchen96 am Do 19 Feb 2015 - 20:24 bearbeitet, insgesamt 1 mal bearbeitet

Julchen96
Lehrling
Lehrling

Weiblich Beiträge : 96
Anmeldedatum : 09.02.13

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2]  Hover Effekt

Beitrag von Julchen96 am Do 19 Feb 2015 - 12:08

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

Julchen96
Lehrling
Lehrling

Weiblich Beiträge : 96
Anmeldedatum : 09.02.13

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2]  Hover Effekt

Beitrag von Gunich am Do 19 Feb 2015 - 18:35

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.forumfrei.com/u1" class="info">PROFIL</a>  <a href="http://dies-ist-ein-test2.forumfrei.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.forumfrei.com/u1" class="info">PROFIL</a>  <a href="http://dies-ist-ein-test2.forumfrei.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
Lehrling
Lehrling

Beiträge : 134
Anmeldedatum : 05.01.12

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2]  Hover Effekt

Beitrag von Julchen96 am Do 19 Feb 2015 - 20:24

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

Julchen96
Lehrling
Lehrling

Weiblich Beiträge : 96
Anmeldedatum : 09.02.13

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2]  Hover Effekt

Beitrag von Gunich am Do 19 Feb 2015 - 20:25

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

Liebe Grüße
Gunich

Gunich
Lehrling
Lehrling

Beiträge : 134
Anmeldedatum : 05.01.12

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten