TechBBS-foorumi päivittyi 2.3.3-versioon - Keskustelua ulkoasusta

[emagdnim]

Nyt lisäosan avulla liitetiedosto näkyy automaattisesti täysikokoisena kun vaan uppii sen ja lähettää viestin (ei tarvitse erikseen lisätä -> täysikokoinen):

Ehkäpä noiden nappien läpinäkyvyyttäkin voisi vähentää tai muuten muokata selkeämmin näkyväksi?

esim. "Lisää..."-nappi:

div.file-insert a.file-insertLink {
    color: inherit;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0px;
    padding: 10px;
    -webkit-transition: background .15s ease;
    transition: background .15s ease;
}

 

[et328]

Mihin viivat katosi ääriviivoista? Esim. uusien viestin listaus, ei enää näy vaakaviivoja viestien välissä. Eikä noissa alareunan sivunumeroissa ääriviivoja. Vaalea teema käytössä.

 

[sjii]

Ylimääräinen Synthwave-teema on jatkossa lisäetu tukijäsenille. Vakiona tarjolla on valittavaksi kaksi väriteema tumma ja valkoinen.

Mielestäni tuon pitäisi olla ennemminkin tämän TechBBS:n oletusulkoasuteema, joka entisestään vahvistaisi brändiä ja tunnettuutta.

 

[Asmola]

Mielestäni tuon pitäisi olla ennemminkin tämän TechBBS:n oletusulkoasuteema, joka entisestään vahvistaisi brändiä ja tunnettuutta.

Itselle tuo on luotaan ajava, vähän kuin 2000-luvun alun foorumit, jos tuli tuollainen vastaan niin aika nopeasti poistui sivulta. En siis suosittele. Vaalea ja tumma on asiallisia ja tuo ensisilmäyksellä mukavuuden tunteen, toisin kuin Synthwave.

 

[NiFa]

Saisiko noita ketjujen edessä olevia avataria jotenkin piiloon tai vaihdettua foorumin etusivullakin oleviksi puhekupliksi, kun nyt foorumi on tummalla teemalla jotenkin levottoman näköinen kun ketjujen edessä olevassa avatareissa on jos mitäkin väriä ja kuvaa?

 

[emagdnim]

Saisiko noita ketjujen edessä olevia avataria jotenkin piiloon tai vaihdettua foorumin etusivullakin oleviksi puhekupliksi, kun nyt foorumi on tummalla teemalla jotenkin levottoman näköinen kun ketjujen edessä olevassa avatareissa on jos mitäkin väriä ja kuvaa?

sivustoasetuksista "piilota avatarit".

 

[NiFa]

asetuksista "piilota avatarit".

Kokeiltu, ei toimi

 

[emagdnim]

Kokeiltu, ei toimi

Milloin kokeiltu? Juuri kokeilin ja toimi..

 

[NiFa]

Toimii viestiketjuissa, mutta meinasin, että esim. kun menet yk alueelle, niin kaikkien viestiketjujen edessä on avatarit, niin saisiko niitä piilotettua jotenkin?

 

[emagdnim]

Toimii viestiketjuissa, mutta meinasin, että esim. kun menet yk alueelle, niin kaikkien viestiketjujen edessä on avatarit, niin saisiko niitä piilotettua jotenkin?

Niijuu, totta. Jos ei xenforo tota mahdollista, nii ehkäpä vaikka näin stylus-lisäosalla:

div.node-extra-icon {
    display: none; /* tai mielummin visibility:hidden; */
}

 

[NiFa]

Niijuu, totta. Jos ei xenforo tota mahdollista, nii ehkäpä vaikka näin stylus-lisäosalla:

div.node-extra-icon {
    display: none;
}

Pitää kokeilla pöytäkoneella, kun pääsen koneelle, mobiiliinhan tuo ei auta, ja mobiilihan hyötyisi tuosta piilotus mahdollisuudesta ehkä jopa enemmän, jos sen saisi foorumisoftan kautta jotenkin tehtyä.

 

[Sampsa]

