Snygg ram runt en bild.

Snygga ramar kan man skapa själv om man kan lite css-kod. Saknar man den kunskapen så finns det mycket kod att hitta på internet. För att skapa ramen som jag har runt bilden ovan gäller det att skapa en kod som beskriver hur ramen skall se ut och sedan lägga in den i mallens css. Det här blogginlägget skall betraktas som enkel info hur jag gjorde mina ramar. Har du inte grundläggande kunskap i html/css rekomenderar jag att du inte följer detta exempel.

Mitt exempel ser ut så här. Koden lägger jag sist i mallens CSS.

.image_shadow { 
border-radius: 30px; 
box-shadow: 5px 10px 10px rgba(0,0,0, 0.5);
}

 

På de bilder jag vill ha denna ram lägger jag till <img class="image_shadow"
före bildens sökadress (url)
Detta lägger jag till genom att växla till "Källkod"
Skal då se ut som nedan kod för bilden ovan.

<img class="image_shadow" src="http://images.staticjw.com/web/9197/img-5845.jpg" alt="" width="400" />
16 okt 2014

Comments powered by Disqus