Miten io-tech paremman näköiseksi?

[living_death]

Kaikkia ehdottamiasi asioita pystyy mahdollisesti muuttamaan ja laitan nämä asiat todo-listalle.

Muokkasin vielä tänään "Premium" ylänavigointia hieman tyylikkäämmäksi.

 

[copter]

@living_death, Loistavaa!

 

[living_death]

Uudesta lukemattomasta viestistä kertova indikaattori muokattu uusiksi. Onko näin hyvä?

 

[copter]

Uudesta lukemattomasta viestistä kertova indikaattori muokattu uusiksi. Onko näin hyvä?

Voisi siinä ehkä jotain väriä olla että erottuisi paremmin, muuten mielestäni oikein hyvä. Ehkä tumman vihreää taikka vaaleampi harmaa tuosta tuolla pallolla kuin ympärillä tms?

 

[living_death]

Voisi siinä ehkä jotain väriä olla että erottuisi paremmin, muuten mielestäni oikein hyvä. Ehkä tumman vihreää taikka vaaleampi harmaa tuosta tuolla pallolla kuin ympärillä tms?

Mitä jos korvaisin UUSI tekstin jollain aiheeseen sopivalla Font Awesome ikonilla tai vaihtoehtoisesti erillisellä pikkukuvalla?

Palluran taustavärissä ajattelin käyttää samaa vihreää jota on avatarin ympärillä kun joku käyttäjä on paikalla ja online -tilassa.

Yritän aina löytää samoja värejä eri elementteihin joita on käytetty muualla sivustossa, ettei ulkoasu mene ihan sillisalaatiksi.

 

[copter]

Kuullostaa hyvältä. Heitin vain ajatuksia, nyt tuo UUSI helposti hukkuu muun sekaan. Jos sulla on vihreät ja punaiset valmiina, niin sitten niitä voisi tuon UUSI lisäksi myös noissa myydään / myyty / ostetaan / ostettu jne kohdissa varmaankin.

 

[living_death]

Uunista tuli ulos hetki sitten lopullinen versio ylänavigoinnista.

Värjäsin myös uudesta lukemattomasta viestistä kertovan indikaattorin taustan vihreäksi ja fixailin paria muutakin pikkujuttua yleisessä leiskassa.

 

[living_death]

@living_death, Selasin tässä pikaisesti hieman sivustoa lävitse tällä teemalla niin pari asiaa osui omaan silmään.

1. Jos viesti on lyhyempi kuin viestin vasemmalla puolella oleva jäsenpalkki, niin alue jossa on tykkäykset sekä allekirjoitukset keskittyy vertikaalisesti keskelle. Saisiko tämän joko ylös taikka alas, koska se että se "leijuu" siinä välissä näyttää hieman hassulta.
2. Otsikoiden etuliitteet Ostetaan/Vaihdetaan/Ostettu jne ovat kaikki alkuperäisillä väreillä ja mielestäni ponnahtaa aivan liian kirkkaina tummasta taustasta. Sama koskee myös viestiketjuissa "Uusi" merkittyjä viestejä oikeasssa yläkulmassa.

Pystyykö näitä muuttamaan?

Nyt olisi prefixit (viestien etuliitteet) purkattu tummemmiksi ja samalla muutin fontiksi 'Roboto',Helvetica,Arial,sans-serif sekä tekstit näkymään ISOILLA kirjaimilla.

Tuossa 1. kohdassa saattaa mennä vielä tovi ennen kuin saan testailtua uusia vaihtoehtoja.

 

[copter]

Nyt olisi prefixit (viestien etuliitteet) purkattu tummemmiksi ja samalla muutin fontiksi 'Roboto',Helvetica,Arial,sans-serif sekä tekstit näkymään ISOILLA kirjaimilla.

Ah! This pleases my eyes!

 

[living_death]

@living_death, Selasin tässä pikaisesti hieman sivustoa lävitse tällä teemalla niin pari asiaa osui omaan silmään.

1. Jos viesti on lyhyempi kuin viestin vasemmalla puolella oleva jäsenpalkki, niin alue jossa on tykkäykset sekä allekirjoitukset keskittyy vertikaalisesti keskelle. Saisiko tämän joko ylös taikka alas, koska se että se "leijuu" siinä välissä näyttää hieman hassulta.