Avatarit saa piilotettua viestiketjuissa, mutta ei ketjulistauksessa (puukotus jo tuo viestiketjujen piilotuskin).

 

[Sampsa]

Kapea leveys vaihdettu 1300px -> 1250px, joka vastaa nyt yläbannerin leveyttä 1:1.

 

[pulatunnus]

Muokkauslaatikosta, nappula juttu iso käytettävyys harppaus vanhaan. Iso kiitos vaivan näöstä, ilmeisesti muitakin yleisiä parannuksia tullut vuorokauden sisään, mutta pari juttua vielä

Muokkauslaatikko välillä kasvaa sisällön lisääntyessä, mutta välillä ei, ilmeisesti jos liittänyt tekstiä niin jumittaa pieneksi.

Toinen

Jos tuo vaiha BB koodiin aktiivinen niin muut napit ei toimi, ja esim tuo luonnokset nappi ei toimi, mutta ilmeisesti siltä luonnokset tallentuu kun vihreä pallo vilahtelee. (eli luonnosta ei pysty poistamaan)

 

[Joonaspa]

Mielestäni tuon pitäisi olla ennemminkin tämän TechBBS:n oletusulkoasuteema, joka entisestään vahvistaisi brändiä ja tunnettuutta.

Tälle myös ääni täältä! Muita teemoja sitten maksaville käyttäjille.

 

[pulatunnus]

Mielestäni tuon pitäisi olla ennemminkin tämän TechBBS:n oletusulkoasuteema, joka entisestään vahvistaisi brändiä ja tunnettuutta.

Miten kohderyhmät ja käyttäjät. en tiedä ikähaitaria mutta ilmeisen paljon on iäkkäämpää, mikä ei automaattisesti tarkoita tylsää harmaata.

Yotube kanava vähän eri kohderyhmä, ja erilainen ulkoasu, no ilmeisesti osittain sen takia miten Googlen algortimit toimii ja mikä vetoaa sen kanavan käyttäjiin.

Tosin, voi myös lähetysä niin että harmaat vanhukset voisi olla valmiita maksamaan harmaasta tylsästä helpommin.

Yritin sanoa että tylsä harmaa/valee, niin onko se vakavampi, ulkoasua kuitenkin hiottu, eli eroaa ns paketista otetusta. Eikä räikeästi ristiriidasa itse sivustosta.

 

[Sampsa]

Mielestäni tuon pitäisi olla ennemminkin tämän TechBBS:n oletusulkoasuteema, joka entisestään vahvistaisi brändiä ja tunnettuutta.

Tälle myös ääni täältä! Muita teemoja sitten maksaville käyttäjille.

Tumma ja vaalea teema on tarjolla vakiona kaikille käyttäjille, maksaville käyttäjille on tarjolla lisäetuja.

 

[Sampsa]

Vaalea teema on kyllä haastava säädettävä, kun riippuu niin paljon käyttäjän näytöstä, kirkkaudesta ja kontrastista. Esim. itselläni tässä työkoneella näyttää todella hyvältä, mutta toisissa olosuhteissa isommalla kirkkaudella liian valkoiselta. Tumma teema tässä suhteessa helpompi säätää, joko lähes musta tai harmaa, molemmat ok.

 

[living_death]

Pyytäisin vielä arvioimaan, onko lukemattomien sekä luettujen otsikkojen paksuudet säädetty siihen viimeiseen määritykseen, koska ainakin allekirjoittaneen mielestä nykyiset näyttävät aika huonolta ja suttuisilta Firefox selaimella ja varmaan monella muullakin selaimella.

Parilla pienellä säädöllä saa näyttämään paremmalta tummassa teemassa ja vaaleaan täytyy sitten tehdä ainoastaan eri värimääritykset:

.is-unread .structItem-title {
  font-weight: 600 !important;
}

.is-unread .structItem-title a {
  color: #cecece !important;
}

.structItem-title {
  font-weight: 400 !important;
}

.structItem-title a {
  color: #9e9e9e !important;
}

