CSS-layout och CSS-meny
färdiga mallar

Förutsättningar för att använda menyer och layout
Meny med CSS
Meny med PHP och CSS
Meny med PHP och CSS (direktlänkad meny)
Layout med CSS
Layout med PHP och CSS
Layout med PHP och CSS (direktlänkad meny)
Instruktion för användning av PHP-listmeny »
Vi använder layouter från Webdesignskolan!

OBS! Innan du börjar använda de färdiga layouterna är det viktigt att du har grundkunskaper i CSS » och då framförallt i CSS positionering » . Att bara använda mallarna som de är ger ingen egen och unik layout och det är ju ganska meningslöst eller hur? Utgå ifrån mallarna och anpassa dem efter dina egna behov så får du din egen personliga design!

Förutsättningar för att använda menyer och layout

Även om du vill börja använda mallarna direkt så bör du ha kunskap om grunderna i CSS för att kunna ändra och göra mallen till din egen layout.

OBS! Alla layout-exempel förutsätter att du har kunskaper motsvarande guiden CSS - layout » och CSS-meny »

Layouterna fungerar i Internet Explorer 6, Firefox 1.0 och senare versioner men är inte testade i andra webläsare. HTML-koden för varje layoutexempel hittar du genom att visa sidans källkod. CSS-koden finns i extern CSS-mall och i varje exempel finns CSS-mallen länkad.

OBS! För att använda PHP-menyerna krävs att din webserver har stöd för PHP. Detta gäller också för full funktionalitet med de CSS-layouter som använder PHP. Läs mer i guiden PHP grunder » om hur du kontrollerar om du kan använda PHP på din webserver.

Menyerna och layouterna är till för att användas!

Alla layouter och menyer är till för att användas! Du får anpassa layouterna efter dina egna behov eller använda dem som de är och detta gäller även de bilder som ingår i mallarna. Layouterna får även användas till företag och föreningar. OBS! Detta innebär inte att du får återge layoterna, kod, bilder eller text i guider, tutorials eller liknande sammanhang.

Meny med CSS

De här menyerna är gjorda med CSS och HTML. Koden till HTML-sidorna ser du genom att visa källkoden för sidorna i layouten. CSS-filer och bilder är länkade från layouten och du klickar på länken för att se och spara bilder och CSS-mallen. Menyerna är punktlistor <UL><LI> formaterade med CSS.

OBS! Vi rekommenderar att du går igenom guiden CSS-menyer » innan du använder menyexemplen nedan!

Klicka på den meny du vill använda:

Meny med PHP och CSS

OBS! Vi rekommenderar att du går igenom guiden PHP listmeny » innan du använder menyexemplen nedan. De här menyerna är gjorda med CSS, HTML och PHP. Menyerna är inkluderade med <?php include ?> och du kan inte se allt innehåll genom att visa källkoden för sidorna.

Inga javascript eller annan scriptkod används och menyn fungerar i webläsare som har stöd för CSS2 som tex Internet Explorer 5, Firefox 1, Netscape 7, Opera 7, Safari 1 och senare versioner.

PHP-filer, CSS-mallar och övriga filer som ingår finns som ZIP-filer i guiden PHP listmeny » där det också finns information om hur du anpassar och konfigurerar PHP-menyerna.

Klicka på bilden av den meny du vill se: