Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Waegi" data-source="post: 2094204" data-attributes="member: 501007">AW: RollOver Scroll Over EffektWenn man mal in den CSS-Code schaut, sieht man das hier:[CODE]&nbsp; &nbsp; #portfolio ul.thumbs li.beapanda a { background: url(&quot;../../img/works/beapanda/thumb.jpg&quot;) 0 0 no-repeat; }&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.hpbertram a { background: url(&quot;../../img/works/hpbertram/thumb.jpg&quot;) 0 0 no-repeat; }&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.einspruch a { background: url(&quot;../../img/works/1spruch/thumb.jpg&quot;) 0 0 no-repeat; }&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.newcomer a { background: url(&quot;../../img/works/newcomer/thumb.jpg&quot;) 0 0 no-repeat; }&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.abschlusspruefung a { background: url(&quot;../../img/works/abschlusspruefung/thumb.jpg&quot;) 0 0 no-repeat; }&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.logos a { background: url(&quot;../../img/works/logos/thumb.jpg&quot;) 0 0 no-repeat; }&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.websites a { background: url(&quot;../../img/works/websites/thumb.jpg&quot;) 0 0 no-repeat; }&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.misc a { background: url(&quot;../../img/works/misc/thumb.jpg&quot;) 0 0 no-repeat; }&nbsp; &nbsp; &nbsp; #portfolio ul.thumbs li.beapanda a:hover,&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.hpbertram a:hover,&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.einspruch a:hover,&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.newcomer a:hover,&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.abschlusspruefung a:hover,&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.logos a:hover,&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.websites a:hover,&nbsp; &nbsp;&nbsp; #portfolio ul.thumbs li.misc a:hover { background-position: 0 -120px; }[/CODE]Also das ist der Bereich in dem das Hintergrundbildangepasst wird, dazu wird die Animation soweit ich das heraussehen konnte auch per CSS gemacht, im Bereich:[CODE]&nbsp; &nbsp; #portfolio ul.thumbs li a {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; width: 750px;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; height: 120px;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; text-indent: -197666px;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; display: block;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; -webkit-transition: all 0.35s;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; -moz-transition: all 0.35s;&nbsp; &nbsp;&nbsp; }[/CODE]Wird dann eine Animation ausgeführt, musst du mal so teste, dürfte so funktionieren, schlagt mich wenns ned stimmt, aber müsste so passen.mfg Waegi</blockquote>

[QUOTE="Waegi, post: 2094204, member: 501007"] [b]AW: RollOver Scroll Over Effekt[/b] Wenn man mal in den CSS-Code schaut, sieht man das hier: [CODE] #portfolio ul.thumbs li.beapanda a { background: url("../../img/works/beapanda/thumb.jpg") 0 0 no-repeat; } #portfolio ul.thumbs li.hpbertram a { background: url("../../img/works/hpbertram/thumb.jpg") 0 0 no-repeat; } #portfolio ul.thumbs li.einspruch a { background: url("../../img/works/1spruch/thumb.jpg") 0 0 no-repeat; } #portfolio ul.thumbs li.newcomer a { background: url("../../img/works/newcomer/thumb.jpg") 0 0 no-repeat; } #portfolio ul.thumbs li.abschlusspruefung a { background: url("../../img/works/abschlusspruefung/thumb.jpg") 0 0 no-repeat; } #portfolio ul.thumbs li.logos a { background: url("../../img/works/logos/thumb.jpg") 0 0 no-repeat; } #portfolio ul.thumbs li.websites a { background: url("../../img/works/websites/thumb.jpg") 0 0 no-repeat; } #portfolio ul.thumbs li.misc a { background: url("../../img/works/misc/thumb.jpg") 0 0 no-repeat; } #portfolio ul.thumbs li.beapanda a:hover, #portfolio ul.thumbs li.hpbertram a:hover, #portfolio ul.thumbs li.einspruch a:hover, #portfolio ul.thumbs li.newcomer a:hover, #portfolio ul.thumbs li.abschlusspruefung a:hover, #portfolio ul.thumbs li.logos a:hover, #portfolio ul.thumbs li.websites a:hover, #portfolio ul.thumbs li.misc a:hover { background-position: 0 -120px; }[/CODE] Also das ist der Bereich in dem das Hintergrundbildangepasst wird, dazu wird die Animation soweit ich das heraussehen konnte auch per CSS gemacht, im Bereich: [CODE] #portfolio ul.thumbs li a { width: 750px; height: 120px; text-indent: -197666px; display: block; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }[/CODE] Wird dann eine Animation ausgeführt, musst du mal so teste, dürfte so funktionieren, schlagt mich wenns ned stimmt, aber müsste so passen. mfg Waegi [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?