Postausta viime sunnuntain Teemu Linnan koulutuksesta ilmestyy jossain vaiheessa kunhan vaan saan ladattua videopätkät koneelle. Kuvien muokkaamisen kanssa on ollut viimeaikoina vähän ongelmia, kun en oikein ole saanut kalibroitua tän macin näyttöä mitenkään järkevästi. Että tiedätte jos kuvat näyttää hailakoilta tai alivalottuneilta, niin se ei toki ole ollut tarkoitus. Ei mulla muuta. Nautitaan hyvistä keleistä kun kerran sellaisia meille suodaan. :)
Ei hitsi miten saat tehtyä ton kuvan, mikä on tuossa otsikon vieressä, ja miten sen saa siihen? Tosihieno!!
VastaaPoistaKoodaamalla. Tässä tuo koodipätkä mikä määrittää postauksen otsikon ja miten oon sen kuvan siihen viereen koodannut:
VastaaPoistah3.post-title, .comments h4 {
font: normal bold 22px Neucha;
margin: .5em 0 0;
background: url(http://i.imgur.com/yvrAaxJ.jpg);
background-repeat:no-repeat;
height:48px;
padding:44px 0px 4px 200px;
z-index: 1;
}
Tossa kohtaa missä on "background" on sen kuvan linkki suluissa, jonka haluan taustaksi/viereen (imgur on tähän käyttöön tosi kätevä). Noi muut määritteleekin sitten vaan missä kohtaa kuva on, missä itse texti on jne. Oon tosi huono selittää tällasia, kysy jos jäi jotain epäselvää.
Mihin toi koodi laitetaan, ja teetkö ton kuvan jotenki erikseen. vai tuleeko automaattisesti kun koodaa tollaseks piirretyn näköseks?
VastaaPoistaBloggerissa malli > muokkaa html-koodia > sitten riippuen vähän mallista, mutta toi h3.post-title -teksti pitäisi löytyä kunhan tarpeeksi alas scrollaa.
VastaaPoistaKuvan oon itse tehnyt, se pitää siis ladata jonnekin kuvapalveluun nettiin että saat sen linkin siihen. (kokeile vaikka kopioida toi http://i.imgur.com/yvrAaxJ.jpg uuteen selaimeen niin näet että siinä on vaan se kuva).