Nyt allekirjoituksen ei pitäisi enää "kellua" liian korkealla sellaisissa viesteissä joihin on kirjoitettu lyhyt viesti?

Muutoksen myötä lyhyittenkin viestien "laatikot" ovat vähintäänkin saman korkuisia kuin kuvassa olevalla nouspa käyttäjällä, jolla on bannaus-, tukijäsen-, sekä tiiminauha. Korjataan tarvittaessa koodia jos vastaan tulee käyttäjiä jolla on enemmän kuin kolme userbanneria.

 

[living_death]

Allekirjoituksiin tuli update (poistin laatikon niiden ympäriltä ja korvasin sen yläreunuksella). Samanlainen yläreunus tuli myös tykkääjien yläpuolelle.

Breadcrumbin navigointikin sai samalla uuden ilmeen (ylempi kuva ennen muutosta ja alempi muutoksen jälkeen).

Nyt saa alkaa ehdottelemaan seuraavia siirtoja kun oma takki alkaa olemaan aika tyhjä

TechBBS - XenForo Dark Theme - Themes and Skins for Io-tech - userstyles.org

EDIT: Nämä on aika rumat muokkaamattomina, pitäisikö?

 

[Waldo]

Hyvältä näyttää. Ja joo onhan nuo aika kepulin näköiset..

 

[Taneli-]

Spoileri

Tuossa itselle mieleinen tumma Stylish teema FFlle joka ei riko mitään pikaisella kokeilulla. Toimii kun foorumin oma tumma teema valittuna.


@-moz-document domain("bbs.io-tech.fi") {

html > * {
background-color: #1f1f1f !important;
color: #dcdccc !important;
border-color: black !important;
}

a {
color: #efdcbc !important;
}

a:visited {
color: #cfac9c !important;
}

body input, body textarea, body select, body button {
background-color: #4f4f4f !important;
color: #dcdccc !important;
border: 1px solid black !important;
}

Sitten vielä suurennan tekstiä silmien rasituksen minimoimiseksi esim. tuolla Zoom Page niin näytää tuolta:

Alkuperäinen globaali teema joka siis tekee saman kaikille sivuille:
Dark zenburn global style - userstyles.org

Miksiköhän tuo ei toimi Chrome pohjaisilla? Jos joku osaa muokata tuon Chromelle niin voisi pistää jakoon.

Kiitoksia, näyttää oikein hyvältä ja käyttöön lähti!

 

[living_death]

Tänään olikin hyvä päivä. Ehdin päivittämään teemaa vielä kerran ja laittamaan äänestyksien palkit nykyaikaisemman näköisiksi

 

[copter]

Oikein hyviä muutoksia. Kiitoksia! Jos kaipaat lisää ehdotuksia, niin ylhäällä olevat Twitter & Facebook logot / napit voisi vaihtaa invertoituihin, eli esim:

http://deshnews.in/wp-content/uploads/2016/08/Twitter-for-iOS-finally-offers-a-dark-theme.jpg

http://logomecca.com/wp-content/upl...ckground_png_icon_vector_button_maker_and.png

 

[living_death]

Oikein hyviä muutoksia. Kiitoksia! Jos kaipaat lisää ehdotuksia, niin ylhäällä olevat Twitter & Facebook logot / napit voisi vaihtaa invertoituihin, eli esim:

http://deshnews.in/wp-content/uploads/2016/08/Twitter-for-iOS-finally-offers-a-dark-theme.jpg

http://logomecca.com/wp-content/upl...ckground_png_icon_vector_button_maker_and.png

Kiitoksia! Voisin oikeastaan vaihtaa ne toisiksi (kävi jo mielessä). Updatea tulossa ehkäpä jo tänään tai viimeistään huomenna

Huomasin, että @Sampsa oli ilmeisesti tänään vaihtanut YouTuben ikonin toiseksi ja se näyttää aika kolkolta kun siinä ei toimi enää laittamani mouse hover efektit kuten muissa ikoneissa.

EDIT: Siellä taitaakin olla Steam ikoni korvattu YouTubella.

 

[living_death]

En sitten malttanut olla käpistelemättä niitä, eli nyt olisi sitten tarjolla uudet someikonit.

Nyt vaan jäin miettimään, että tuliko niistä astetta liian isoja 48 pikselin kokoisina?

 

[copter]

On ne ehkä hieman isoja. Korkeus samaksi kuin io-tech TechBBS logossa?

 

[living_death]

On ne ehkä hieman isoja. Korkeus samaksi kuin io-tech TechBBS logossa?

Nyt someikoneilla on kokoa 32 pikseliä. Siitä jos pienentää, menee suttuisiksi.

Vaihdoin samalla uudet ikonit joissa ei ole varjostusta alareunassa.

Päivitin myös uudet screenshotit tänne: TechBBS - XenForo Dark Theme - Themes and Skins for Io-tech - userstyles.org

 

[Rebel]

Uusin päivitys on kerta kaikkiaan mannaa mun vanhoille silmille, Kiitos!

 

[copter]

Joo kyllä nyt alkaa olemaan aika loistava teema. Pari hieman pienempää juttua:

1) Alhaalla "Forum software by XenForo" jne teksti keskittyy vasemmalle?
2) Joku muistaakseni mainitsikin, mutta tuo "TechBBS - XenForo Dark Theme" glow grafiikka on kyllä aika ysärin näköinen.

 

