Etikettarkiv: ram

Fixa till en ram på bilder

Meh!NjaeOkejGrymtToppen! (1 röster, med ett snitt på: 5,00 av max 5)
Loading...
Som en del av er märkt, så försvann möjligheten till att lägga till ramar på era bilder i mediahanteraren i o m uppdateringen till WordPress 3.9. Det kan vara möjligt att de återinför det, men vilket som, får ni ett litet kodexempel på hur man kan göra ämdå.

Skärmavbild 2014-05-16 kl. 14.52.21

1. Börja med att ladda upp och infoga en bild, precis som vanligt.

Skärmavbild 2014-05-16 kl. 14.52.49

2. Växla från ”visuell” till ”text”-läget, som du hittar längst till höger i redigeringsfältet. Nu ser du koden bakom inlägget, i stället för det visuella.
Leta rätt på den infogade bildens kod genom att leta efter den kodsnutt som börjar med <img...

Skärmavbild 2014-05-16 kl. 14.53.41

3. Lägg nu till kodsnutten style="border: 10px solid #000;" så att det ser ut som det blåmarkerade på bilden ovan.

Skärmavbild 2014-05-16 kl. 14.53.50

4. Nu kan du gå tillbaka till det visuella läget, så har du en svart, 10 pixlar bred ram runt din bild.

Du kan givevis ändra antalet pixlar på ramen. Ju fler, desto fetare. Solid kan bytas ut mot dashed eller dotted, för streckad eller prickad linje och #000 mot någon annan färg, exempelvis #FFF för vitt.