mboost-dp1

Fed hover-effekt over billeder


Gå til bund
Gravatar #1 - Jace
15. feb. 2007 04:11
Hejsa alle

Jeg har set en rigtig fed hover-effekt når man kører musen over billeder som er links, på nedenstående side:

http://kirschmeyer.dk/?page_id=3

Man kan se effekten hvis man holder musen henover de 3 billeder på siden. Jeg har kigget meget rundt i kildekoden til denne Wordpress side, men jeg kan simpelthen ikke finde ud af hvordan det er lavet.

Er der nogen der kan lure det?
Gravatar #2 - Azuria
15. feb. 2007 05:44
Er det ikke bare CSS?
http://kirschmeyer.dk/wp-content/themes/equix_v11/...

Wupti.
HTML Delen er bare omgivet af en div der definerer entry.

CSS Delen

.entry a img {
border: 1px solid #FFFFFF;
padding: 6px;
max-width: 98%;
}
.entry a img:hover { /*-- does not work in IE --*/
border: 1px inset #000000;
background-color: #EFEDED;
}

Sådan har jeg da lige hurtigt gennemskuet det, tror jeg ;)
Gravatar #3 - Mort
15. feb. 2007 07:39
/*-- does not work in IE --*/... Det var da tarveligt at lave en hover effect som kun virker på 20% af web browserne :o/
Gravatar #4 - Jace
15. feb. 2007 09:00
#1, Ud fra dit brugernavn burde du også være personen der, om nogen, ville kunne gennemskue det... Hehe. Mange tak for det :)

#2 - Det virker også i IE7, jeg ved ikke med IE6 ?
Gravatar #5 - MiniatureZeus
15. feb. 2007 09:01
#3 virker da hos mig i IE7
Gravatar #6 - Maxi paxi
15. feb. 2007 11:15
#4 & #5 i ie7 vises "inset"-en ikke, men hvis du fjerner #000000 bagefter tror jeg det ville hjælpe.
Gravatar #7 - Spiderboy
16. feb. 2007 11:11
#3
Så længe det ikke er grundlæggende funktionalitet på websitet, er det vel ikke så vigtigt at flest muligt kan se det?
Gravatar #8 - Azuria
16. feb. 2007 17:39
#7 > Jo... Man bør sigte efter at flest muligt/alle kan se ens hjemmeside ens.
Det er dårlig moral at hoppe over hvor gærdet er lavest..
Gravatar #9 - Spiderboy
16. feb. 2007 20:35
#8
Det er jeg enig i, hvis effekten er en essentiel del af designet, el.

Jeg snakker ikke om, at hoppe over hvor gærdet er lavest. Hvis det kan ordnes bør man jo det - især hvis det ikke er svært - men er det ikke essentielt for funktionaliteten (eller designet), så synes jeg ikke det er særlig vigtigt.
Gravatar #10 - Tais
18. feb. 2007 21:38
.entry :link:hover img, .entry :visited:hover img {
border: 1px inset #000000;
background-color: #EFEDED;
}

Mener jeg vil virke i alle browsere.
Gå til top

Opret dig som bruger i dag

Det er gratis, og du binder dig ikke til noget.

Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.

Opret Bruger Login