Voor mijn portfolio had ik iets leuks m.b.t. de mouse-overs maar ik ben er niet zeker van of dit kan.

Rechts de normale afbeelding en links de afbeelding bij een mouse-over.
http://i41.tinypic.com/mrbsk5.png

Wat verandert er dus:

- Kleur van het frame om de afbeelding
- Witte balk onderaan
- Tekst op de witte balk
- gekleurd lijntje boven de witte balk

Is dit mogelijk dmv html/javascript etc. of zal alles als twee aparte afbeeldingen opgeslagen moeten worden?

Ja het kan, er is hier iemand die een soortgelijke portfolio heeft en erg actief is op dit forum..

Dit is mogelijk doormiddel van xhtml/css.

ik neem aan dat de kleuren niet hoeven te veranderen? In dat geval
kunnen die kleuren gewoon ingesteld worden als achtergrond afbeelding.
De witte balk kan ook doormiddel van css ingesteld kunnen worden,
dus in principe hoef je dan niet overal 2 afbeeldingen van te maken.

Eventueel kan ik dit tegen betaling voor elkaar krijgen, hiervoor kan
je me een PM sturen.

Gewoon border opslaan als png/gif met transparante achtergrond...?

Bedankt voor jullie reacties.


Nu ik weet dat het mogelijk is, zou ik dit graag tegen een vergoeding laten maken.

De psd is hier te downloaden: http://www.tdbdesign.com/psd.psd

Bij interesse ontvang ik graag een PM met je prijs.


Belangrijk:
- het resultaat moet er hetzelde uit zien als in de psd
- de tekst moet per afbeelding aan te passen zijn
- het moet in alle (bekende) browsers werken

Met enkel CSS gaat het niet lukken doordat MSIE6 problemen gaat geven met de CSS hover.
Daarbij heb je met MSIE6 ook het probleem met transparacy, de pngfix voor MSIE6 werkt niet altijd met backgrounds helaas.

Exact zoals op het plaatje zal dus met MSIE6 niet gaan door het transparancy probleem.

Ik kan het wel maken zoals het er meest in de buurt komt.

Het transparant PNG probleem is makkelijk te fixen met css, doormiddel van een filter
kan je hetzelfde wegfilteren als Javascript dat doet.

Je hebt een punt als het gaat om de hovers in IE6, maar ik denk dat ook daarvoor een
makkelijker fix gemaakt kan worden. Doormiddel van de onmousover functies (in principe
is dat javascript, maar het onderscheid zich bijna niet van xhtml) kan je veel doen.

@Thijs, ik zal je zo een PM terug sturen.

Ik ben voorzien.

Als het niet lukt dan meld ik het nog wel.