Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
Ta bort ramen runt bilderna

Ta bort ramen runt bilderna

Detta inlägg handlar om ramen som man kan få runt vissa bilder på sin blogg. Det finns vissa saker jag skall förklara för er först.

Alla bilder du laddar upp på din blogg via bilduppladdningsfunktionen blir utan ram. Detta beror på att blogg.se har valt att ta bort alla ramar automatiskt.
Dock så kan det synas en ram under tiden som din blogg håller på att laddas, men när bloggen har laddat klart allt, då försvinner ramen, detta beror på att vissa stilmallar har koden för en ram, men den plockas sedan bort när sidan har laddat klart.

Om du däremot klipper och klistrar in en bild på din blogg, eller om du lägger in en bild med hjälp av adressen, dvs att den finns på en annan server än din egen blogg, då kan det bli en ram runt bilden, speciellt om du gör bilden till en länk, t ex en ikon från Bloglovin’.

Det finns en kod som du kan lägga in för att slippa ramen runt ALLA bilder. Den skall du lägga in i din stilmall i så fall.

1. Gå in på din stilmall.

2. Lägg in följande kod längst ner på din stilmall och spara sedan stilmallen:

img{
border: 0px;
}

Om du nu inte vill ta bort ramen runt samtliga bilder utan kanske vill ha kvar en del ramar, då kan du plocka bort ramen för varje bild individuellt. Jag förklarar hur nedan.

För att slippa ramen, måste du lägga in en kodrad som tar bort själva ramen, och detta görs i html-läge. Jag ska visa hur du gör.

Koden för en bild ser ut ungefär så här: <img src=”adressen till bilden”>
Den kod du ska lägga till är följande: border=”0″
Så, det skall alltså se ut så här: <img src=”adressen till bilden” border=”0″>

Om det är en bild som är en länk, dvs att den går att klicka på då ser det ut på följande sätt: <a href=”adressen till sidan”><img src=”adressen till bilden”></a>
För att få bort ramen, så ska det se ut så här: <a href=”adressen till sidan”><img src=”adressen till bilden” border=”0″></a>

Om du har lagt in bilden i dina kodmallar, då går du in under dina kodmallar och lägger till koden.

Så här ska det se ut om det är en länkande bild.

Om du har lagt in bilden i ett inlägg, så måste du gå in i HTML-läge och lägga in koden.
Du kan välja mellan två ställen för att komma till HTML-läge.

När du har gått in i HTML-läge, så letar du upp koden för bilden, och lägger till border=”0″.

Om du vill förhandsgranska ditt inlägg, och du har varit inne i HTML-läge, så måste du spara ditt inlägg som ett utkast först innan du förhandsgranskar, annars kommer dina förändringar att försvinna när du återvänder tillbaka för att redigera ditt inlägg.

Nu så ska du förhoppningsvis ha fått bort ramen runt den bild du ville.

Grundare av Designa Din Blogg. Drev den här sidan som ett hobbyprojekt under åtta år, numera har jag lämnat över ansvaret för DDB. Är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