[Sampsa]

Hehe kunnon retro tuo glow, itsekin tehnyt muistaakseni vastaavia joskus vuonna 1997 Adobe Photoshop 1.0:lla nettitutoriaaleilla. Täältä peukku SER-mieheltä

 

[living_death]

Hehe kunnon retro tuo glow, itsekin tehnyt muistaakseni vastaavia joskus vuonna 1997 Adobe Photoshop 1.0:lla nettitutoriaaleilla. Täältä peukku SER-mieheltä

Tämä on tehty netistä löytyvällä ilmaisella text shadow generaattorilla ja lisätty sieltä saatu css-koodi leiskaan

Voisihan sen poistaakin jo tässä vaiheessa turhana. Ollut lähinnä "puumerkkinä" teeman nimestä. Toisaalta sen tilalla voisi olla joku Make ATK Great Again yms. teksti retrofonteilla

 

[living_death]

TechBBS Make ATK Great Again!

 

[copter]

No nyt on hieno! Listailen taas lisää kun keksin asioita.

 

[living_death]

Joo kyllä nyt alkaa olemaan aika loistava teema. Pari hieman pienempää juttua:

1) Alhaalla "Forum software by XenForo" jne teksti keskittyy vasemmalle?
2) Joku muistaakseni mainitsikin, mutta tuo "TechBBS - XenForo Dark Theme" glow grafiikka on kyllä aika ysärin näköinen.

Korjasin vielä kun muistin tuon ykköskohdan.

 

[Riabo]

Mukavan oloinen tämä living_deathin tekemä teema. Pari ongelmaa vaan heti alkuun omaan silmään:

1. Tuossa oman avatarin vasemmalle puolelle ilmestynyt Ignore Threads by nobita teksti. Pitäisi kai olla jossain foorumin alakulmassa. (Voi tietysti johtua, että käytän vivaldin selainta)

2. Tykkäykset tulee mustalla palkilla. Saisi olla samalla pohjavärillä.

 

[copter]

3. Pääsivulla "Myydään" alakategorioiden perässä olevat "..." merkinnät on eri värillä kuin itse teksti ja mouse rollover toimii vain itse tekstiin (ilmeisesti ei ole pelkästään teemasta kiinni), joka muuttuu näiden pisteiden väriseksi kun hiiren vie päälle.

 

[living_death]

Kiitoksia!

Vivaldi selaimesta ei ole mitään halua ja siitä miten siinä toimivat tekemäni tyylitiedostot.

Firefox ja Chrome selaimissa ovat toimineet ainakin omien testien perusteella ongelmitta.

Sen verran kysyn, että olethan valinnut TechBBS teemanvalinnasta tumman teeman pohjalle? Näyttää nimittäin aika erikoisen tummalta / mustalta laittamasi screenshotin perusteella.

 

[living_death]

3. Pääsivulla "Myydään" alakategorioiden perässä olevat "..." merkinnät on eri värillä kuin itse teksti ja mouse rollover toimii vain itse tekstiin (ilmeisesti ei ole pelkästään teemasta kiinni), joka muuttuu näiden pisteiden väriseksi kun hiiren vie päälle.

