Denne skabelon ligger i mappen 1-1-rund

Beskrivelse:

Du får her et layout med en boks til en overskrift eller et logo og en stor indholdsboks, der fylder resten af siden. Begge bokse er forsynet med runde hjørner. Det hele er pakket ind i en boks med en fast bredde på 770 pixels, der er midterstillet på siden.

De runde hjørner er lavet ved hjælp af css. Det er muligt at lave hjørner i andre former, også med css, og det er muligt at lave endnu mere specielle hjørner og kanter ved hjælp af billeder. Du kan læse lidt om mulighederne på siden Hjørner.

Boksene:

Skabelonen består af tre hovedbokse:
Boksen side er en midterstillet boks, der indeholder de to andre hovedbokse. Hvis du ændrer bredden på boksen, så husk også at ændre bredden på boksene logosamleboks og indholdsamleboks, så de får samme bredde.

Inde i hver samleboks ligger først de øverste runde hjørner, så kommer en boks til selve indholdet, og så til sidst kommer de nederste runde hjørner. Nedenstående er de bokse, du kan bruge til tekst og billeder:

Boksen logo er beregnet til en overskrift eller et logo.

Boksen indhold er denne boks, og den er selvfølgelig beregnet til selve indholdet på siden.

Det er lidt mere besværligt at skifte farve på bokse med runde hjørner end bokse med firkantede hjørner. Det skyldes, at jeg har lavet de runde hjørner ved at bruge en række forskellige stilklasser. Hvis du fx vil ændre farve i logoboksen, skal du angive den ønskede baggrundsfarve i stilklasserne logohjoerne1, logohjoerne2, logohjoerne3, logohjoerne4 og logo. Bemærk, at baggrundsfarven i logosamleboks skal være den samme som baggrundsfarven på side.

Baggrundsfarven uden for boksene fastsættes i stilen body.

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).

Tilbage til skabelonoversigten