Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
Få en snygg ram runt alla bilder (runda hörn)

Få en snygg ram runt alla bilder (runda hörn)

 

Om du vill piffa till din bloggdesign på ett enkelt sätt, så kan du förändra lite hur dina bilder ser ut på din blogg.

ram runt bild

Genom några enkla rader med kod, så kan du ändra utseendet på dina bilder så att de får en riktigt snygg ram runt dem. Detta gör att du inte behöver skapa ramar i photoshop eller så, utan det sker med automatik om du har laddat upp bilden via din blogg.

Så här ser det ut:

Före

runda ramar runt bild

Efter

bildram runda hörn

Hur gör man för att få till det här då?

Gör så här:

1. Kopiera följande kod:

.image {
background:#F7F5F4;
padding: 11px;
margin: 0px 6px 20px 0px;
-webkit-box-shadow: 1px 1px 2px 1px #aaaaaa;
box-shadow: 1px 1px 2px 1px #aaaaaa; 
-webkit-border-radius: 5px;
border-radius: 5px; 
}

2. Gå in på din blogg och gå in i din stilmall. Lägg till koden längst ner i din stilmall.

kod runda ramar

Spara stilmallen, sen så är det klart!

Simpelt va?

 

Från filmen:

Ram runt bilderna i inlägget

Hej hörni.
Idag så ska jag visa er hur man kan göra med sina bilder i inläggen för att få en ram runt dem. Som ni ser hur då till exempel så har jag bara testat en gång och lagt upp en bild på mig själv här och så har man egna koder som jag till exempel skriver ju alltid mina inlägg i html-läge………… då fungerar det inte om man inte har med det här class-image som ligger här.

Jag kan lägga det……….. men annars så kommer den automatiskt ifall man infogar en bild………verktyget då.

Det ni behöver, det ni gör det är att ta stilmallskoden nedan och så går ni helt sonika in i stilmallen och lägger den längst ner och sen är det färdigt. Då kommer alla bilder som ligger i inlägget som har den här class=image inom citationstecken i sig, alltså i själva koden kommer att styras utav den här image-koden. Med den här image-koden då så kan ni ändra, ni kan ändra allt, ni kan ändra vilken färg det ska vara på skuggan. Det gör ni här på de här a och ni kan ändra färgen som är på själva bakgrunden, om ni tittar här så är det liksom inte helt vitt. Det kan man också ändra och det ändrar man då där och så kan man styra de här bilderna hur man vill egentligen. Det är ju bara att, vad heter det, att testa sig fram.

Vill man styra hur mycket rundad kant det är på dem då är det på de här radius man ska göra det, de är på fem pixlar just nu och man kan testa högre och man kan testa lägre. Det gör man som man vill.

Det var det jag skulle visa er idag så får ni ha det så bra. Hej hej.

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

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *