Här följer några exempel på hur sidor kan se ut.
Samtliga är CSS-baserade

Det är bara fantasin som sen sätter gränserna, dessa exempel är bara för att ge dig lite olika idéer.

De olika exemplen är sorterade efter hur många kolumner de har.

Färger kan väljas fritt i de olika fälten

Menyn kan vara på vänster eller höger sida
Det övre fältet blir större eller mindre beroende på innehåll, bara text eller en logotype t ex.

  • Bloody Roses
    Speciell meny med lite ovanliga funktioner.
    Egentligen har den här mallen bara en kolumn men den speciella menyn lurar dig...
  • Duvslaget
    2 kolumner, fast bredd.
    Ingen synlig ruta i foten.
    Högerställd meny.
  • Katten med nyckeln
    Ingen synlig ruta i foten.
    Vänsterställd meny.

  • Katten och Pumpan
    2 kolumner, fast bredd.
    Högerställd meny.
    Synlig ruta både uppe och nere, dessa hänger tätt ihop med de 2 kolumerna, inga mellanrum alltså.
  • Svart Katt
    2 kolumner, fast bredd.
    Vänsterställd meny.
    Synlig ruta både uppe och nere, dessa hänger tätt ihop med de 2 kolumerna, inga mellanrum alltså.
  • Chowchow
    Smal sida med 2 kolumner som får plats i webläsarfönstret i en upplösning på 800x600
  • Scary Rats
    Smal sida med 2 kolumner som får plats i webläsarfönstret i en upplösning på 800x600

 

Färger kan väljas fritt i de olika fälten,

  • Halloween
    3 kolumner, fast bredd, osynlig fot, toppen tycks sväva över innehållet
  • Avskalat
    Mycket renare och avskalat än så här kan inte en sida med 3 kolumner bli. Flexibel bredd.

Layouten här på Starcastlehounds Design är 4 kolumner, läs mer om vad som är speciellt med just den här layouten.

Några färdiga mallar med teman i olika layouter

    • Mall 1, som finns i 6 olika layouter
    • Mall 2, finns i 3 varianter

Lägg till lite olika funktioner på sidan, förutom bild och text, se exempel. Sidan har 3 kolumner, flexibel bredd. Både huvud och fot hänger tätt ihop med kolumnerna, inga mellanrum.