Liitetyssä kuvassa on määritelty ehdotuksen mukaiset css-määritykset tummalle teemalle.

 

[Sampsa]

Pyytäisin vielä arvioimaan, onko lukemattomien sekä luettujen otsikkojen paksuudet säädetty siihen viimeiseen määritykseen, koska ainakin allekirjoittaneen mielestä nykyiset näyttävät aika huonolta ja suttuisilta Firefox selaimella ja varmaan monella muullakin selaimella.

Parilla pienellä säädöllä saa näyttämään paremmalta tummassa teemassa ja vaaleaan täytyy sitten tehdä ainoastaan eri värimääritykset:

.is-unread .structItem-title {
  font-weight: 600 !important;
}

.is-unread .structItem-title a {
  color: #cecece !important;
}

.structItem-title {
  font-weight: 400 !important;
}

.structItem-title a {
  color: #9e9e9e !important;
}

Liitetyssä kuvassa on määritelty ehdotuksen mukaiset css-määritykset tummalle teemalle.

Nuo paksuudet on Xenforon vakioteemaa vastaavat, kun niitä kavennettiin niin tuli valitusta ettei luetun ja lukemattoman ketjun ero näy riittävän selvästi. Tämä riippuu myös käytettävistä väreistä, jos halutaan saavuttaa räikeän sijaan enemmän hienostunut ulkoasu niin värit ovat melko lähellä toisiaan ja erot pienenee. Joten mennään noilla foorumikehittäjän vakioilla.

 

[Low Life]

Pyytäisin vielä arvioimaan, onko lukemattomien sekä luettujen otsikkojen paksuudet säädetty siihen viimeiseen määritykseen, koska ainakin allekirjoittaneen mielestä nykyiset näyttävät aika huonolta ja suttuisilta Firefox selaimella ja varmaan monella muullakin selaimella.

Parilla pienellä säädöllä saa näyttämään paremmalta tummassa teemassa ja vaaleaan täytyy sitten tehdä ainoastaan eri värimääritykset:

.is-unread .structItem-title {
  font-weight: 600 !important;
}

.is-unread .structItem-title a {
  color: #cecece !important;
}

.structItem-title {
  font-weight: 400 !important;
}

.structItem-title a {
  color: #9e9e9e !important;
}

Liitetyssä kuvassa on määritelty ehdotuksen mukaiset css-määritykset tummalle teemalle.

Tämä näyttää kyllä huomattavasti paremmalta kuin nykyinen omassa selaimessa.

 

[Sampsa]

Hyviä uutisia, löysin keinon säätää css:ssä yksittäisiä elementtejä niin ettei se vaikuta samalla teeman molempiin style variaatioihin eli tummaan ja vaaleaan:

