Koppeling met button

Thelles · Bericht door **Thelles** » 10 december 2005, 1:04

Ik ben een echte beginneling met het bouwen van websites.

Nu wil ik graag koppelingen aan de site toevoegen, maar dan niet in de vorm van alleen tekst, maar fraaie buttons.
Hoe krijg ik dat voor elkaar?

nirwana · Bericht door **nirwana** » 10 december 2005, 15:00

Misschien kun je wat duidelijker aangeven wat je zou willen.
Zelf vind ik deze techniek met tabbladen bijvoorbeeld erg mooi: http://www.alistapart.com/d/slidingdoors/v1/v1.html
http://www.alistapart.com/articles/slidingdoors/

Hier heb je een menu-script dat ook goed lijkt te werken:
http://www.softcomplex.com/products/tig ... demo/blue/

Maar je kunt ook gewoon met enkele tekst-links werken en die dan mooi opmaken.

Hier is ook een voorbeeldje: http://www.htmlcenter.com/tutorials/tut ... m/154/CSS/

En als je echt iets moois wilt, dan is er altijd nog http://meyerweb.com/eric/css/edge/compl ... /demo.html

Al deze voorbeelden gebruiken CSS als techniek en tonen wat daarmee mogelijk is. Als je kunt aangeven waar jouw voorkeur naar uitgaat, dan kunnen we kijken of en hoe dat met Nvu te realiseren is.

Thelles · Bericht door **Thelles** » 10 december 2005, 18:22

Hoi Martijn,

De volgende voorbeelden spreken mij erg aan:
- http://www.softcomplex.com/products/tig ... demo/blue/
- http://www.htmlcenter.com/tutorials/tut ... m/154/CSS/

Het tweede voorbeeld betreft inderdaad enkele tekst-links en die zijn verder verfraaid. Da's wat ik in eerste instantie graag wilde hebben. Maar is het ook simpel dit soort buttons in een iets andere vorm (bijvoorbeeld ovaal) en andere kleur te maken ?
Als het ook mogelijk is om met menu-scripts te werken, dan wil ik ook hiervan weten hoe ik dat voor elkaar krijg.

Groetjes en alvast weer bedankt voor je reactie.
Groetjes, Theo

nirwana · Bericht door **nirwana** » 10 december 2005, 22:25

In http://www.mozbrowser.nl/downloads/css/ ... sible.html heb ik diverse zaken met elkaar gecombineerd. De basis zijn de knoppen van http://www.htmlcenter.com/tutorials/tut ... m/154/CSS/ , maar die hebben nu een andere kleurencombinatie (wat kleurtjes van http://www.webdevelopersnotes.com/design/14.php3 ).

Om de afgeronde hoeken te krijgen gebruiken veel handleidingen speciale (afgeronde) afbeeldingen voor de hoeken. Ook is er een manier om zonder die afbeeldingen afgeronde hoeken te krijgen. Daarvoor kun je wat Javascript inzetten: http://pro.html.it/esempio/nifty/

Daarnaast heb ik de knoppen wat van elkaar gescheiden om het geheel wat overzichtelijker te maken. Ik hoop dat dit aangeeft dat je de knoppen wel als basis kunt gebruiken, maar daarnaast ook de kleuren kunt veranderen en het geheel netjes afgerond kunt laten lijken.