Lär dig Webbdesign - Runda kanter på bloggens bilder
.image {
padding-bottom:5px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 15px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
-moz-border-radius: 15px; /* FF1-3.6 */
border-radius: 15px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
Ni ser där det står "radius"? Om ni vill ha den runda kanten större eller mindre kan ni ändra värdet från 15 till en annan siffra. Glöm inte att ändra alla tre värderna. (Min kod är nog inte direkt uppdaterad; ni ser att den inte är anpassad för vissa webbläsares versioner. Jag tror dock inte att det är något problem, jag har inte märkt något själv!)
Tack, de ser mycket bättre ut nu på min blogg.
Och, jag la in den längst ner så de spelar ingen roll vart man lägger in den i stillmallen :)
Åh, tack så mycket att du ville skriva inlägget! Nu kommer jag slippa fixa det på varenda bild :D
Du glömde vad som antagligen är det viktigaste med en "webbdesignskola": att berätta om varför man skulle vilja ha rundade kanter. Vad ger det för intryck av sidan/sidans bilder? I vilka fall bör man ha rundade kanter? I vilka fall bör man inte ha rundade kanter? Det är väldigt designteoretiska frågor, men de känns som det som är viktigast att svara på i en sån här skola. Den tekniska implementationen är mer eller mindre bara en detalj, i jämförelse.
Hej! Det fungerade FÖRUT för mig men sen så togs det bort Automatiskt. Ja har försökt göra om det men det fungerar inte. Vet du vad problemet är?
Det funkar inte på min nya bloggdesign (som tydligen är samma som du har) så vart satte DU koden.
Det funkar fortfarande inte :(, förstår inte vad jag gör fel. Har ju lyckats på andra bloggdesigns.
Nej, jag andvänder inte kopiera och klistra in. Men när jag gjorde det förut på den förra designen så funkade det ändå.
Hej esme!jag har drivit en blogg på blogg.se en gång.den är borttagen nu.jag försökte med webbdesign men det funkade aldrig.
Tack så mycket! Det ser riktigt fint ut nu!
Hej oc tack för denna kod! Blev genast myket snyggare! Undrar dock hur man får runda hörn på bilderna i sidomenyn för bilderna där ändras inte med denna kod...:( Så hur ska man göra?
Jag har nyss bytt Design och skulle sätta in denna kod, jag tog innan bort alla andra .image koder så att dem inte skulle vara i vägen. Och klistrade sedan in koden. Men inget händer? Jag har googlat och googlat men hittar ingenting. Är det något fel på någon annan kod eller hur ska jag gå till väga?
Tacksam för svar :)
Vart ska man lägga in koden?