Menuer

Navigationsmenuer

En del hjemmesidesnedkere har problemer med at lave menuer til deres websider. Denne support-side er ment som en hjælp til disse.
På siden her kan du finde forskellige menuer til fri download. Alle menuer er præinstallerede med færdige klikbare link, hvor du blot skal skifte teksten og web-linket ud med dine egne præferencer. Af scriptet vil det tydeligt fremgå hvilke tekststrenge du skal ændre for at tilpasse menuen til dit helt eget formål.

Hvis du har haft gavn af min Supportside, så kan du glæde andre brugere ved at linke til denne fra din egen webside. Du kan bruge mit banner til dit link. Ønsker du et banner i en anden størrelse kan du bare kontakte mig. Den korrekte linkadresse til banneret er:
http://www.fnsupport.dk/

Generelt: Alle menuer er testet og fundet velfungerende i følgende browsere: Internet Explorer, Oprera, Avant og Mozilla Firefox, samt på en MAC-Computer i følgende browsere: Internet Explorer, Safari og Mozilla Firefox
Der er i øvrigt intet der tyder på at menuerne ikke også vil fungere tilfredsstillende i alle andre browsere end de her nævnte.

Klik på overskrifterne
og se menuen folde sig ud

Denne menu er lidt tricky at fastholde, og du bør derfor nok lade den forblive i en tabel således som jeg har gjort her, og så lade dit øvrige sideindhold erstatte denne tekst på den samme placering i tabellen.
Tabellen er skjult / gjort usynlig ved at sætte værdien for border til 0 (nul)
Du kan naturligvis ændre alle teksterne i menuen og erstatte dem med dine egne. Alle farverne kan du også ændre til nogle farver efter dit eget valg. Det er dog et lidt vanskeligt script at gå til, så det kan ikke anbefales til uøvede brugere
Du kan downloade menuen ved at klikke på dette link, hvorefter menuen åbner i et nyt vindue. Her kan du så højreklikke på vinduet og gemme kildekoden: [DOWNLOAD]

Topmenu / Drop-down-menu
Bemærk: Menuen er ikke klikbar. Det er et billede.

Her er en topmenu baseret på drop-down-princippet. Menuen er en java-script menu, og for at den skal virke skal du downloade to js-filer, som skal ligge i samme mappe som websiden med menuscriptet. Den ene fil hedder "menu.js" og den anden fil hedder "menucontext.js". Begge disse filer kan åbnes og redigeres med Notepad, eller med en hvilken som helst anden simpel HTML-editor.
Menuen er ganske nem at konfigurere, og du kan også selv vælge farver og farveskift ved mouse over. Selve konfigurationen af dine links foregår i den scriptfil der hedder "menucontext.js".

Bemærk: Scriptet på websiden er delt i to afsnit som skal placeres henholdvis i head og i body. Placeringen vil fremgå af den eksempelfil, som du kan se og downloade her: [SE EKSEMPEL]

Du kan downloade de to js-filer på disse to link. Du kan enten kopiere kildekoden på siderne, eller du kan højreklikke på linket og vælge "Gem som" fra din højrekliksmenu: [MENU.JS] [MENUCONTEXT.JS]

Folde-ud-menu / Menutræ
Menuen er ikke klikbar. Det er et billede.

Her er en menu der er udformet som et træ med folde-ud-menuer. Navigationsmenuen er opbygget lidt på samme måde som bibliotekstræet i Windows Stifinder.
Menuen er faktisk ret nem at konfigurere, men det kræver at du læser og følger den nedenstående vejledning meget nøje.
For at kunne bruge menuen skal du også downloade og gemme disse tre billeder på din egen server. Højreklik på billedet og vælg "Gem som" fra den højrekliksmenu der fremkommer:

Opsætningsvejledning til menuen

Selve scriptet til menuen kan du finde på dette link. Højreklik på siden for at se kildekoden: [KLIK HER]

NB: Personligt bryder jeg mig ikke om at link er understreget. Hvis du ønsker at være fri for understregningen kan du downloade dette script hvor understregningen af linkene er fjernet: [KLIK HER]

Bemærk: Scriptet er delt op i to dele. Den ene del af scriptet skal anbringes i head på din webside, og den anden den af scriptet skal placeres i body. Kig nøje på scriptet for at se hvilken del der er placeret i head, og hvilken del der er placeret i body.
Placeringen i body er afgørende for hvor menuen placeres på din webside, - den fremkommer nemlig der hvor du indsætter body-tagget.

Linkene i scriptet samt tekst til linkene, fremgår meget tydeligt af scriptet, og skulle således kunne konfigureres uden problemer.
Det er vigtigt at du nummererer linkene fortløbende startende med 0 (nul), og at du indsætter antallet af link i dette tag, som du finder lige inden linkene starter:
outline = new makeArray(25)
Da linkene starter med nul, skal værdien i dette tag altid være højeste linienummer plus 1. I det aktuelle script er antallet af linkliner 24, - så derfor skal værdien i ovenstående tag altså være 25.