74 comments

  1. Svara"novala"

    Det funkar inte för mig! Ramen är inte bara under tiden som den laddar utan HELA TIDEN! Det är jättejobbigt, finns det något man kan göra åt det?

      1. olivia

        mitt problem är inte ramar runt mina bilder, utan ramen runt själva ” inläggsspalten ” får panik för att jag inte får bort den!: hjälp mig 🙁

      2. madde

        Testa att göra mellanrum mellan de båda koderna (den som du la in och den som fanns över den)

  2. SvaraEmelie Fredriksson

    Testade lägga in koden med det funkade inte, är smala svarta ramar runt alla mina bilder hela tiden och är super störade… På blogg.se då alltså 🙂

    Hjälp!

      1. josefina

        ja dem är gråa runt alla bilder, fett fult! hur tar man bort det? väldigt tacksam för hjälp 😉

      1. Linnea

        Jo, det här funkar bäst för mig. Om ni följer det här så blir det inte nån ram på någon av bilderna. Bläddra längst ner i din stilmall och bläddra upp till 
        .image {border: 2px solid #FFFFFF;background-color:#FFFFFF;padding:2px;margin: 0px 6px 6px 0px;}

        Där kan du ändra färg på ramen, och som ni ser har jag valt vitt på båda. 🙂

        Jag hoppas det här hjälper er!

  3. SvaraMiranda

    Det funkar inte för mig heller, vill ta bort ramen runt hela bloggen också… Men det verkar inte gå?? :S

  4. SvaraEmma

    Asså, när man ska ta bort ramen på ALLA bilder är det bara img{ border: 0px; }
    som gäller…
    Jag fattar inte…
    ska man göra båda för att ta bort ramerna??


  5. Author
    SvaraLari

    Nu funkar det här inlägget igen. Det blev lite strul med koden i flytten, men nu så funkar det igen!

  6. SvaraNati

    Alltså, ramen som kommer när det laddar försvinner aldrig D: är det min webbläsare som det är fel på, eller är det något med blogg.se som strular? För så har det ju aldrig varit förut… Ser jättefult ut 🙁 Har provat att lägga in koden också men utan resultat…

  7. SvaraNati

    Eh försökte kommentera om att ramen runt bilderna aldrig försvinner, men kunde inte posta för det stod att jag redan postat den kommentaren? 🙁 Har jag ju inte…

  8. SvaraNati

    HAHA men vafan, nu kom den ju upp? 🙁 Helt lost är jag. Sorry att jag spammar ditt kommentarsfält 😀 Du kan få ta bort dom här två sista..

    1. Svaravendela

      du verkar ju ha lite problem med dina ramar. xd men leta upp denna koden i din stilmall : .image {
      background-color: #FFFFFF;
      padding: 0px;
      margin: 0px 0px 0px 0px;
      }
      och ställ in så din kod ser ut som min samt att du lägger in :img{ border: 0px; } längst ner i stilmallen. Så gjorde ag och alla mina ramar e borta. 😀

      1. F O R N I A - R O L L Y

        Åh, tack! Nu funkade det för mig! Äntligen är ramarna borta! 🙂

  9. SvaraKrille

    lägg in denna kod
    .image {
    border: 0px solid #ffffff;
    background-color:#FFFFFF;
    padding:2px;
    margin: 0px 6px 6px 0px;
    }

    över där det står .thumbnail { i stilmallen så försvinner dom och detta funkar har själv detta på min blogg 🙂

  10. SvaraEmbLeM

    Men om jag vill ha en ram. jag ändrar både på image och thumpnail till 5 px men ramen syns bara en snabbis då jag öppnar sidan och sedan försvinner den. Även om jag lägger till koden img{ border: 0px; } fast byter 0 till 5 så försvinner ändå ramen efter bara en kort stund.
    Hur får jag den att stanna?

    Jätte tacksam för svar!

  11. SvaraIsabell

    jag hade en liten vit ram runt mina bilder och den tog jag jätteenkelt bort genom att gå in på stilmallen och ganska långt ner under ett stycke som heter ”image” ändra på border och padding till noll. då försvann det för mig 😀

  12. SvaraSabina!

    hej hej!
    asså den saken som är runt bilderna när sidan laddar försvinner aldrig.
    när jag började med min blogg var det ingen sån ram efter det laddat klart.
    men nu försvinner den inte alls.
    och det förstör tycker jag efter som jag gör många bilder där det e meningen att ha vit bakgrunt utan ram!

    kan du kanske hjälpa mig på nått sätt så jag får bort den ?
    tacksam för svar 😀

  13. SvaraVeronika

    Hejsan! Jag hade problem med att få bort ramarna, men tillsist fick jag bort dem. Men nu har jag problemet med att miniatyr bilder som skall förstoras kommer upp på en blank sida. Men om man går in i kategorin och trycker på dem där så kommer dem upp på själva bloggsidan och bakgrunden blir liksom mörkare. Har försökt och försökt att få tillbaka det normalt på framsidan, men har stångat mig blodig i alla försöken. Någon som kan hjälpa mig?

  14. SvaraEllinor

    Funkade inte för mig heller först, hade en rosa ”punkt-ram” runt alla mina bilder, jätte fult! :S
    Sedan hittade jag en likadan kod som den man skulle lägga in, men den jag hade i min stilmall var ifylld, vilket gjorde att det inte funkade. Så om det inte fungerar för er att lägga in koden, så kolla om ni redan har en i er stilmal och ändra så att det står 0 på allt! 🙂

    ielle.blogg.se

  15. Svarajosefine

    För ett tag sen såg koden här ut såhär: (hade väl blivit ngt fel)
    img{
    border: 0px;
    }

    Om ni har lagt in den, ta bort alla så kommer koden att funka.

  16. Svaracissi

    Till er som det inte funkar för; ändra till 0 px, på avsnittet image, på border , och detsamma gäller på avsnittet thumbnail.

    Hoppas detta funkar! Det gjorde det för mig.

    (Detta gör så att ramen tas bort under tiden det laddas)

  17. Svarafelicia

    Jag har försökt allt jag har kommit på, men ramarna vill inte bort! jag fattar inte vad det är för fel ?!

    Snälla hjälp mig!
    Jag vill verkligen inte ha några ramar där! ;(

  18. SvaraHanna

    Det funkar inte, hur ska jag göra då? Hjälp mig orkar verkligen inte ha ramen längre.
    Vore tacksam för ett svar

  19. Svaraawie

    Hej asså det funkar inte 🙁 ramen är fortfarande kvar! 
    även när den inte laddar! 🙁 
    snälla hjälp mig, ramen förstör allt 

  20. SvaraFrida

    Leta reda på den här koden:
    .image {border: 1px solid #5E6655;padding: 0px 0px 0px 0px;margin: 0px 6px 6px 0px;}

    Byt sedan ut ”border: 1px” till ”border: 0px”
    Hur enkelt som helst!

  21. SvaraFrida

    Leta reda på den här koden i Stilmallen:
    .image {border: 1px solid #5E6655;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;}

    Byt sedan ut ”border: 1px” till ”border: 0px”
    Hur enkelt som helst!

  22. SvaraJulia

    Jag tryckte ctrl-f, skrev in ”image” som sökord, hittade imagespalten och tog bort ramen permanent därifrån. Funkade bättre än koden.

  23. SvaraEmelie

    Mina ramar är där under en halv sekund ungefär och är ljust gråa, vad gör jag för fel ?? 😮 HJÄLP mig tack !

  24. SvaraSanne

    Jag har en ful, röd, streckad ram som lägger sig på bilder jag lagt in via kodmallar i menyn. Någon som vet hur man tar bort det? Jag har testat allt med tumbnail och image i stilmallen men det fungerar inte.
    Någon som kan hjälpa mig?

  25. SvaraAlexandra

    Först funkade det inte för mig, men jag gav mig inte, så jag gick in i stilmallen och hittade en kod som ser ut såhär:

    .image {
    border: 1px solid #000;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
    }

    Då skrev jag 0px istället och då gick alla ramar bort 🙂
    Så för er som det inte funkar för kan ni ju prova att leta upp det stycket också. 🙂

Lämna ett svar

E-postadressen publiceras inte. Obligatoriska fält är märkta *