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



  • Html-hjelp
  • Kontakt
  • Forside
  • Forside
  • BlogLovin'
  • Hvordan få ikoner i lister?


    Det er så enkelt at det nesten er flaut. Ikoner foran hver linje i en meny er både ryddig og kult - her er en liten illustrasjon av hva jeg mener:

     


    For å få tilsvarende ikoner foran alle underlister i sidemenyen, finn frem i stilsettet:


    ...dersom du ønsker dette ikonet foran linjen, (ikon), legger du inn denne linjen i stilsettet, gjerne nederst:

    #side ul li:before {content:url(http://i45.tinypic.com/2we9r9t.jpg);}
    Lagre, og du er i mål. Vil du ha et annet bilde, bytter du bare url--adresse, altså den uthevede teksten her til url-adressen til bildet du ønsker:
    #side ul li:before {content:url(http://i45.tinypic.com/2we9r9t.jpg);}





    :)

    15 kommentarer

    Kaja

    23.09.2010 | kl.14:33 | URL: http://www.gophoto.blogg.no

    Husk å legge ut om runde kanter på bloggen! ;)
    TAKK FOR TIPSET!

    lillies

    28.09.2010 | kl.16:07 | URL: http://lillies.blogg.no/

    Tusen takk! Dette var til stor hjelp!

    ~ Nina Mathilde

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

    Hey! Takk for det, men hvordan får du til det at når du holder musen over menyen under headeren så kommer det en liste nedover?

    :)

    Maja Føleide

    15.11.2010 | kl.22:09 | URL: http://majaablogg.blogg.no

    Finner ikke url til andre ikoner man kan bruke. Kan du legge inn noen fler?

    Vil bare si at denne bloggen har hjulpet meg utrolig masse, for jeg er kjempe dårlig på html og alt som har med eget design til blogg.. Tusen takk :)!

    Elisabeth

    04.12.2010 | kl.11:00 | URL:

    ha faktisk alltid lurt på dette, enkelt jo : ) det er ganske mye til hjelp : D

    TheaEmilie

    30.12.2010 | kl.18:56 | URL: http://segredos.blogg.no

    Hei! Dette har jeg lurt på lenge, men hvis du ser på bloggen min så prøvde jeg koden. Men jeg vil ha den rosa prikken HEELT ut til høyre, hvis du skjønner...? Ikke bare rett etter teksten, men på en loddrett linje til høyre i menyen. Og så vil jeg at den bare skal komme når jeg holder musen over.

    Kan du lage den koden til meg? Jeg skjønner godt hvis du ikke tar deg tid til sånt, men det hadde vært veldig hyggelig hvis du gjorde det!

    Her er url til den rosa prikken, siden du trenger den i koden: http://i56.tinypic.com/nn3y86.jpg

    Hilsen Thea Emilie - segredos.blogg.no

    Thea Emilie @ already

    30.12.2010 | kl.18:58 | URL: http://already.blogg.no

    Foresten! Ikke se på segredos.blogg.no, jeg skrev feil blogg! De prikkene i sidemenyen er på already.blogg.no! :)<3

    Hilsen Thea Emilie - already.blogg.no

    Matilde E.H

    12.01.2011 | kl.12:27 | URL: http://matildess.blogg.no

    Hva er URL-en til de blomstene ? :-)

    Parkering

    19.01.2011 | kl.20:43 | URL: http://parkering.blogg.no

    Hvordan får du boksene der vi som kommenterer skal skrive inn navnet vårt, E-posten vår, og urlen vår, sånn avlange? Jeg ser ingen forandringer i kommentarfeltet mitt når jeg legger inn koden som står ovenfor i dette innlegget..

    lillymarlen

    31.01.2011 | kl.14:02 | URL: http://lillymarlen.blogg.no

    hmmm.. dette funke ikke paa min blogg.. jeg limte inn dette : #side ul li:before {content:url(http://i45.tinypic.com/2we9r9t.jpg);} i tilsettet, og lagret, men det gikk ikke fordeom ?

    katrine

    04.02.2011 | kl.23:08 | URL: http://katrinejo.blogg.no

    Dette virket ikke hos meg, selv om jeg prøvde å lime den inn ulike steder, ulike bilder osv. Noen tips? :)

    vittayadilok

    10.04.2011 | kl.18:13 | URL: http://vittayadilok.blogg.no

    funker ikke hos meg heller -_-

    Kine Løkeland

    15.08.2011 | kl.15:04 | URL: http://juices.blogg.no/

    Forresten, har laget et ikon! Kanskje du vil legge det ut, det ser du selv :) Det er et grått hjerte, passer perfekt inn i sidemenyen og som favicon! Bruker det i sidemenyen på bloggen min, du kan ta en titt der om du ønsker :) Her er url-adressen til ikonet ihvertfall; http://i52.tinypic.com/v4540k.jpg

    Guro Bieber♥

    04.09.2011 | kl.19:07 | URL: http://gyzt.blogg.no

    Klarte det ikke?

    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