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:
1 2 3 4 | /* Setter inn bilde i kommentar feltet */ #newcomment textarea{ background: url( URL-TIL-BILDET-DU-SKAL-BRUKE ) no-repeat right top; } |
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
dette må jeg prøve:D og forresten utrolig bra at du brukte min side som eksempel på designhjelp:) taaakk:)
beates siste blogg innlegg..Ã…NEEEI!
Hva er en url?
Sara-elines siste blogg innlegg..Helgen…
Har et problem… Det liksom,funker ikke. Ingenting skjer nÃ¥r jeg legger det inn i stilsettet.
FÃ¥r det bare ikke til jeg :/
LEne: Da vi jeg annbefalle deg å prøve igjen. Hvis du fortsatt ikke får det til så la koden være i stilsett filen så kan jeg komme å se på hva det er som er feil
Bare hvor som helst i stilsettet?
:S det funker rett og slett ikke? ingenting skjer?
Joda, alt virker
jeeeg klarte det ;D men det vises ikke når du forhåndsviser blogger
Jeg har et problem med denne koden. Jeg har lagt inn koden nederst i stilsettet på bloggen min og lagret, men det er ikke noe bilde i kommentarfeltet :/ jeg har prøvd å krympe bildet og legge inn ny url, men fremdeles ikke noe bilde :/ en annen blogg jeg først fant koden på, prøvde den på sin og det funket, men det funker ikke på bloggen min :s
håper du kan hjelpe meg
Takk for hjelpen, det funket
hej, jeg har prøvd og prøvd men det gpr ikke kunne du hjelpe meg?
Det går ikke :/
//SoWa