Edelliseen postaukseen tuli sen verran monelta tiedusteluja niin bannerin kuin päiväyksen keskittämisestä, että laitetaan tämä postaus hätiin saman tien. Ihan kiva on tosiaan postausten otsikkojen lisäksi saada nämä kaksi muutakin ojennukseen. :]
Päiväyksen keskittäminen toimii samalla ohjeella kuin edellisen postauksen otsikon keskittäminen. Koodi vaihdetaan vain tähän:
.date-header {
text-align:center;
}
Banneria saa puolestaan liikuteltua tällä koodilla:
.header-outer {
margin-left:0px;
}
Tämä lisätään jälleen samaan tyyliin mallin suunnittelutyökalun Lisää CSS -kenttään, minkä jälkeen nollan tilalle voi vaihtaa ihan kokeilemalla oikean numeron. Voit siis liikuttaa banneriasi myös muuhun kohtaan kuin keskelle.
Voit tehdä muutoksista vain toisen tai vaihtoehtoisesti molemmat samalla kertaa, jolloin saat copypeistattua koko rimpsun suoraan tästä:
.date-header {
text-align:center;
}
.header-outer {
margin-left:0px;
}
Toivottavasti saatte toimimaan! Hei ja jos haluatte, voitte jättää kommenttilaatikkoon muita muokkausaputoiveita - poimin niistä sitten muutaman omien kykyjeni rajoissa tuleviin Blogger-vinkkipostauksiin.
Kiitos taas! :)
ReplyDeleteOle hyvä! :)
DeleteHei
ReplyDeleteIhan mielettömän hyvä neuvo ja vinkki!!
kiitos!
Kiva, jos oli iloa!
DeleteKuinkahan monesti olen tuota yrittänyt ymmärtämättä, mistä se tehdään. KIITOS! tiedätkö, miten tuoton bannerin reunaan saa kuvan?
ReplyDeleteTee koko banneri jollakin kuvankäsittelyohjelmalla esim. jpg-muotoon teksteineen ja kuvineen päivineen ja tuo se yhtenä kuvatiedostona tuon tekstin tilalle. Ulkoasu->muokkaa (ylätunnisteen alareunassa)->lisää kuva. Ja muista painaa täppä kohtaan "otsikon ja kuvauksen tilalla".
Deletevoi kiitos! minäkin olen tämän ongelman kanssa paininut usein, joten tästä oli todella paljon apua!
ReplyDeletejoten todella paljon kiitoksia vielä!!
Eipä mitään! Kiva, että pystyin olemaan avuksi. :)
Deleteminkä kokoisina sun kuvat on?
ReplyDeleteErittäin suurina. Kuulostaa näsäviisaalta, mutta siis bloggerin asetuksista "erittäin suuri".
Deletekiitos ♥
ReplyDeleteOle hyvä. <3
DeleteKiitos avusta! :) Do you also know how to make a header banner (image) that strectches from the left magin to the right?
ReplyDeleteDo you change the width of the figures or how do you manage to get them the same size when you e.g. have two in a row? (it's ok to answer in Finnish :)
You're welcome! No problemos to answer in English. :) Mm, I'm not sure what you mean...? Doesn't work if you increase the banner image size to extend from margin to margin?
DeleteYes, I change the sizes manually so that the pics fit to my page. The width I use is "Erittäin suuri" (don't know what is it in English version, something like "Very large").
Thanks, I will try this! :-) Nice with advice about blogging, hope you post more! :)
DeleteHei kiitti! Joka kerta blogia avatessa tätä miettinyt! :)
ReplyDeleteOle hyvä! :)
DeleteVoi kiitos tooosi paljon! Tämän ongelman kanssa oon tapellut kuukausia, ja nyt sain blogin bannerin keskitettyä. KIIIITOOOS NIIIIIN PAAAALJON <3 :)
ReplyDeleteEi mitään! :) Piristävä kommentti! :D Mahtavaa, että tästä oli apua.
DeleteOlet taivaan lahja minulle epätoivon vallassa riutuvalle bloggarille. Kiitos.
ReplyDeleteHaha! :) Ole hyvä! Lisääkin on tulossa ja toiveita voi esittää. :)
DeleteMiks mä en saa tuota onnistumaan :(
ReplyDeleteHöh, mistä lie johtuu? :/ Harmi. Onko sulla mikä Bloggerin pohjista käytössä?
Deletemä keskitin otsikon eka ja sitteku keskitin päivämäärän nii molemmat ''lähti'' ettei ne ennnää oo keskellä....:d
ReplyDeleteSMILE-YOU-CAN-DO-IT.BLOGSPOT.COM
Hmm, kummaa. Koititko laittaa ne tuonne CSS:ään molemmat uudestaan?
Deletekiitos, oli todellakin apua! :)
ReplyDeleteIhanaa kun joku jaksaa auttaa pulassa olevia(;
http://villasukkamagiaa.blogspot.fi/
Ole hyvä vain! :)
DeleteIhanaa minä sain nyt bannerin keskelle. Kiitos hyvästä ohjeesta
ReplyDeleteLoistavaa! Hyvä, että toimi!
DeleteKiitos hirveesti, oon ettiny tähän ohjetta! <3
ReplyDeleteLumipuuteria.blogspot.fi
Ollos hyvä! :))
DeleteKiitos tosi paljon tästä ja edellisen postauksen ohjeista! <3 Ihanaa että joku jakaa tyhmille selkeitä neuvoja :3
ReplyDeleteEiku viksuille, jotka ei jaksa käyttää ylimääräistä aikaa koodinpätkien parissa. :-)
DeleteKiitos paljon Kaisa! :)
ReplyDeleteKokeilin omassa blogissa - toimii...
Hienoa! Ole hyvä!
DeleteOon jo hirveän pitkään miettinyt, miten nuo kaikki tekstit ja kuvat tonne reunoille saa nuilla hienoilla fonteilla. Sulla ne näyttää tosi kivoilta, osaisitko auttaa mua? :D
ReplyDeleteSuurin osa fonteista on mulla ihan Bloggerin omia -> kannattaa leikkiä mahdollisimman monen fontin muotoilulla ulkoasun muokkaustilassa (koko, väri ja vahvuus, niin löytyy paras kombinaatio). Lisäksi nykyisin on mahdollista ladata Googlen webbifontteja myös bloggeriin (http://www.codeitpretty.com/2013/02/how-to-install-google-web-fonts-on-your.html) ja tietenkin voi aina käyttää kuvatiedostoja otsikoiden tilalla. Itse kokeilin Googlen fontteja, mutta huomasin, ettei kaikki selaimet toistaneet niitä samalla tavalla, joten annoin olla. Tsemppiä muokkaukseen!
DeletePelastit niin mun päivän! :) Oon löytänyt jatkuvasti ohjeita, joista mulle ei oo ollut apua. KIITOS!!
ReplyDeleteOle hyvä! :))
DeleteKIITOS todella paljon! <33
ReplyDeleteOle hyvä! :)
Delete