• Hjem
  • Om bloggen
  • Om meg
  • Gratis design
  • Blogger jeg liker
  • Designhjelp
  • Hvordan jeg hjelper
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

9 Kommentarer til “Design: Bakgrunnsbilde i kommentar felt.”

  1. beate says:
    21. juni, 2009 klokken 13:25

    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!

  2. Sara-eline says:
    29. juni, 2009 klokken 12:55

    Hva er en url?

    Sara-elines siste blogg innlegg..Helgen…

  3. Hilde says:
    14. september, 2009 klokken 10:01

    Har et problem… Det liksom,funker ikke. Ingenting skjer nÃ¥r jeg legger det inn i stilsettet. :P

  4. Lene Ask says:
    16. september, 2009 klokken 15:30

    FÃ¥r det bare ikke til jeg :/

  5. Tronds says:
    16. september, 2009 klokken 17:36

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

  6. Mo9q says:
    17. november, 2009 klokken 23:47

    Bare hvor som helst i stilsettet?

  7. Hilde says:
    3. februar, 2010 klokken 19:56

    :S det funker rett og slett ikke? ingenting skjer?

  8. Tronds says:
    3. februar, 2010 klokken 20:21

    Joda, alt virker :)

  9. Hilde says:
    3. februar, 2010 klokken 22:05

    jeeeg klarte det ;D men det vises ikke når du forhåndsviser blogger :P

Legg inn et svar


Jeg ønsker selvfølgelig at du legger inn en kommentar, men jeg ønsker kommentarer på det jeg skriver over her.
Hvis jeg har skrevet noe dumt eller hel teit på bloggen din så svar gjerne her.
MEN ta deg tid til å lese gjennom det jeg også har skrevet da. Legg gjerne igjen en kommentar på det :)
Click here to cancel reply.

« Noen ganger er faktisk reklame sann!
Noen har kanskje for mye fritid? »
Følg meg!
  • Legg meg til som venn

    Er du en blogg.no bruker så har du muligheten til å legge meg til som venn. Blir enklere å følge meg da ;)

  • Siste innlegg

    • Derfor er lørdager best
    • Hvordan gjør de det? Roterende header som TheGiant
    • Hvordan gjør de det?
    • Design: Meny “fane”
    • DVD samlingen
  • Siste kommentarer

    • Hedda - drar til England i august! til Derfor er lørdager best
    • Hedda - drar til England i august! til Derfor er lørdager best
    • Hedda - drar til England i august! til Derfor er lørdager best
    • Maria til Du ønsker?
    • Gunhild til Design: Forandre størrelsen pÃ¥ kommentar boksen
  • Emner

    backup Design Hva er best KRIK nerd opplevelser tur youtube zargate Andre blogger (2)
    Bakgrunn (2)
    Bilder på nettet (1)
    Blogg (55)
    blogg.no (6)
    CSS (2)
    Design (13)
    Design forbedringer (1)
    Dyrene (1)
    Familie (8)
    Favicon (1)
    Ferie (1)
    Firefox (2)
    Forbedringer (1)
    Gratis Design (3)
    Header (1)
    html/css (4)
    Hva er best (1)
    Hvordan gjør de det? (2)
    IKEA (2)
    Ipod touch (2)
    Jobb (4)
    Just for fun (19)
    Kommentar (2)
    KRIK (3)
    Lenker (6)
    Lister (1)
    Lurer på (3)
    Mat (6)
    Meny (3)
    Merkelig (1)
    mote (2)
    Musikk (3)
    Nerding (19)
    nyttige sider (2)
    opplevelser (5)
    Personlig (13)
    Produkt (2)
    Siden (2)
    Slik er jeg (1)
    Surfende (1)
    Tanker (10)
    Tatovering (1)
    Tech (4)
    Ting som skjer (4)
    Trening (2)
    Uncategorized (1)
    Wordpress (1)
    youtube (2)

    WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.

  • Bloggrull

Alt har en begynnelse… is powered by WordPress
Theme Design by Generic Designer

Entries (RSS) and Comments (RSS)
Bloggurat