Jeg har jo haft runde hjørner på bloggen siden ‘tidernes morgen’. I starten lavede jeg dem manuelt i Photoshop, så fandt jeg et action, som kunne klare det for mig i Photoshop. Begge metoder virkede ok, men de var altså lidt omstændige og jeg ville egentlig godt have at jeg ikke behøvede forbi Photoshop eller et andet program i den stil. Så jeg trævlede nettet igennem for at finde en lettere måde. For et par år siden fandt jeg hvad jeg søgte. Hvorfor jeg ikke har nævnt- og vist det før her på bloggen, ved jeg egentlig ikke, men bedre sent end aldrig.
Metoden er ganske simpen og består af en kode som man bare smider ind i sit style sheet.
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10pxx;
border-radius: 10px;
Det smarte ved denne kode er, at jeg bare kan uploade billederne helt og aldeles som firkantede billeder, præcis som kameraet tager dem og så klare bloggen resten af sig selv. Hvis man ønsker hjørnerne mere runde, så skal de 10 taller, der står ud for hver linje, bare ændres til hvad man nu synes.
PS: Hvis du klikker på mine billeder (inden for de sidste par år), og siger ‘Gem som’ så kan du åbne dem på din computer og se at de rent faktisk er firkantede.
UPDATE: Så lige, at det var i maj 2011 jeg satte ovenstående kode ind i mit stylesheet først gang – så det er så lige lidt mere end 2 år. 😉
16 kommentar
Mette
28. september 2014 at 12:47Man kan vel ikke bare smide det ind hvor som helst… det fungerer i hvert fald ikke i mit stylesheet.
Catarina
28. september 2014 at 15:42Jeg kan se at du har fundet ud af de. 😀
Liselotte
28. september 2014 at 12:47Jeg siger tak og implementerede det med det samme på min side, så jeg ikke længere behøver tænke på det 🙂
Catarina
28. september 2014 at 15:43Velbekomme Liselotte. 🙂
Det gør altså det hele meget lettere. 😀
Mette
28. september 2014 at 12:59Nå, jeg fandt ud af det – problemet er så bare, at der kommer runde hjørner på alle img koder 🙂
Catarina
28. september 2014 at 15:44Hvis du har flere forskellige img’er i din style sheet, eller kan dele dem i left, right, center og none – så kan du jo nøjes med at smide det på de tre første og lade none være for sig selv, så kommer det ikke på dem. 😀
Anne
28. september 2014 at 13:01Ved du om det fungerer i blogger…og hvad filan er stylesheet 😉
Catarina
28. september 2014 at 15:45Det vil jeg tro det gør Anne – style sheet er den fil hvor du kan styre hvilken størelse eks. overskriften og farverne skal være og derinde har du også et eller andet med img og det er der du skal smide det ind. Hvis du finder filen, kan du jo sende den til mig, så skal jeg nok kikke på det. 😀
Anne
29. september 2014 at 09:14Jeg vil kikke på det en dag hvor jeg ikke lige skal på arbejde om lidt 😉 jeg savner mine runde hjørner 😉
Catarina
29. september 2014 at 16:18Held og lykke med det Anne. 🙂
Mette
28. september 2014 at 17:08Yeees funker – tak for tippet. Nørd 😉
Catarina
28. september 2014 at 17:14Velbekomme ven. 😀
Celena
28. september 2014 at 18:28Cool trick… I am so boring on my blog: same old thing and mobile telephone pictures… You are inspiring me to get a good camera 😉 AND to post more often!!!!
Catarina
28. september 2014 at 18:45Hi hi, that can be at bit expensive Celena. 🙂
I just love to blog and I use the blog as a kind of diary. My blog is personal, but not all the private stuff is that going on with me and my family, are seeing he interface og the blog. I’m very causes not to bring my boys ore other in my privates fewer any “harme” with what I’m published. 🙂
Karin Abildhauge
1. oktober 2014 at 14:52Det er nørderi af stor kaliber 🙂 – Da jeg begyndte at kigge bag i lørdags forstod jeg pludselig mere, og hvor meget det trods alt minder mig om Basic (gammel programmering, vi var 32 i klassen, kun 8 bestod og jeg var altså så meget nørd at jeg bestod dengang 🙂 )
Jeg synes nu den er uhyggelig lang, så trætte øjne er ikke okay.
Catarina
2. oktober 2014 at 07:06Hi hi, som regel har sådan nogle ting det med at hive en masse andre ting med si 😀 Men det er jo også hyggeligt at sidde og nørde med, hvis man har tiden. 😉