Tuo mieleen vanhan palstan kun erottaa viestit selkeämmin. No, kyllähän ne nykyiselläänkin erottaa mutta tuossa tulee vielä lisää erotustehoa. Tietyllä tapaa tuntuu rauhallisemmalta ja miellyttävämmältä lukea noin eroteltuna kuin nykyisenä yhtenä pötkönä.
1 tykkäys
Saisko nämä täysin valkoiset taustat pehmennettyä jollakin vaalealla, esim juuri tällä sinisellä samaan tapaan kuin .info-sivulla. Yöllä sängyssä selatessa kirkas valkoinen sattuu silmiin.
niin ja yläviesteihin liittyen tykkään myös laatikoiduista viesteistä.
@rommi, niin tämä kirjoitustausta? Se oli meillä täällä vähän pehmeämpi luonnonvalkoinen, mutta se aiheutti kritiikkiä huonosta kontrastista etusivulla, joten laitettiin takaisin 100% valkoiseksi.
Eli tässä olisi nyt kolme hyvän oloista patchia, joiden avulla saitti olisi kohtalaisen kustomoitu. Voisi tosiaan olla järkevää ottaa tuo Google Material ohjennuorkasi koska: A) Sitten on joku ohjenuora B) muutosten myötä tämä muistutaa enemmän Googlen omia tuotteita.
- Yläpalkin oranssi raita ja drop-shadow. Varjo ei taida nyt muuten olla Materialin speksien mukainen?
- Etusivun näkymään Material -varjo kiertämään otsikkolistausta kokonaisuudestaan
- Keskustelunäkymässä tuo yllä mainittu patch, jolla kirjoitukset irroitetaan toisesistaan ja Material-varjo laatikoiden alle.
Juurikin nämä kirjoitus taustat, en pidä ollenkaan täysin valkoisesta taustasta, koska yleensä selailen sivustoa lähinnä pimeässä ilta-yö aikaan. Mutta ylisen mielipiteen mukaan mennään.
Nyt kun katselen tuota info sivua niin siinä on yllättävän mielyttävä tuo tumemman ja vaalean sinisen vaihtelu viestien välillä. Jos viestien taustavärit olisivat mahdollisimman samanlaiset kuin info-palstalla, se laskisi muutosvastarintaa varmasti.
Kyllä toi kommenttisi kirkkaan valkoisesta on ihan oikea ja sitä oli tosiaan ennen juuri tästä syystä himmennetty. Voidaan himmentää uudestaa, mutta sitten pitänee keksiä etusivun tekstin kontrastiin jostain lisää potkua.
Laitoin himmennyksen takaisin. Tuollainen lämmin harmaa, joka on etäistä sukua paletin muille väreille.
Tää näyttää mun mielestä kyllä erittäin hyvältä. Selkeyttäis ja erottelis vähä noita viestejä.
1 tykkäys
Laatikkomalli vaikutti oikeen hyvältä…mutta kyllä oikeen hyvä on toi nykyinen viivalla erotettu.
Nykyisessä on kyllä tuon nappularivistönkin puolesta jo erottelua viesteissä… eli mulle käy molemmat.
Niin tuohon Ljpp:n CSS tuskaan, hyvin menee ja jatka vaan 
Ja se sininen on background color siinä koodissa joten värjää koko alueen ellei muulla peitetty…mää osaan kyllä lukea mutta en y h t ä ä n koodata.
Tekstialueen kirkkauteen yölukemisessa auttaa myös näytön kirkkauden säätö, siis olettaisin yleisesti näyttöjen olevan säädetty valaistuun ympäristöön ja valaisematon huone on poikkeava ympäristö. Tosin eikö noissa joissain laitteissa ole joatin automatiikkaakin…?
Ehditko @ozzi jossain välissä vielä tutkimaan, miten nuo CSS patchit saataisiin toimimaan yhdessä. Material designin mukaan sisältökortin korotus on 2px ja yläbannerin 4px.
Sitten tämä alkaisi olemaan ulkoasun puolesta aikalailla riittävän valmis. KILO:n logo kruunaa myöhemmin kokonaisuuden ja jatkan tuon etunäkymän sisällön kehittämistä – se voi olla, että se vaatii 1.5 version Discoursesta (Maaliskuu), mutta katsotaan.
Laatikko/kortti-erottelu voisi olla hyvä ainakin alkuvaiheessa, koska se eritystapa olisi ihmisille muualta tutumpi kuin yhtenäinen pötkö.
@ljpp Mitä tarkalleen tarkotat yhdessä toimimisella? Korttiasettelu ja etusivu? Vai mistä oli kyse?
Niin kun meillä on nämä 3 CSS patchia:
.Tappara_co_CSS_patchit_16122015.txt (1,3 Kt)
- Oranssin raidan ja varjon patchi toimii hyvin. Onko z-korkeus oikea?
- Laitojen taustaväritys vaalean sinisellä toimii yksistään hyvin mutta…
- Jos laitan tuon kolmannen, eli keskustelun laatikoivan ja kohottavan patcin, niin sininen taustaväri leviää etusivulla sisältöalueelle.
Sitten puuttuu vielä toi kokeilemasi patch, joka tekee varjostuksen etusivun sisältöalueen ympärille.
Nojoo, voin mä jossai välissä koittaa noita vaikka illalla.
Koitin vähän noita kuplajuttuja, se on ehkä vähän hankala.
Jos kuplat on valkoisia ja tausta harmaa, “valuu” se taustaväri myös etusivulle niin kun @Ljpp kuvissa olikin. Tuo on sinänsä pakollinen paha koska se on vielä oudompi jos taustaväri muuttuu sivujen välillä. Koitin erilaisia kombinaatioita ja tuosta on aika vaikea saada hyvän näköstä kokonaisuutta vaikka kuplat näyttäisikin hyvältä. Melkein sitten kaikki pitäisi olla kuplia, eli myös etusivulla ketjuvalikko pitäisi olla yksi iso kupla.
Yksi suht asiallinen on jos taustaväri on valkoinen ja kuplat harmaita. Tällöin etusivu olisi Discoursen oletusten mukaisesti kokonaan valkoinen.
Kuplat aiheuttaa myös sen että neliö-napit näyttää vähän oudoilta kun kuplat on pyöräreunaisia. Pitäisi melkein tuon Material design linkin mukaiset napitkin sitten tehdä. Tähän tyyliin siis
Yhteenvetona siis jos halutaan kuplat niin pitäs tehä melkeen tuon Material desing jutun mukaan koko homma jossa kaikki on kuplia, ei vaan keskustelu. Se kyllä näyttäisi ihan kivalta.
Joo, se on tämä porukka kuka tuota Material Designia on Discourseen sovitellut:
Käyttävät aika rankalla kädellä modattua Discoursea ja beta-haaran huomattavasti uudempaa versiota kuin meillä. Ja mitä olen keskusteua seurannut, niin muutokset ovat sen verran isoja, että myös hajoilevat tämän tästä kun Discourse päivittyy vielä aika tiuhaan ja aika voimakkaasti.
Entä mitä olet mieltä, jos laittaisi vain parin pixelin korotuksen/varjon näille valkoisille sisältöalueille (kaikki näkymät), vai annetaanko olla näin. Taidat olla porukan ainoa CSS osaaja 
Joo tuo taitaa mennä vähän liian rankaks modaukseks. Kokeilin jotain ohutta borderia noihin reunoihin yläpalkin tyyliin mutta ne ei oikein istunut. Varjo toimi hyvin mutta se jotenkin sekoili sivua vaihtaessa. Kokeilen tuota vielä myöhemmin uudestaan.
No säädin vielä pikkuse. Tässä on mun mielestä aika harmoninen kokonaisuus.
@Ljpp CSS modaukset jos haluat noita koittaa
- Taustaväri on #E6E6E6 joka ei ole ihan niin sininen ku nykynen. Mun mielestä vähä rauhallisempi ja lämpimämpi. Sinistä kuitenkin on jo muualla.
- Sama box shadow on laitettu tuolle keskipalstalle eli
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);Tuo toimii ihan hyvin, mulla oli se väärässä elementissä niin se sekoili
1 tykkäys
Tai itseasiassahan tuossa keskipalstassa ei ole väliä v-shadowilla eli box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
Ja tuota blurria (nyt siis 8px) voi säätää oman maun mukaan sitten. Toimii se ihan hyvin esim 10px arvollakin, pikkusen vahvempi.
Eli mihin elementtiin tuo pitää kohdistaa (CSS kokonaisuudessaan)? Tuo esittämäsi vaalean sinisen sävy on itseasiassa omaan silmään sinisempi kuin nykyinen. Mutta ihan hyvä väri sekin, ehkä lähempänä jään väriä - koitetaan.