Tilbake

 

CSS Generator

Cascading Style Sheets, forkortet CSS, gjør det enkelt å vedlikeholde og forandre layout på siden din. I stedet for å forandre gjentatte tagger i kildekoden i et HTML dokument, endrer du med CSS kun en enkelt kode-snutt implentert i siden, eller i en ekstern fil.

Har du ikke noen kjennskap til CSS, anbefales det å lese gjennom introduksjon og veiledning til CSS her på apasje som du finner her, for bedre forståelse av hvordan CSS fungerer. Se også utvidet brukerveiledning til CSS Generatoren!

Trinn 1:
 
Trinn 2:
Trinn 3:  
Vil du legge til bakgrunnsfarge eller bilde?    
Trinn 4:
Velg en bakgrunnsfarge: 

eller
Skriv inn navn på bilde du vil bruke som bildebakgrunn (evt. med full URL):

Velg et bakgrunnsbilde :


Trinn 5:
Er trinn 1 til 4 komplett?
(Bekreft eller gjør endringer)

Kopier og lim inn generert CSS kode mellom <head></head> taggene.


 GJØR FERDIG ALLE CSS TILLEGGENE FØR DU GJØR NOE UNDER HER 

Når alle tilleggene er komplett og lagt til, klikker du "Fullfør" knappen under. Denne skal klikkes helt til slutt og kun en gang, og nå kan du kopiere koden fra boksen ovenfor.

For å sjekke at alt er blitt slik du ville kan du klikke "Test CSS".

 

Utvidet brukerveiledning til CSS Generator

Vi starter med å velge hva du vil lage layout til under "Trinn 1" i rullemenyen. Trinn 2 og 3 kommer da til syne. Etter Trinn 2 og 3 (avhengig av dine valg) kan du gjenta alle Trinnene flere ganger for å sette CSS til alt hva du ønsker.

Trinn 4 lar deg legge til bakgrunnsfarge eller bilde, og dette trinnet kommer til syne om du velger "JA" i Trinn 3. Bekreft at du er ferdig med formateringen for aktuell tagg (overskrift, linker, avsnitt, etc).

Viktig! Klikk kun på knappen "Fullfør" nederst når du har gjennomført Trinn 1 til 3 med alle CSS endringene du vil ha med, eventuelt inkludert Trinn 4.

Klikker du på denne knappen før du er helt ferdig, settes den ferdige koden inn som gjør at HTML dokumentet ditt kan lese av CSS, og videre endringer kan ikke gjøres.

Klikket du ved en feil, og ønsker å forandre koden mer, kan du gjøre følgende! I tekstboksen ser du denne koden øverst:

<style type="text/css">
<!--

og denne koden nederst:

//-->
</style>

Disse sletter du direkte inne i tekstboksen. Klikket du flere ganger på Fullfør knappen, vil den fremkomme like mange ganger, slett disse også. Sørg for at det finnes en tom linje øverst i tekstboksen etter slettingen.

Fortsett med å legge til CSS formatering og/eller endringer, og klikk Fullfør igjen helt til slutt.

 



SØK ressurser

Gå til Avansert søk

HJELP til Hjemmesiden

Nyttige ressurser til ditt Hjemmesideprosjekt, alltid tilgjengelig. Klikk for å vise tilgjengelige ressurser.

FLERE ressurser

Til toppen