• Forside
  • TheHibi
  • Design
  • Bestille design
  • Spørsmål



  • Html-hjelp
  • Kontakt
  • Forside
  • Forside
  • BlogLovin'
  • Hvordan legge inn bilde/bakgrunn i kommentarfeltet


    Tar du en titt i skriveruten i kommentarfeltet mitt, ser du at det er et bilde der. Nå skal jeg guide deg slik at du også kan få et slikt bilde.

    HTML-koden er allerede lagt inn, så her kjører vi rett på CSS.

    CSS


    For heldekkende bakgrunn, legg inn

    textarea {
    background-image: url('DITT BILDES URL');
    }


    Alle kodene under må legges til mellom disse klammene { }.
    For å få bildet i riktig posisjon legger du inn denne linjen og endrer posisjonene etter hvor du vil ha bildet, eksempelet får bildet til å havne i høyre hjørne nede:

    background-position: right bottom;        <-- Kan endres til left, center og top.

    Vil du bare ha en utgave av f.eks. et lite bilde (slik jeg har), legger du til denne linjen under. Linjen over er nesten uunnværlig hvis du bruker denne koden.

    background-repeat: no-repeat;

    Bruker du koden over, vil du sikkert endre bakgrunnsfarge på resten av ruten, dette gjør du med å legge til denne linjen:

    background-color: #cfcfcf;                     <-- Dette er en fargekode for grå.

    Velger du et mørkt bilde eller en mørk bakgrunnsfarge er det kanskje ikke helt best med svarte bokstaver. Dette endrer du med å legge til dette avsnittet etter klammen { }:

    h2 a, h2 a:link, h2 a:visited, h2 a:active {color: #ffffff; }                      <-- Dette er fargekoden for hvit.



    Egnede bakgrunnsbilder, med url (hentet fra google - just to get it simple for you).

           
    URL:
    http://www.dvd-ppt-slideshow.com/images/ppt-background/background-3.jpg



    URL:
    http://www.infoservemedia.com/design/resources/backgrounds/photos/6dy4940t93.jpg



    URL:
    http://www-tc.pbs.org/nbr/site/images/blue-background.jpg

    Enjoy :)

    45 kommentarer

    Emma

    15.02.2010 | kl.19:01 | URL: http://emmanorsve.blogg.no

    Har lurt på hvordan du gjør det. Flott at du forklarte det!

    Er det mulig å få bestilt et sånt bilde fra deg?

    Isåfall, skulle det vært lyse lyse grått og det skulle ha stått EmmaNorSve (litehjerte) i hjørnet sånn som du har.

    ♥ mSandjord

    17.02.2010 | kl.09:50 | URL: http://msandjord.blogg.no

    sv: Takk for svar! Men det jeg mente var at innleggene skulle være hvite, også skulle mellomrommet mellom innleggene være rosa slik jeg har bakgrunnen min :)

    - cjkω'

    17.02.2010 | kl.12:50 | URL: http://cjkw.blogg.no/

    Hei! Vet du hvorfor jeg ikke kan skifte farge på bakgrunnen min? Den er hele tiden grå og jeg vil skifte fargen til hvit.

    - cjkω'

    17.02.2010 | kl.12:51 | URL: http://cjkw.blogg.no/

    Fikk det til nå ;P
    lurer på en ting. der det står desing hjelp, hvordan får du at en liste går ned ? :) vil også ha en sånn!

    Eline

    18.02.2010 | kl.18:42 | URL: http://www.elineappelsin.blogg.no

    Hei! Jeg sitter å prøver å få svart bakrund bak overskrifta på innleggene. Jeg får svart bakrund ja, men skrifta er også svart! Jeg skulle gjerne hatt overskrifta hvit og bakrunden svart :- ) Blir utrolig glad hvis du kan hjelpe meg litt med det. Har fulgt hvert steg av veiledningen din.
    vet du hvordan man KUN endre teksten og ikke den info linjen under overskriften?

    Ezo ♥

    19.02.2010 | kl.20:26 | URL: http://ezo.blogg.no/

    Hjelp!, Jeg trenger hjelp av noen som bruker photoshop. Bare dra inn på bloggen min og der er et inlegg med navn Nød !

    Pia Martine

    23.02.2010 | kl.20:10 | URL: http://www.piamartinesk.blogg.no

    Jeg skjønner virkelig ingenting!

    Hva må man liksom gjøre for å få svart bakgrunn, og hvit skrift i overskriften? :P

    Marian

    21.03.2010 | kl.00:04 | URL: http://marianlarsen.blogg.no

    hvor i stilsettet skal jeg lime inn koden? :S

    ♥IdaMarie♥

    21.03.2010 | kl.12:33 | URL: http://www.imfs96.blogg.no

    du har så mange kule koder ! :D

    tusen takk for at du deler de.

    det er så mange som har så mange vanlige ,men du har dine egne !

    det er bra :D

    Marian

    21.03.2010 | kl.16:09 | URL: http://marianlarsen.blogg.no

    jeg har prøvd å lime inn koden nederst i stilsettet, egentlig over alt i stilsettet, men det funker ikke :S får ikke opp noe bilde i kommentarfeltet :S

    Marian

    21.03.2010 | kl.17:16 | URL: http://marianlarsen.blogg.no

    jeg har krympet bilde, men får fremdeles ikke opp noe :S

    Marian

    21.03.2010 | kl.17:30 | URL: http://marianlarsen.blogg.no

    nå har jeg prøvd begge deler, fremdeles ikke bilde :S

    :) rannveig

    27.04.2010 | kl.16:13 | URL: http://r97.blogg.no

    Lurer på noe! :):) At når jeg skriver inn denne koden (r97.blogg.no) så får jeg kun bakgrundsfarge i kommentarfeltet, men ikke der man skriver navn, URL og epost osv.. Hvordan får man det i alle, inkl på knappene?

    Emma

    03.05.2010 | kl.20:46 | URL: http://emmanorsve.blogg.no

    Denne koden fungerer ikke for meg...

    Setter inn alle kodene, men når jeg forhåndsviser blir den over hele kommentarfeltet selvom jeg tok no-repeat og fikset posisjonen.

    Tips?
    Emma: Har du husket klammene rundt? Disse: #avsnitt{ all tekst som definerer bildet her }
    Hei !

    jeg prøvde kodene , men hvor i stilsettet skal vi egentlig sette det inn ?

    fint om du svarer : )
    Haha, mange her som har spurt om det samme.

    Hvor i stilsettet setter jeg koden? :-)

    Nelly

    16.07.2010 | kl.21:49 | URL:

    Hei ! jeg er litt ny her på blogg.no! hvordan setter man inlegg+bilder i samma post ?? fint om du varer !! :)
    Nelly: Trykk på bildeknappen der du skriver, last opp bildet, og woila du har et bilde. Så er det bare å skrive tekst over eller under eller hvor du enn måtte ønske :)

    Malin

    12.08.2010 | kl.23:46 | URL: http://malinrakke.blogg.no

    Heihei! Flotters tips! Takktakk :)

    Men jeg lurer egentlig på hvordan man får endret bakgrunn (farge eller bilde) på feltet kommentarene kommer opp på. Altså IKKE der man skriver, men der de havner etter hverandre. Vet du hva man gjør da?

    Det hadde vært kjempe flott om du kan svare meg :)

    <3 Marit

    27.08.2010 | kl.17:14 | URL: http://Marithage.blogg.no

    Kunne du hjelpet meg med å designe komentar felte ? kontakt meg gjerne på mail :D marithage@hotmail.com

    julieviktoria ♥

    24.09.2010 | kl.18:44 | URL: http://www.stil3r.blogg.no

    utrolig mange bra html koder du har! :) tusen takk for de.

    ~ Nina Mathilde

    03.10.2010 | kl.11:20 | URL: http://ninamathildes.blogg.no

    Hei! Jeg lurte bare på hvordan kan du endre kun farge på bakgrunnen i kommentarene! For du vet jo at normalt sett så er de gule.... :) Lurte bare på dette.

    Therese

    03.10.2010 | kl.16:26 | URL: http://www.tb000.blogg.no

    hvoor skal jeg legge den inn på tilsettet ??? :O

    kanutteamaliie

    13.11.2010 | kl.17:42 | URL: http://kanutteamaliie.blogg.no

    fikk det dessverre ikke til å funke ;( vet ikke hva jeg gjorde feil :/

    Therese ♫

    26.11.2010 | kl.15:57 | URL: http://rzattiz.blogg.no

    Hei, Hibi! Jeg har prøvd koden .... Men fikk det ikke til! Jeg satte klaffene foran og bak det "nye" jeg skrev. Og satte kodene i bunnen i stilsettet. Gjør jeg feil?

    ps. takk for all hjelp! <333

    <3 Ella

    22.01.2011 | kl.10:43 | URL: http://ellaka.blogg.no

    Jeg vil ha sånn som du har, ikke bilde, men farge.. Hvordan får jeg det?

    meg :)

    12.02.2011 | kl.00:54 | URL:

    Hei :)

    Jeg synes bloggen din er mega kul, men jeg lurte på, det som det står " send kommenrar" er det mulig å få til et bilde ved siden av " send kommenrar"? håper på svar :)
    meg: Tenker du på et bilde på knappen, eller ved siden av knappen?
    hvor i stilsett er det jeg skal lime det inn, jeg får det ikke til..

    - Hiwi

    11.03.2011 | kl.22:31 | URL:

    Heii! Du er utrolig flink til dette, så jeg lurer på; hvordan får man boks (eventuellt med ramme også) rundt selve kommentarene sånn som du har? På bloggen min er det bare helt hvitt og det er vanskelig å skille hvor kommentarene starter og slutter. (therealhiwi.blogg.no)
    Vet du koden for å få Navn, e-post, url og kommentar inni selve feltene? Sånn at de på en måte forsvinner, når man trykker :)
    fikk det til nå :D Men vet du hvordan jeg gjør det samme for kommentarfeltet? (koden fungerte ikke der) , og hvordan man gjør at teksten kommer tilbake når man trykker et annet sted, eller flytter pilen? :)

    solspretten

    21.04.2011 | kl.19:01 | URL: http://www.solspretten.blogg.no

    skjønte ikke : (

    Unitard

    18.05.2011 | kl.15:03 | URL: http://unitard.blogg.no

    Det fungerer ikke hos meg, jeg får bare farge der hvor det står "din kommentar" altså ja du skjønner

    Sunniva Nyvoll

    27.01.2012 | kl.11:51 | URL: http://su9van.blogg.no

    dæven du sug i å forklare

    HegeOgMalin

    04.02.2012 | kl.11:07 | URL: http://hegeogmalin.blogg.no/

    Takk for svaret på de forrige spørsmålene våre! Hyggelig :D

    Men vi får bare ikke dette til å fungere! Vi la til dette nederst i stilsettet, og lurer på om dette er slik det skal se ut:

    textarea {

    background-image: url('DITT BILDES URL');

    background-position: right bottom;

    background-repeat: no-repeat;

    }

    (med vårt bildes url da såklart) men det kom ikke opp noe bilde! Kanskje vi legger det på feil sted i stilsettet eller så er bilde for stort eller noe, ikke vet vi!

    Hvor stort må egentlig bildet være om vi skal ha et heldekkende bilde og hvor lite om vi skal bruke posisjoner osv.?

    Var det rett det vi satte inn?

    -HegeOgMalin<3

    HegeOgMalin

    04.02.2012 | kl.15:42 | URL: http://hegeogmalin.blogg.no/

    Vet ikke hva vi gjør feil med det fungerer bare ikke ;/
    lol. jeg skjønnte ingeting :C

    Pusongen c

    30.05.2012 | kl.21:59 | URL: http://pusongen.blogg.no/

    får heller ikke til...

    Marion Louise

    25.04.2013 | kl.17:24 | URL: http://www.holille.blogg.no

    Et lite tips bare; har sett flere tips fra deg om hvordan man kan gjøre mye forskjellig rart ved sin blogg. Men jeg savner og skulle ønske du kunne legg med bilder av det du skal hjelpe oss med , sånn at jeg og sikkert andre er helt sikre på at vi får hjelp til akkurat hva vi trenger hjelp til.

    Bitch

    01.05.2013 | kl.17:41 | URL:

    Hei! Jeg lurte på hvordan du får sånne frosker når folk kommenterer innleggene dine. PLIS svar fort!!

    AndreaRønning

    16.11.2013 | kl.11:46 | URL:

    Hei.. Du har en son frosk til de som ikke har bilde på bloggen ossen får du det ??

    Skriv en ny kommentar


    - Skal du spørre om noe angående noe i en guid, ta gjerne en titt på Spørsmålssiden min først! Er spørsmålet du skal stille spurt mange ganger før, finner du nok svaret der :)


    Interiørblogger
      Blogger du om interiør eller smarte tips og triks i hjemmet? Da har du muligheten til å bli linket til herfra! Skriv en liten hilsen her og du er med i vurderingen!
    INFO

    TheHibi


      Her på bloggen utfolder jeg meg kreativt i håp om å bli en bedre designer, fotograf, tekstforfatter og Photoshop-bruker. Jeg har rukket å bli nesten 21 år gammel, og studerer for tiden eiendomsmegling. Bloggingen har en tendens til å skje litt i rykk og napp, so stay tuned -

      Merk deg at jeg driver denne bloggen med det prinsippet at jeg skal være en hjelp til selvhjelp. Les gjerne guiden flere ganger før du spør, det er vanskelig for meg å svare alle personlig, som får den konsekvensen at det ikke kommer nye guider.

    TheHibi på bloglovin

    Blogglisten
    OBS!
      Kommentarer du vil ha svar på av meg, bør kommenteres her på min blogg. Jeg har ikke kapasitet til å jakte rundt etter kommentarer som er til meg, på andre blogger. Beklager
    Arkiv
    hits