Waar zijn deze knoppen meegemaakt??!

[FallinStar]

Heyyy

Op http://www.simsoncomputers.nl hebben ze een menu met knopppen ( natuurlijk hebben ze die ) maar mijn vraag is waarmee is dat menu gemaakt??

Het lijkt een soort rollover image... maar ik weet het niet zeker!

Hopelijk weten jullie het antwoord!

P.S Hopelijk heb ik deze vraag op de juiste plaats gezet!!

 

[peter vazed]

Ja, zo kan het ook.......
Inderdaad een aparte manier

Met style........

<style type="text/css" media="screen"><!--
A:link { color: #1f1550; text-decoration: none; background-color: transparent }

A:hover { text-decoration: none; margin-left: 3px; position: relative; visibility: visible }

Zie de bron van de pagina:
http://www.simsoncomputers.nl/leftframe.html

 

[FallinStar]

Bedankt in ieder geval al voor die broncode.. :thumb:

Maar weet jij in welk programma je dit kan gebruiken??
Hoe je dat moet toepassen?? Want ik wou eigenlijk ook zoiets proberen .... En of je dan eerst een knop/image moet invoegen en daarna die code moet invoeren?

Ik weet er dus namelijk helemaal niks van.
Sorry voor zoveel vragen ineens

 

[peter vazed]

Het is de eenvoud zelve....

Knop maken.
En indien je er op staat - hover-
verschuift deze een paar pixels.

Dit verschuiven is dus wat in de style staat aangegeven.

Een simpele knop maak je vlot met irfanview.
Creeër nieuw plaatje
afmeting bv 110 x 20
Nu tekst er op......
dan Afbeelding - Effecten - 3D
klaar

 

[FallinStar]

Oke dan bedankt!
Toevallig heb ik Iview erop staan Dus zo aan de slag!!

En zou je misschien ook weten hoe ze dat hebben gedaan dat die knop wat verschuift als je erover heen gaat??? Zou je dat in Dreamweaver of frontpage kunnen doen??

:thumb:

 

[peter vazed]

Ja, kan met iedere editor........


Met style........

<style type="text/css" media="screen"><!--
A:link { color: #1f1550; text-decoration: none; background-color: transparent }

A:hover { text-decoration: none; margin-left: 3px; position: relative; visibility: visible }

Met een style in de head kun je diverse items als het ware voorprogrammeren.

 

[FallinStar]

Thank you very much :thumb:

Perfect gewoon!!

 

[peter vazed]

Meer weten over oa CSS
http://www.dto.tudelft.nl/mirhtml/
in het Nederlands, en je kunt heel die site als zip downloaden

 

[blaataap]

Macromedia Dreamweaver heeft hier een functie voor waarmee het allemaal nóg makkelijker gaat.

 

[FallinStar]

Kijk eens aan , helemaal perfect :thumb:!!

Bedankt voor de informatie en tips!!!

"