Design: Bakgrunnsbilde i kommentar felt.

Dette er ikke et “must”, men en grei mÃ¥tte Ã¥ lære seg Ã¥ legge bakgrunns bilder i et “div” felt. “div” ser slik ut i “malen”:

<div class=”wrapper”>En eller annen tekst </div>

Her ser du en “div” den skaper pÃ¥ en mÃ¥tte et lite “vindu”. den sier ogsÃ¥ class=”wrapper”, pÃ¥ normalt sprÃ¥k vil det si. “Følg de reglene som stÃ¥r i Stilsett filen under WRAPPER”. I “stilsett” filen stÃ¥r det kanskje

#wrapper{
background-color: red;
}

Da vet “div” at bakgrunnen skal være rød.

Nok tull, la oss begynne..

Vanskelighetsgrad: Lett

Vi skal nå prøve å ordne et bakgrunnsbilde på kommentar feltet.

Første vi må gjøre er valg av bilde, fin et bilde som passer fint inn, det må ikke være for stort og det må være mulig å lese teksten som skal skrives over. Når du har fikset et bilde last det opp og noter url til det.

SÃ¥ gÃ¥r du inn til “stilsett” filen

Plasser disse linjene i “stilsett” filen:

no-repeat forteller at den ikke skal repetere bildet. Andre muligheter er repeat, repeat-x ( repeterer bortover), repeat-y ( repeterer nedover ).

right forteller hvor bildet skal være. Andre muligheter er left og center.

top forteller hvor bildet skal være på siden. Andre muligheter er bottom eller center.

Dette kan du bruke mange plasser pÃ¥ siden. feks med Ã¥ bytte ut “#newcomment textarea” med “#side” sÃ¥ vil du sette bakgrunnsbildet i side stolpen ( der profilbildet normalt er)

Lykke til