Archive for the ‘Bakgrunn’ Category
You are currently browsing the archives for the Bakgrunn category.
25
mai
2009
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:
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
22
mai
2009
Design: Bakgrunn ( mønster )
For Ã¥ fÃ¥ litt ekstra “liv” i et design sÃ¥ kanskje det kunne vært en idé Ã¥ putte inn et mønster. Dette er veldig enkelt Ã¥ fikse.
Først mÃ¥ du finne noe du vil ha, hvis du ikke har noe vil jeg anbefale deg Ã¥ ta en titt innom http://bgpatterns.com/ her finnes utrolig mange. Du har ogsÃ¥ muligheten til Ã¥ justere litt pÃ¥ dem. NÃ¥r du har funnet et du liker sÃ¥ trykk pÃ¥ “Download image” og lagre det pÃ¥ datamaskinen din.
Du må laste opp det bilde som du vil ha som mønster på blogg.no.
Noter deg adressen til bildet.
Så skal vi inn å forandre på designet ditt. Følg anvisningen under:
Helt nederst setter du inn:
1 2 3 | body{ background: url(ADRESSEN TIL BILDET DU VIL BRUKE); } |
Trykk pÃ¥ “forhÃ¥ndsvis” for Ã¥ se resultatet. Hvis du er fornøyd sÃ¥ lagrer du stilsettet.
med Ã¥ forandre “body” til “#side” i koden over vil du fÃ¥ mønster i side spalten. “#wrapper” vil gi deg bakgrunn pÃ¥ innlegget og side spalten. “#main” vil gi deg bare innlegget.
Du kan selvfølgelig putte inn flere koder også. Husk at det skal gå ann å lese teksten også!! er litt viktig
Lykke til 