.m-colorScheme(dark,

.m-colorScheme(light,

@living_death nyt tummassa teemassa käytössä tuo ylempi määritelmä ketjulistaukseen lukemattomiin / luettuihin

Sama muokkaus tehty myös muihin teemoihin.

 

[Paapaa]

@living_death nyt tummassa teemassa käytössä tuo ylempi määritelmä ketjulistaukseen lukemattomiin / luettuihin

Jes, tämä parempi kuin aiempi

 

[Nightuser]

Kapea leveys vaihdettu 1300px -> 1250px, joka vastaa nyt yläbannerin leveyttä 1:1.

Jokin tässä nyt menee pieleen vaikka kapeampi onkin parempi. Voisi olla vieläkin pikkuisen kapeampi että olisi sama kuin muissa Xenforo foorumeissa.

Menee laatikot vähän piiloon ja muutenkin häviää tuo musta tausta jotenkin oudolta.

Kuvia pienennetty ylhäältä tarkoituksella että kirjanmerkkipalkki ei näy jne.

1250px

1300px

 

[living_death]

Hyviä uutisia, löysin keinon säätää css:ssä yksittäisiä elementtejä niin ettei se vaikuta samalla teeman molempiin style variaatioihin eli tummaan ja vaaleaan:

.m-colorScheme(dark,

.m-colorScheme(light,

@living_death nyt tummassa teemassa käytössä tuo ylempi määritelmä ketjulistaukseen lukemattomiin / luettuihin

Sama muokkaus tehty myös muihin teemoihin.

Mahtavaa ja kiitos vaivannäöstä!

Nyt fontit näyttää hyvältä.

 

[Lassivv]

Onkos muilla samaa mielipidettä että varsinkin mobiilissa "ilmoitukset" valikon luetun ja lukemattoman ketjun kontrasti ero on liian pieni? Saisi mielestäni erottua huomattavasti selkeämmin.

Tuossa zoomatussa screenshotissa ei näytä niin pahalta, mut kokonaisuutena katsellen on mielestäni aika epäselvä tuo lukemattoman/lueton ero.

 

[Nightuser]

Onkos muilla samaa mielipidettä että varsinkin mobiilissa "ilmoitukset" valikon luetun ja lukemattoman ketjun kontrasti ero on liian pieni? Saisi mielestäni erottua huomattavasti selkeämmin.

Tuossa zoomatussa screenshotissa ei näytä niin pahalta, mut kokonaisuutena katsellen on mielestäni aika epäselvä tuo lukemattoman/lueton ero.

Hyvin ne nyt erottuu. Ennen ei erottunut niin hyvin.

 

[null]

Jokin tässä nyt menee pieleen vaikka kapeampi onkin parempi. Voisi olla vieläkin pikkuisen kapeampi että olisi sama kuin muissa Xenforo foorumeissa.

Menee laatikot vähän piiloon ja muutenkin häviää tuo musta tausta jotenkin oudolta.

Kuvia pienennetty ylhäältä tarkoituksella että kirjanmerkkipalkki ei näy jne.

1250px

1300px

Sieltä on "padding" hävinnyt sivuilta johonkin.

 

[Sampsa]

Jokin tässä nyt menee pieleen vaikka kapeampi onkin parempi. Voisi olla vieläkin pikkuisen kapeampi että olisi sama kuin muissa Xenforo foorumeissa.

Menee laatikot vähän piiloon ja muutenkin häviää tuo musta tausta jotenkin oudolta.

Kuvia pienennetty ylhäältä tarkoituksella että kirjanmerkkipalkki ei näy jne.

1250px

1300px

Sieltä on "padding" hävinnyt sivuilta johonkin.

Tausta vaihdettu nyt mustaksi niin pitäisi näyttää normaalilta.

 

[Sampsa]

Onkos muilla samaa mielipidettä että varsinkin mobiilissa "ilmoitukset" valikon luetun ja lukemattoman ketjun kontrasti ero on liian pieni? Saisi mielestäni erottua huomattavasti selkeämmin.

Tuossa zoomatussa screenshotissa ei näytä niin pahalta, mut kokonaisuutena katsellen on mielestäni aika epäselvä tuo lukemattoman/lueton ero.

Näitä säädetään vielä lisää, varsinkin näissä oli tämän uuden teeman style variationsin kanssa haastetta.

 

[Juhanator]

Microsoft Edgellä (Versio 129.0.2792.52) kun selailen, tulee tuollainen välillä "kummittelemaan", ei ole klikattava linkki ja jossain kohtaa se häviää. Pikkujuttu sinällään, mutta muutaman kerran pistänyt silmään ja ilmenee aina vain tuossa "pelit, pc-pelaaminen ja pelikonsolit"- kohdassa .

Liittyykö sitten omiin asetuksiini, vaiko a bug.

 

[FlyingAntero]

Microsoft Edgellä (Versio 129.0.2792.52) kun selailen, tulee tuollainen välillä "kummittelemaan", ei ole klikattava linkki ja jossain kohtaa se häviää. Pikkujuttu sinällään, mutta muutaman kerran pistänyt silmään ja ilmenee aina vain tuossa "pelit, pc-pelaaminen ja pelikonsolit"- kohdassa .

Se tarkoittaa, että kyseisen alueen viimeisin viesti on ketjussa, joka sinulla on ignoressa. Varmaan suomennetaan jossain vaiheessa.

 

[Juhanator]

Se tarkoittaa, että kyseisen alueen viimeisin viesti on ketjussa, joka sinulla on ignoressa. Varmaan suomennetaan jossain vaiheessa.

Tämä selvä, olikin siis ihan ominaisuus.

 

[Gryph]

Luetut ja ei luetut on muuttunut mutta ei kaikissa osioissa. Ei näe eroa luetut ja ei luetut viestit niin hyvin enää.

Viihde-elektroniikka, audio ja kamerat​

Hyvät tarjoukset​

 

[NiFa]

Niijuu, totta. Jos ei xenforo tota mahdollista, nii ehkäpä vaikka näin stylus-lisäosalla:

div.node-extra-icon {
    display: none; /* tai mielummin visibility:hidden; */
}

En jostain syystä saa tuota toimimaan, tai sitten en vaan osaa.

 

[emagdnim]

En jostain syystä saa tuota toimimaan, tai sitten en vaan osaa.

Juu toi oli vaa esimerkki foorumin etusivulle. Esim. alueille ketjujen listauksessa luokka on .structItem-iconContainer. Sit vielä oikean laidan laatikot .contentRow-figure

div.node-extra-icon, div.structItem-cell--icon, div.contentRow-figure {
    display: none; /* visibility:hidden, jos display: none; rikkoo layoutia */
}

 

[SUPERHAMSTERI]

Nämä hirveää. (macOS Sequoia, Safari)

Tässäpä näyttäisi olevan syypää, tuosta ei Safarin mielestä tule kunnollista hsl arvoa:

color: hsl(var(--xf-paletteColor4--h), var(--xf-paletteColor4--s), calc((var(--xf-paletteColor4--l) - 67%) * -100), var(--xf-paletteColor4--a));

CSS Muuttujathan on nuo:

--xf-paletteColor4--a: 1;
--xf-paletteColor4--h: 195;
--xf-paletteColor4--l: 9%;
--xf-paletteColor4--s: 87%;

 

[DjSunki]

Synthwave teemassa todella hankala erottaa uudet viestit vanhoista ilmoitusvalikossa. Tuohon kaipaisi taustoihin hieman enemmän värieroa.

Toivottavasti saa fiksiä, koska tämä ylivoimaisesti paras teema

 

[NiFa]

Juu toi oli vaa esimerkki foorumin etusivulle. Esim. alueille ketjujen listauksessa luokka on .structItem-iconContainer. Sit vielä oikean laidan laatikot .contentRow-figure

div.node-extra-icon, div.structItem-cell--icon, div.contentRow-figure {
    display: none; /* visibility:hidden, jos display: none; rikkoo layoutia */
}

Tuommoisen sain aikaiseksi Styluksella jossa pohjalla TechBBS Xenforo 2.1 greenify pienin muutoksin ja TechBBS Usability Plus, mietin saisiko tuon contentRow:n jotenkin ympättyä tuon greenifyn koodiin, kun en mielestäni löytänyt sitä sieltä?

 

[living_death]

Noista omista teemamuokkauksista kannattaisi varmaan postata tuonne ja jatkaa keskustelua siellä

Thread 'Miten io-tech paremman näköiseksi?'

22.10.2016

Uusi io-tech foorumi tuoksuu ja tuntuu hyvältä!

Silti se jostain syystä hieman kirvelee ja polttaa verkkokalvoja, jopa tummalla teemalla. Missä vika? Häikäsee, pomppii silmille, ahistaa...
Keskustelua aiheesta. Tässä ensimmäinen puheenvuoro.

Itse olisin mieltynyt enemmän allaolevaan säyseämpään värimaailmaan, jossa avatarit ois näkyvillä mutta eivät silti tulisi ihan päin näköä.

Mitä parannuksia muilla ois mielessä? Avaan keskustelun.

Aiheet:

Keskustelu:

Tuossa ohjeet teemojen...

• hrnr
• kauhistus teema ulkonäkö värimaailma
• Vastauksia: 209
• Osio: Yleistä keskustelua

 

[NiFa]

Noista omista teemamuokkauksista kannattaisi varmaan postata tuonne ja jatkaa keskustelua siellä

Thread 'Miten io-tech paremman näköiseksi?'

22.10.2016

Uusi io-tech foorumi tuoksuu ja tuntuu hyvältä!

Silti se jostain syystä hieman kirvelee ja polttaa verkkokalvoja, jopa tummalla teemalla. Missä vika? Häikäsee, pomppii silmille, ahistaa...
Keskustelua aiheesta. Tässä ensimmäinen puheenvuoro.

Itse olisin mieltynyt enemmän allaolevaan säyseämpään värimaailmaan, jossa avatarit ois näkyvillä mutta eivät silti tulisi ihan päin näköä.

Mitä parannuksia muilla ois mielessä? Avaan keskustelun.

Aiheet:

Keskustelu:

Tuossa ohjeet teemojen...

• hrnr
• kauhistus teema ulkonäkö värimaailma
• Vastauksia: 209
• Osio: Yleistä keskustelua

Enpä muistanut tuota ketjua, joten jatkan siellä.

 

[Mco]

Vaalea teema on kyllä haastava säädettävä, kun riippuu niin paljon käyttäjän näytöstä, kirkkaudesta ja kontrastista. Esim. itselläni tässä työkoneella näyttää todella hyvältä, mutta toisissa olosuhteissa isommalla kirkkaudella liian valkoiselta. Tumma teema tässä suhteessa helpompi säätää, joko lähes musta tai harmaa, molemmat ok.

Harkitsisin reunaviivojen pitämistä vaalessa teemassa. Auttaa noiden pienten erojen kanssa harmaan sävyjen välillä, jos reunaviiva on aavistuksen tummempi.

 

[Sampsa]

Tässäpä näyttäisi olevan syypää, tuosta ei Safarin mielestä tule kunnollista hsl arvoa:

color: hsl(var(--xf-paletteColor4--h), var(--xf-paletteColor4--s), calc((var(--xf-paletteColor4--l) - 67%) * -100), var(--xf-paletteColor4--a));

CSS Muuttujathan on nuo:

--xf-paletteColor4--a: 1;
--xf-paletteColor4--h: 195;
--xf-paletteColor4--l: 9%;
--xf-paletteColor4--s: 87%;

Olipas tuohon vaikea päästä kiinni, korjaantuiko ylänavi ja jos ilmnee jossain muissa elementeissä niin viitsitkö ilmoittaa? Kiitos.

 

[null]

Olipas tuohon vaikea päästä kiinni, korjaantuiko ylänavi ja jos ilmnee jossain muissa elementeissä niin viitsitkö ilmoittaa? Kiitos.

Ainakin näissä elementeissä on vielä ongelmia Safarilla.

 

[Sampsa]

Ainakin näissä elementeissä on vielä ongelmia Safarilla.

Korjattu(?)

 

[null]

Korjattu(?)

Kyllä, kiitos.

 

[null]

Korjattu(?)

Komento takas, eipäs korjaantunutkaan! Kokeilin epähuomiossa eri selaimella

 

[Yare]

Olipas tuohon vaikea päästä kiinni, korjaantuiko ylänavi ja jos ilmnee jossain muissa elementeissä niin viitsitkö ilmoittaa? Kiitos.

Navigaatio nyt mulla ainakin kunnossa, mutta sama ongelma jatkuu muualla, kuten esim. "lähetä" napissa, jota painan nyt.

 

[tennesee log jammer]

iOS Safarilla tuo Hyvät tarjoukset -alueen kuvassa näkyvä teksti näyttää tummalla teemalla vähän huonolta. Kuten nuo jo aiemmin mainitut elementit.

 

[Sampsa]

iOS Safarilla tuo Hyvät tarjoukset -alueen kuvassa näkyvä teksti näyttää tummalla teemalla vähän huonolta. Kuten nuo jo aiemmin mainitut elementit.

Jes, yhtä asiaa korjattu, toinen rikottu