• Hjem
  • Portefolie
  • 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

13 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

  10. Marian says:
    22. mars, 2010 klokken 15:14

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

  11. Marian says:
    22. mars, 2010 klokken 15:39

    Takk for hjelpen, det funket :D

  12. headerhjelpp.blogg.no says:
    10. juni, 2010 klokken 20:51

    hej, jeg har prøvd og prøvd men det gpr ikke kunne du hjelpe meg?

  13. SoWa says:
    1. juli, 2010 klokken 11:54

    Det går ikke :/

    //SoWa

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. Når jeg føler for det tilbyr jeg også å lage design til tilfeldige personer som er har lagt meg til som "venn". Om du har 1 eller 10000 lesere har ikke noe betydning.

  • Siste innlegg

    • Bloggpause? neida, et litt opphold.
    • En liten preview av designverktøyet.
    • Lag ditt eget design enkelt
    • Bloggtrafik.nu merkelig poengsystem
    • Slik ser det ut hos meg nÃ¥!
  • Siste kommentarer

    • therese birkeland til Design: Meny
    • Martine til Design: Favicon?
    • Martine til Design: Favicon?
    • Martine til Design: Favicon?
    • Hjørdis Isabell til Design: Fjern “sisteinnlegg” “kategori” “Arkiv” fra sidemenyen
  • 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 (7)
    CSS (3)
    Design (22)
    Design bygger (2)
    Design forbedringer (5)
    Dyrene (1)
    Familie (8)
    Favicon (1)
    Ferie (1)
    Firefox (2)
    Forbedringer (2)
    Gratis Design (3)
    Header (1)
    html/css (7)
    Hva er best (1)
    Hverdag (1)
    Hvordan gjør de det? (2)
    IKEA (2)
    Ipod touch (2)
    Jobb (4)
    Just for fun (20)
    Kommentar (3)
    KRIK (3)
    Lenker (6)
    Lister (1)
    Lurer på (3)
    Mat (6)
    Meny (3)
    Merkelig (1)
    mote (2)
    Musikk (3)
    Nerding (19)
    nyttige sider (2)
    Onlinetools (1)
    opplevelser (5)
    Personlig (14)
    Produkt (2)
    Siden (3)
    Slik er jeg (1)
    Surfende (1)
    Tanker (11)
    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