BLOGGHJÄLP: Större visningsbild
Först måste du veta hur stor bilden får vara. Eftersom bilden ska ligga i sidkolumnen, så är det ganska logiskt att bilden måste anpassas till den.
Bredden på sidkolumnen är maxbredden på din bild. Höjden har däremot ingen betydelse, efter sidkolumnen är oändlig.
För att ta reda på bredden på sidokolumnen (kallas side i stilmallen), så går du in i design>stilmall>redigera stilmall.
Leta upp #side {. Det kan se ut som följande:
}
#side {
float: left;
width: 180px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #CCCCCC;
}
Den fetmarkerade texten visar sidkolumnens bredd (width). I det här fallet är den alltså 180 pixlar bred, vilket betyder att din bild inte får vara bredare än så.
2. Photoshop.
Lägg in bilden du vill ha i Photoshop och gå in i Bild>Bildstorlek... i menyn (Ctrl+Alt+S).
Se till att "Bibehåll proportioner" är ikryssad och skriv in bredden som du tog fram under förra punkten (i detta fallet 180) i fältet där det står bredd (logiskt).
Spara bilden.
3. Ladda upp.
Ladda upp bilden och ta dess url. (Beskrivning till det finns här).
4. Lägg in koden för din bild.
Följande kod tar fram en bild:
<img class="thumbnail" src="Klistra in bildens URL här" />
Leta upp det markerade området (som visas på bilden nedan) i kodmallen.
...och ersätt den koden med det jag tog fram ovan.
Spara och det är klart :)
10 Kommentarer
Vad fin blogg du har. ^^ Jag gillar de söta bilderna du har högst upp och i sidkolumnen. Har du själv ritat dom eller? :)
Förresten, chysst av dig att lägga upp tips på hur man gör sin blogg snyggare. :)
Ha det gött! /Anna:)
Väldigt snällt av dig att lägga ut blogghjälp ^^ en frågan bara, där man ska klistra in bildens url-adress, ska de vara i stilmallen eller kodmallen?
tack för all hjälp:D asbra :D
Jag har testat lägga in en bild både med denna kod du har nu & med en annan kod som jag såg på designadinblogg.blogg.se men det funkar inte med nån :/ Får inte in nån profilbild. Suck.. Och den är rätt storlek och allt..
Tack så mycket för hjälpen!
Jag måste bara säga att jag tycker att du har hur bra blogg som helst och jättesnygg design :D
typiskt att jag inte har photoshop då ;P men tack ändå :)
Himla bra tips du har här! Men har ett litet problem du kanske kunde hjälpa till med..? Min profilbild hamnar utanför till höger, har försökt på alla vis att få den till att lägga sig centrerat i spalten men vi kommer inte riktigt överens. Så om du har något förslag på vad jag ska ändra, skulle jag vara väldigt tacksam!
"Lagt den i" vad? Blev kanske nåt fel där..? :)
din blogghjälp ät bättre beskriven än designadinblogg
Alltså jag fattar inte... om bilden redan är stor, då vill jag ju inte göra den större i ps? hur ska jag göra?