Nämä tulevat @Sampsa virittämän teeman pohjalta ja en ole nähnyt syytä ainakaan vielä tässä vaiheessa muuttamaan niiden värejä toisiksi.

Itselläni ainakin (Firefox) näyttää myös mouse hoverit oikein. Saisitko laitettua screenshottia "bugista"?

 

[Riabo]

Sen verran kysyn, että olethan valinnut TechBBS teemanvalinnasta tumman teeman pohjalle? Näyttää nimittäin aika erikoisen tummalta / mustalta laittamasi screenshotin perusteella.

Oli näköjää Tumma teema black käytössä .

Silti jäi tuo nobita teksti tuonne

 

[copter]

Kyllä tuo "Ignore Threads by nobita teksti" näkyy itselläkin kun layouttia hieman leventää pääsivulla.

 

[copter]

Nämä tulevat @Sampsa virittämän teeman pohjalta ja en ole nähnyt syytä ainakaan vielä tässä vaiheessa muuttamaan niiden värejä toisiksi.

Itselläni ainakin (Firefox) näyttää myös mouse hoverit oikein. Saisitko laitettua screenshottia "bugista"?

 

[living_death]

Kyllä tuo "Ignore Threads by nobita teksti" näkyy itselläkin kun layouttia hieman leventää pääsivulla.

Erikoista. Omassa näytössä on 1920x1200 resoluutio ja vedin selaimen täyteen ruutuun ja painoin vielä F11, eli kioskmoden päälle ja en saa toistettua ongelmaa.

Otin vielä Adblockin pois ja ei sittenkään.

 

[copter]

Erikoista. Omassa näytössä on 1920x1200 resoluutio ja vedin selaimen täyteen ruutuun ja painoin vielä F11, eli kioskmoden päälle ja en saa toistettua ongelmaa.

Otin vielä Adblockin pois ja ei sittenkään.

Tarkistin developer modella niin itsellä tuo tulee heti kun ikkuna on yli 1250px leveä, eli layoutti pomppaa "isompaan" jossa myös vasemmalla puolella palkki. Näkyy ihan samalla tapaa kuin @Riabo screenshotissa, eli siinä sivupalkin ja päänäkymän välisessä alueessa.

 

[living_death]

No perhana! Testasin Firefoxilla sekä Chromella ja en saa samaa tilannetta aikaiseksi vaikka miten pienentäisin tai isontaisin ruudun leveyttä.

Lähden kohta hakemaan lapset kotiin, joten menee hetki kunnes pääsen taas tutkailemaan mistä voisi johtua (ehkä tuosta viimeisimmästä updatesta footerissa).

 

[copter]

No perhana! Testasin Firefoxilla sekä Chromella ja en saa samaa tilannetta aikaiseksi vaikka miten pienentäisin tai isontaisin ruudun leveyttä.

Lähden kohta hakemaan lapset kotiin, joten menee hetki kunnes pääsen taas tutkailemaan mistä voisi johtua (ehkä tuosta viimeisimmästä updatesta footerissa).

Eipä hätiä. Tulin itse juuri toimistolta kotiin ja koneella täällä tuota tekstiä ei näkynyt vaikka jokuseen otteeseen refreshasin ihan varmuudeksi, mutta teemasta oli vanhempi versio käytössä. Kun päivitin teeman, niin sitten tuli heti näkyville myös tällä koneella.

 

[living_death]

Voisitko koittaa ottaa koodista pois viimeisimmät updaten rivit ja kertoa auttoiko? On ihan alimpana koodissa.

Jos auttoi, niin keksin toisen tavan keskittää alimman footerin tekstit tai sitten annan olla niiden vasemmassa reunassa.

#copyright {
  float: none !important;
  margin: 0 auto !important;
}

 

[Riabo]

Voisitko koittaa ottaa koodista pois viimeisimmät updaten rivit ja kertoa auttoiko? On ihan alimpana koodissa.

Jos auttoi, niin keksin toisen tavan keskittää alimman footerin tekstit tai sitten annan olla niiden vasemmassa reunassa.

Itselläni toimi, kun poisti rivit. Kiitos

 

[living_death]

@Riabo kiitos kun testasit ja raportoit.

Uutta updatea pukkaa:

• alaosan copyright muotoilu poistettu joillakin käyttäjillä havaitun bugin vuoksi
  
