Schuin menu design
Hallo,
Ik wou even julie advies. Het gaat over een design van een navigatie menu dat schuin zo moeten worden zoals dit hier: http://www.samcappelle.be/files/voorbeeld.png Het probleem zit hem in het feit dat dit volgens mijn niet uitwerkbaar is in gewone html. Maar een navigatie maken in Flash lijkt me ook niet SEO vriendelijk. Is er een andere manier om zoiets werkend te krijgen?
Alvast bedankt
Sam
Ik wou even julie advies. Het gaat over een design van een navigatie menu dat schuin zo moeten worden zoals dit hier: http://www.samcappelle.be/files/voorbeeld.png Het probleem zit hem in het feit dat dit volgens mijn niet uitwerkbaar is in gewone html. Maar een navigatie maken in Flash lijkt me ook niet SEO vriendelijk. Is er een andere manier om zoiets werkend te krijgen?
Alvast bedankt
Sam
Niet correcte dns bij b-one. Kan de server dus niet vinden.
Das makkelijk he...
Dat voorbeeld van daniel in html
Dat voorbeeld van daniel in html
@ Matthias: gelieve alleen te posten als je ook echt info toevoegt.
Dat voorbeeld van Daniël zie ik wel zitten. Dat werk ik even verder uit.
Bedankt!
Bedankt!
Graag gedaan =)
@Jan ..
Sorry :(
kzal mijn best doen om ook iets zinnigs te zeggen :(
Sorry :(
kzal mijn best doen om ook iets zinnigs te zeggen :(
@Matthias: daar ga je weer :p
@topic: Het is op deze manier niet mogelijk om mouseovers in te bouwen, en ook het gebruik van tabellen is niet SEO vriendelijk... Kies er dan liever voor om een standaard menu te maken voor mensen zonder flash, en bouw dan het menu in Flash...
Of kijk eens of er rotate plugins zijn voor libraries als jquery of mootools...
@topic: Het is op deze manier niet mogelijk om mouseovers in te bouwen, en ook het gebruik van tabellen is niet SEO vriendelijk... Kies er dan liever voor om een standaard menu te maken voor mensen zonder flash, en bouw dan het menu in Flash...
Of kijk eens of er rotate plugins zijn voor libraries als jquery of mootools...
Dit is een mooi voorbeeld waar je css transforms voor kan gebruiken... Ik weet wel niet of alle browsers dit ondersteunen. IE alvast niet, maar die ondersteund nog wel meer dingen niet.
'Hipska:
Dit is een mooi voorbeeld waar je css transforms voor kan gebruiken... Ik weet wel niet of alle browsers dit ondersteunen. IE alvast niet, maar die ondersteund nog wel meer dingen niet.
Dan weet je dus iig dat niet alle browsers dit ondersteunen, en je dus een vrij groot publiek niet ondersteund...
Hier heb je wel een methode voor, alleen hier heb je wel wat geduld/kennis voor nodig.
Image mapping.
Image mapping.
http://snook.ca/archives/html_and_css/css-text-rotation
Maar dat gaat niet helemaal werken in IE, omdat dat BasicImage filter alleen kwartslagen draait. Zoals in het artikel kan je aan de gang gaan met Matrix filter, maar ik zou niet weten hoe het werkt. Misschien dat je het kan afleiden uit het tweede code-voorbeeld op die pagina.
Imagemapping is een veel gemakkelijkere oplossing :)
Maar dat gaat niet helemaal werken in IE, omdat dat BasicImage filter alleen kwartslagen draait. Zoals in het artikel kan je aan de gang gaan met Matrix filter, maar ik zou niet weten hoe het werkt. Misschien dat je het kan afleiden uit het tweede code-voorbeeld op die pagina.
Imagemapping is een veel gemakkelijkere oplossing :)
Gewijzigd op 01/01/1970 01:00:00 door Jelmer -
Idd Jelmer, zoals ik al zei, CSS Transform dus..
'Jelmer:
http://snook.ca/archives/html_and_css/css-text-rotation
Maar dat gaat niet helemaal werken in IE, omdat dat BasicImage filter alleen kwartslagen draait. Zoals in het artikel kan je aan de gang gaan met Matrix filter, maar ik zou niet weten hoe het werkt. Misschien dat je het kan afleiden uit het tweede code-voorbeeld op die pagina.
Imagemapping is een veel gemakkelijkere oplossing :)
Maar dat gaat niet helemaal werken in IE, omdat dat BasicImage filter alleen kwartslagen draait. Zoals in het artikel kan je aan de gang gaan met Matrix filter, maar ik zou niet weten hoe het werkt. Misschien dat je het kan afleiden uit het tweede code-voorbeeld op die pagina.
Imagemapping is een veel gemakkelijkere oplossing :)
thnx,
kende ik niet...
Maar waarom zouden we nog verschieten dat iets neit werkt in IE ??
CSS transforms nog lang niet gebruiken!! Is zeker mooi, maar dit werkt nog lang niet in alle browsers.
Wat je zei over Flash dat kan wel en dit kan ook SEO vriendelijk. Je hebt een div met id="menu", hier zet je gewoon de <ul> in zoals het hoort, dit style je een beetje zodat het wel wat lijkt wanneer bezoekers geen flashplayer hebben geinstalleerd (maar dat zijn er heel weinig).
Vervolgens ga je met swfobject de inhoud van de div met id="menu" vervangen door je flash gedeelte. Zo blijft je site wel goed geoptimaliseerd.
Je moet het sowieso niet opbouwen dmv tables of image maps.
Wat je zei over Flash dat kan wel en dit kan ook SEO vriendelijk. Je hebt een div met id="menu", hier zet je gewoon de <ul> in zoals het hoort, dit style je een beetje zodat het wel wat lijkt wanneer bezoekers geen flashplayer hebben geinstalleerd (maar dat zijn er heel weinig).
Vervolgens ga je met swfobject de inhoud van de div met id="menu" vervangen door je flash gedeelte. Zo blijft je site wel goed geoptimaliseerd.
Je moet het sowieso niet opbouwen dmv tables of image maps.
Gewijzigd op 01/01/1970 01:00:00 door Niek Weevers
Kheb jullie alternatieven eens gelezen, maar ik had het menu al ongeveer klaar in HTML + CSS. Kheb natuurlijk geen table gebruikt, maar een list. En de rollover lukt perfect omdat ik alleen de tekst wil animeren. Kheb er ook nog wat JQuery bijgevoegd.
http://www.samcappelle.be/nieuw
http://www.samcappelle.be/nieuw
Gewijzigd op 01/01/1970 01:00:00 door Sam
een imagemap werkt wel cross browser.. en is met javascript te manipuleren.
zie ook: http://www.netzgesta.de/mapper/
zie ook: http://www.netzgesta.de/mapper/
@ Sam: Dacht dat je de hele button wou benuttigen. Maarja, ziet er goed uit.