Link til egne undersider bør normalt altid åbne i samme vindue. Link ud af siden bør derimod åbne i et nyt vindue. Således er dette script også lavet. Det vil du kunne se på de sidste tre link i scriptet hvor der er føjet en "target=blank" til stien.

Ikonerne/billederne skal du, som før nævnt, downloade og gemme på din egen server. Du skal ligeledes huske at ændre stien i scriptet til billedernes placering på din egen server, således at du ikke directlinker til billederne på min server. Du kan også udskifte billederne til nogle helt andre billeder efter dit personlige valg.

Du kan ændre skrifttypen i menuen til en font efter dit eget valg. Det gør du i dette tag:
document.write('<PRE><font face=arial size=2>')
Hvis du har svært ved at finde de forskellige tags i scriptet kan du bruge funktionen "Søg" i Notepad eller i en hvilken som anden HTML-Editor.

Det originale script er fundet på denne webside hvor du også kan finde mange andre gode og nyttige scripts: [KLIK HER]

Her er en meget enkel og velfungerende scrollbar-menu som er rigtig nem at konfigurere. Menuen kan justeres både i bredden og i højden, og antallet af synlige liner der er fremme i ruden kan også stilles til enhver værdi. Man kan således lave menuen ganske smal med kun een linie åben i ruden af gangen.
Den øverste linie i menuen er altid markeret med blåt når siden åbnes. Denne linie bør altid linke til den webside som menuen ligger på. Den øverste linie er nemlig ikke klikbar når menuen åbnes, og derfor bør den ikke indeholde andre options end den side hvorpå menuen ligger. I scriptet er den øverste linie adskilt fra de øvrige linier med ordet "selected".
Menuen er lavet således at link åbner i samme vindue. Menuen kan alternativt konfigureres til at link åbner i et nyt vindue ved at tilføje en " target="_blank" til URL-tekststrengen: [DOWNLOAD]

Her er en meget simpel og velfungerende Drop-down-menu med direkte adgang til websiden ved klik på een af de underliggende folde-ud-menulinier. Bredden på link-boksen tilpasser sig automatisk til længden på den tekst du skriver i tekstfelterne, og ønsker du en større bredde end teksten kan generere kan du blot fylde op med tomme mellemrum: [DOWNLOAD]

Samme type Drop-down-menu som ovenstående, blot med en click & go-funktion i stedet for direkte klik. Teksten på Go-knappen kan udskiftes med en anden tekst efter eget valg:

Bemærk: Denne menu virker ikke på denne webside. Nogle scrips konflikter med andre scrips når de ligger på samme webside som disse. Dette script er åbenbart et af dem. På en webside for sig selv virker scriptet fint. Det kan du se i download-eksemplet her: [DOWNLOAD]

Her er en lille smart ekspanderende bullet-menu, som det er utroligt nemt at konfigurere. Det er nemt både at tilføje og fjerne menupunkter, og det fremgår meget tydeligt af scriptet hvor du skal indsætte dine egne referencer, således at du kan tilpasse menuen helt til dit eget behov: [DOWNLOAD]

	Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold Indhold

De fleste konventionelle sidebar-menuer er opbygget af grafiske enkeltelementer i form af knapper med tekst på. Knapperne fastholdes i deres positionering på websiden ved hjælp af en tabel.
Det er kun i eksemplet at tabellen vises. På websiden skal den naturligvis være usynlig. Dette gøres ved at sætte border til 0 (nul).
Eksemplet her er kun anvendeligt som et eksempel, men du er da velkommen til at downloade det hvis du kan bruge det til noget: [DOWNLOAD]

Menu Generatorer

På nettet kan du finde en lang række online menu-generatorer hvor du blot skal vælge imellem nogle forskellige options, hvorefter generatoren laver en et fuldt færdigt script lige til at sætte ind på din wenside med copy/paste. Klik på dette link for at komme til index-siden, og vælg menuen HTML & Scripts: [KLIK HER]

Knapper & Grafik

Hvis du selv laver dine menuer, så er der en masse gratis grafik på nettet som du kan have glæde af, - herunder et stort udvalg af knapper til navigationsmenuer. Klik på dette link for at komme til index-siden, og vælg menuen Grafik & Gif: [KLIK HER]

Vigtigt: Hvis du bruger en menugenerator der også genererer grafik, så husk også at downloade grafikken til din egen server, og at ændre i URL-stien til grafikken, således at denne refererer til den nye placering på din egen serverplads

Nye menuer vil blive tilføjet efterhånden som jeg finder dem
Har du en god menu, så send scriptet til mig

Med venlig hilsen Webmaster