• uudet viestit osiossa näkyvät tabit virkistetty nykyaikaan
• numeronavigointipainikkeita muokattu teeman yhteiseen värisävyyn sopivammaksi

TechBBS - XenForo Dark Theme - Themes and Skins for Io-tech - userstyles.org

 

[copter]

Toimii.

 

[living_death]

Kohta varmaan taas tulee userstyles.org sivustolla vastaa merkkirajoitus tyylitiedoston koossa. Tällä hetkellä koodissa on 950 riviä naputeltuna

Prefixien (viestien etuliitteiden) mouse hover efektit purkattu kuntoon ja muutettu "Huutokauppa" etuliitteen väriä tummemmaksi ja teemaan sopivaksi.

Vieläkö näitä viestien etuliitteitä on enemmän, että saisin kaikki kerralla kuntoon?

 

[copter]

Hyvältä vaikuttaa. Muutamia asioita jotka ovat tulleet mieleen / vastaan (taas):

1) Onko mahdollista muuttaa tuota oletus avataria tummemmaksi niiden osalta jotka eivöt ole moista asettaneet (nyt suhteellisen vaalea kysymysmerkki)?
2) Kun antaa kauppiaspalautetta, niin teksti on jostain syystä todella tummaa kommenttikentässä silloin kun kenttä on valittuna.

Joku muukin oli, mutta unohdin jo..

 

[living_death]

1) Tätä en pysty toteuttamaan. @Sampsa pitäisi mennä XenForon teeman avatars kansioon FTP:llä ja korvata nykyiset avatarit uusilla.

Ehdotuksena olisi tälläset avatarit:

XenForossa default avatarit sijaitsevat kansiossa: styles/<teeman nimi>/xenforo/avatars/

Jos @Sampsa olisi kiinnostunut vaihtamaan uudet avatarit, minulta löytyisi .zip paketti jossa on kaikki tarvittavat kuvat jokaisessa eri koossa.

2) Tähän perehdyn huomenna. Täytyy alkaa kohta laittamaan lapset nukkumispuuhiin.

 

[copter]

Varmaan vaalean teeman mukaan tehty tuo avatar. Jos vakio avatar ei voi olla teemakohtainen, niin silloin varmaan järkeintä että se on taustaltaan transparentti ja siinä vallitseva kuvio sellaisella värillä, joka toimii sekä tummalla että vaalealla taustalla.

Näin arvelinkin, mutta pitihän se silti heittää ilmaan.

 

[living_death]

Olisin vaihtanut käyttäjien oletusavatarit aikoja sitten, mutta valitettavasti kaikkeen ei pääse käsiksi pelkästään css-koodia käpistelemällä.

Ylläpidän / olen rakentanut tämän kuoleman kourissa olevan XenForolla toteutetun foorumin, jossa olen tehnyt avatarien vaihdon juuri sellaisiksi kuin ehdotin Sampsalle. Simppeli ja nopea homma jolla saa foorumista huomattavasti siistimmän näköisen

 

[living_death]

Yksityisviestialueelta puuttuivat painikkeet (6kpl), mutta ei puutu enää.

 

[copter]

Asiasta viidenteen, niin onko muuten tuossa Stylish plugarissa jotain asetusta jolla sen saisi ilmoittamaan kun päivitys on saatavilla? Nyt oma prosessi menee siten että kun tähän ketjuun tulee päivitys niin menen klikkaamaan "check for update" tms ja saan sen sieltä, mutta pystyykö tuota plugaria konffaamaan jotenkin hieman aktiivisemmin tarkistamaan päivityksiä?

 

[living_death]

Täytyy kokeilla tätä (olettaen, että käytät Firefoxia). Itselläni asetuksena oli "oletus" ja vaihdoin sen "Päällä" -asetukseen.

 

[living_death]

Hyvältä vaikuttaa. Muutamia asioita jotka ovat tulleet mieleen / vastaan (taas):

2) Kun antaa kauppiaspalautetta, niin teksti on jostain syystä todella tummaa kommenttikentässä silloin kun kenttä on valittuna.

Kelpaako tämmöinen? Nostin fontin kokoa ja asetin sille väriarvon #f6f6f6 jota käytetään yleisesti ympäri foorumia sekä poistin laatikoiden pyöristetyt reunukset.