Overskrift eller logo
Denne skabelon ligger i mappen 1-1-1-1
Beskrivelse:
Du får her et layout med en boks til en overskrift eller et logo, en boks med en vandret menu, en stor indholdsboks og en sidefod. Det hele er pakket ind i en boks med en fast bredde på 770 pixels, der er midterstillet på siden.
Boksene:
Skabelonen består af fem bokse:
Boksen side er en midterstillet boks, der indeholder de fire andre bokse. Hvis du ændrer bredden på boksen, så husk også at ændre bredden på boksene logo, menu, indhold og sidefod, så de får samme bredde.
Boksen logo er beregnet til en overskrift eller et logo.
Boksen menu indeholder en vandret menu.
Boksen indhold er denne boks, og den er selvfølgelig beregnet til selve indholdet på siden.
Boksen sidefod kan fx bruges til at skrive navn og adresse. Jeg har valgt at centrere tekst i boksen, men det kan du selvfølgelig sagtens ændre i stilklassen sidefod med css-editoren.
Du kan ændre baggrundsfarve og andre egenskaber på de fem bokse ved at tilrette deres stilklasser i KompoZers css-editor. Baggrundsfarven uden for boksene fastsættes i stilen body.
Baggrundsfarven på menuen fastsættes i stilen ul.menuliste li, mens baggrundsfarven, når musemarkøren holdes over et menupunkt fastsættes i stilen ul.menuliste li a:hover. Du ændrer linkene ved at dobbeltklikke på dem og angive den ønskede linkadresse. Vil du have flere eller færre link på menulinjen, skal du ændre stilen ul.menuliste li, så den samlede boksbredde giver 100%. I øjeblikket er der fem menupunkter, så der er angivet en boksbredde på 20% for de enkelte punkter, vil du kun have fire menupunkter, skal du ændre til 25%, mens du ved seks menupunkter skal ændre til 16.67. Bemærk, at der bruges amerikansk decimaladskiller, det skal altså ikke være et komma, men et punktum mellem 16 og 67.
Ekstra stilklasser
Jeg har lavet nogle ekstra stilklasser, som du måske kan bruge, og ellers kan du selvfølgelig bare slette dem i css-editoren:
Stilklassen fed gør en tekst fed og farver den samtidig mørkegrå. Stilklassen roed farver en tekst rød. Stilklassen centrer midterstiller teksten i et tekstafsnit på siden.
Stilklassen billedvenstre kan bruges til at placere et billede til venstre, mens teksten vil flyde uden om til højre herfor. Den kan også bruges på andre elementer end billeder.
Stilklassen billedhoejre kan bruges til at placere et billede til hoejre, mens teksten vil flyde uden om til venstre herfor. Den kan også bruges på andre elementer end billeder.
OBS! Når du skriver tekst, så husk at vælge Afsnit i rullemenuen i formateringslinjen. Ellers vil du ikke få indsat afstand mellem tekst og bokskanter. Her kan du se et lille eksempel på en tekst, hvor der ikke er valgt tekstafsnit:
Denne tekst går helt ud til kanten, fordi der ikke er valgt Afsnit i rullemenuen. Der er flere andre gode grund til at benytte tekstafsnit: Du får fx automatisk indsat mellemrum mellem afsnit, og det er nemmere at ændre egenskaber på teksten.P.S. Husk at ændre sidens titel til noget mere passende (menupunktet Formater => Sidens titel og egenskaber => udfyld feltet Titel).