Pieniä uudistuksia

Tehtiin muutamia pieniä uudistuksia blogin ulkoasuun. Linkit saivat nyt ihan oman palstansa hieman hankalan vaihtonappulan sijaan. Samalla sijoittelimme joitakin palasia hieman uudelleen. Facebook tykkäysnappi ilmestyi tuonne jo vähän aiemmin.

Ilmoitelkaa jos on ongelmia tai kummallisuuksia, tai muuten vaan vanha oli parempi. Katsotaan sitten mitä tehdään. Saa toki myös kertoa jos uudistuksilla mentiin parempaan suuntaan. :)

Hyvää viikonloppua!

9 kommenttia juttuun "Pieniä uudistuksia"

Leveä on…. liiankin… joutuu scrollaan sivuttainkin…

ef0p kommentoi 19/03/11, 0.48

Joo teidän ulkoasu on nyt 1070px leveä. Ei missään nimessä kannata mennä yli 1024px koska todella moni käyttää vielä sitä resoluutiota :)

Tuon avaruusasemablogin – kuvan saa kyllä aseteltua samalla tavalla myös ilman tuota paddingiä.

Esim näin:

#wrapper elementistä kokonaan pois tausta + padding

body elementtiin:

background:url(“images/avaruus.gif”) no-repeat scroll 124px 0 transparent <- vaihtakaa tuo transparent siihen taustavääriin joka haluatte koko sivulle (nyt teette sen kuvalla) esim #EFEFEF

Siitä vain viilailemaan :)

Nikke kommentoi 19/03/11, 9.41

Leveys ja sen tuomat ongelmat oli tiedossa, itse ei päästy missään pienellä näytöllä kokeilemaan niin laitettiin lukijoiden kokeiltavaksi. :) 13″ MacBookin näytöllä (1280×800) tämä oli ihan ok kuitenkin jo.

Taustaväri tehdään kuvalla ihan vaan sen takia, että sitä ei pysty css:llä tekemään niin, että ulkoasu skaalautuisi myös isoille mäytöille. Turhaa tyhjää tuolla sivuilla kyllä on ja pitää miettiä mistä nipistäisi sen 46 pikseliä + scrollauspalkin leveyden pois. :)

Mikko kommentoi 19/03/11, 10.50

70 pikseliä + turhat paddingit nipistetty pois. Nyt pitäisi olla 1000 px leveä ja toimia myös pienillä näytöillä. Voi vaatia sivun uudelleen latauksen (refresh), että muutokset tulevat näkyviin.

Mikko kommentoi 19/03/11, 11.27

Olen aika varma että sen kyllä saa tehtyä css:llä :)

Muuten jos kaipaatte apua eri resoluutioiden testaamiseen, niin tämä varmasti auttaa:

http://www.yournew.com/resolution_test.cfm#

Laita siihen vain haluttu resoluutio ja sivusto, niin avaa ikkunan joka vastaa sitä resoa :)

Nikke kommentoi 19/03/11, 15.31

ihan jees, mutta onko mainoksia jo liikaa ensi näkymässä? voisko esim. googlen mainoksen leipätekstin alta laittaa alemmas?

j kommentoi 19/03/11, 16.23

Nikke: Sitten en vaan osaa. :) Yritetty nimittäin on. Kiitos hyvästä linkistä.

j: Mainoksiin on tulossa muutoksia, niitä kun ei viitsi pitää blogia rumentamassa jos eivät mitään tuota. Jotain on kuitenkin pakko pitää, että saa kulut peitettyä.

Olen aivan samaa mieltä tuosta mainitsemastasi, vaikka normaalipituisen jutun kohdalla tuo leipätekstimainos ei kyllä tule näkyviin ekalle sivulle.

Mikko kommentoi 19/03/11, 16.36

Mainoksia, ai mitä mainoksia? Piti käydä katsomassa toisella selaimella mistä oli kyse ja onhan nuo aika silmiinpistäviä. Moni varmaan kuitenkin lukee blogeja feedien kautta tai käyttää mainosblokkereita, joten niiden funktio ei ehkä toteudu toivotulla tavalla. Ihan mielenkiinnosta, näettekö kuinka paljon liikennettä sivuilta lähtee mainosbannereiden linkkeihin?

Tiina kommentoi 22/03/11, 22.58

Juu meillä itselläkin on mainokset olleet aiemmin blokattu, mutta ihan sympatioista muita kohtaan nykyisin enää flash-mainokset blokkaantuu. Flash kun on toteutettu niin huonosti Macissä. Ja feedin kautta meitäkin aika paljon luetaan.

Mainoksista lähtevä liikenne kyllä nähdään ja se vaihtelee aika paljon mainostyyppien mukaan. Hillitymmät tekstipohjaiset Google-mainokset ei hirveästi ihmisiä houkuttele klikkailemaan, näyttävämmät (häiritsevämmät) mainokset kerää 3-5 kertaa enemmän kävijöitä. Sen enempää ei viitsi julkisesti statiikkaa avata, mutta aika pieni osa kävijöistä mainoksia klikkailee. Sen verran moni kuitenkin, että niitä kannattaa pitää. Niillä maksetaan webhotellin ylläpitokulut, sen jälkeen kun verottaja on vienyt puolet tuotoista.

Mikko kommentoi 22/03/11, 23.39