Tumma teema kokeiltavana io-tech.fi

  • Keskustelun aloittaja Keskustelun aloittaja Sampsa
  • Aloitettu Aloitettu
Juu, näyttää hyvältä. :tup:
Joskus tuli vaihdettua BBS:n puoli tummaksi ja näyttää etusivukin paremmalta tummana. :cool:
 
Huomattavasti mukavampi lukea juttuja nyt, kiitos!:)
 
Fantastista. Nyt ei keksityhjennysten välillä tartte sitten rullata alas asti, kun on sitten ylhäällä jo teeman vaihto. Vaalea teema ei oikein sovi verkkokalvoilleni, kun mennään liikaa valoa kohden..
 
Tämä on tosi hyvä uudistus. Olisiko mahdollista tehdä tummaa teemaa tänne foorumi puolelle?
 
Hyvä on teema. Käyttöön meni.
Thanks ylläpidolle! :kippis:
 
PaskaTykki sanoi:
Tämä on tosi hyvä uudistus. Olisiko mahdollista tehdä tummaa teemaa tänne foorumi puolelle?
Napsauta laajentaaksesi...
Löytyy tuolta footerista:

upload_2017-6-16_10-10-24.png
 
Oho tosiaa jo löytyykin tumma alusta foorumille. Noh tulipa nyt pistettyä päälle.
 
Kokeiluun meni ja ihan hyvältä näyttää. Tuntuu jotenkin selkeämmältä ja silmätkin voi levätä kun ei oo liian kirkas tausta.
Taidankin pitää tämän tumman sitten vakituisesti.
 
Hyvä juttu! Pääsee luopumaan omasta lähes vastaavasta tyylistä.
 
9700 Pro sanoi:
Siinähän poltat silmäsi. :btooth:
Napsauta laajentaaksesi...

En tiedä millaisilla asetuksilla te näyttöjänne huudatatte (kirkkaus-asetuksen "100%" jälkeen löytyy vielä asetus "hitsari"?), mutta itse käytän kaikki sivut vaalealla taustalla eivätkä silmäni ole vielä koskaan palaneet. :geek:
 
Tätä odotettiin. Hyvä ainakin omasta mielestäni. :tup:
 
Sysop is god, all hail sysop

Välittömästi ja pysyvästi käyttöön
 
Hyvä että tuli myös etusivulle tuo tumma teema. Foorumissahan se oli heti alusta lähtien, jos muistan oikein.

Lähetetty minun D5803 laitteesta Tapatalkilla
 
Vihdoinkin! Oli jo muistaakseni tammikuussa ensihavainto tummasta teemasta, kun Sampsa ajoi jotain palvelimeen ja hetken alusta kuukahti ja esiin ilmestyi juuri se teema. Ylistin jo tuolloin sitä kauniiksi.:tup:

Nyt on mukavaa selailla öisin. Saisi muutkin kotisivut lähteä tummiin teemoihin.
 
Hyvältä näyttää.

Sellanen pieni ehkä että noihin uutisten otsikoihin voisi laittaa tumman tekstin ja jonkun vaaleamman tausta-barin(ei mitään räikeää)..tai sitten vaan hieman vaaleamman tausta-barin.Tossa kun valonnopeudella rullailee niin ei erota missä alkaa/loppuu uutinen.Hiiren rullaa on pakko käyttää aina täysillä.
 
Hyvältä näyttää.

OT:na, mitkä javascriptit pitää olla hyväksyttynä että näkyy io-tech.fi:ssä mainokset? Pitääkö doubleclick tai google analytics olla, niitä ei mielellään kyllä hyväksyisi. Adblockikin on pois tuosta mutta silti ei näy mitään
 
tomaattikauppias sanoi:
Oisko vaikea toteuttaa tiivistetympi versio selausvaihtoehdoksi? Tyyliin yhdellä klikkauksella tuo kuvituskuva olisi otsikon vasemmalla puolella suurena thumbnailina? Pelkät ostikot näkyisi linkkinä jutusta? Nykyään kun jengi on tottunut navigoimaan tehokkaasti omien kiinnostuksen kohteiden perässä ja melkein kaikki geneeriset saitit jo toimii niin.. (Youtube, Reddit..) Tää oli vasta toisena mielessä kun vierailin sivulla.

Ekana tuli ahdistus siitä etten erottanut mainosta ja sivun asiasisältöä toisistaan. Sekunti siinä meni. Se on tuo vaakapaneeli isoine kuvineen, joka antaa vaikutelman puolen sivun kokoisesta mainoksesta ensisilmäyksellä. Jos sen on oltava näin, niin sit se saa olla, mutta meikäläiseltä miinuspisteitä:(

Joskus kun alottelin murossa vieraileen ja rekisteröidyin, niin aloin seuraan Gameguru Mania - The Best Gaming News (GameGuru Mania)
Ja oon seurannut sitä lähes päivittäin reilu 18 vuotta :D Se ei ole juurikaan muuttunut ulkonäöllisesti tuona aikana.
Napsauta laajentaaksesi...

Uutisista olisi tulossa valittavaksi tälläinen VAIHTOEHTOINEN näkymä:

Artikkelit - io-tech.fi

(Niin kauan kuin se on minusta kiinni, niin uutiset ovat luettavissa kokonaisina) :tup:
 
Tummasta teemasta on puuttunut tiettyjen elementtien kohdalla vaaleasta teemasta tuttua kontrastia tai elementtien hoveroiminen tummalla teemalla ei tee cubic-bezier-liukuefektiä, joka on monessa otsikossa ja sivupalkin teksteissä.

Sivun ylhäällä on Kaikki - Tietotekniikka - Mobiili -valikko, johon kopsasin vaaleasta saman hover-käytöksen:

Koodi: 
.filtteri input[type=radio] + label:hover {
    border-bottom: 6px solid #4a899f;
    color: #2AB255;
}


Sivun varsinaisessa sisällössä eli uutisissa tagit erottuvat aika heikosti. Ei niitä tarvitse erityisesti mainostaa siellä, mutta ne on hyödyllisiä, jos haluaa mennä katsomaan arkistoja:

Koodi: 
.uutinen .avainsanat a, .arkisto-uutinen .avainsanat a {
    background-color: #043c4e;
}


Sitten se asia kuntoon, että kun hiiren vie jonkin klikattavan elementin päälle, sen tekstin väri liu'utetaan vihertäväksi. Lähdekoodia vilkaisin ja luulen, että tummalla teemalla teksti halutaan harmaaksi oletuksena ja siitä hoverilla vihreäksi. Ota !important-merkintä seuraavasta css-säännöstä pois lähdekoodista:

nimetön.png

Koodi: 
.style-light a {
    color: #c7c7c7;
}


Nyt voidaan sivupalkin tekstit laittaa oletukseksi siihen harmaan sävyyn, jossa se kirjoitushetkellä on - lisäksi myös hover-efekti toimii:

Koodi: 
.mobiili-uutiset .muutinen .tekstit a {
    color: #c7c7c7;
}
ul.tabilista li.tabilista-item a {
    color: #c7c7c7;
}
.style-light .widget-container a {
    color: #c7c7c7;
}
.widget.widget_rss ul li a {
    color: #c7c7c7;
}


******

Koko roska spoilerissa, jos haluaa testata ennen kuin menee tuotantoon, spoilerin sisällön kun kopsaa vaikka Stylish-selainplugariin ja muistaa käsipelillä käydä poistamassa yllämainitun !important-säännön, niin homman pitäisi toimia.

Koodi: 
/*****************  Vaakasuuntainen linkkipalkki *****************/
.filtteri input[type=radio] + label:hover {
    border-bottom: 6px solid #4a899f;
    color: #2AB255;
}

/*****************  Varsinainen sisältö *****************/
.uutinen .avainsanat a, .arkisto-uutinen .avainsanat a {
    background-color: #043c4e;
}
.style-light a {
    color: #c7c7c7; /* poista !important tästä säännöstä */
}

/***************** Sivupalkin tekstin värit *****************/
.mobiili-uutiset .muutinen .tekstit a {
    color: #c7c7c7;
}
ul.tabilista li.tabilista-item a {
    color: #c7c7c7;
}
.style-light .widget-container a {
    color: #c7c7c7;
}
.widget.widget_rss ul li a {
    color: #c7c7c7;
}
 
Viimeksi muokattu:
Sitten vielä valinnaisena, minun silmääni kivemman näköisena tweakkauksena, contentille yhtenäinen väri: tämä poistaa oikean sivupalkin ympäriltä reunan (vastaavasti voi myös harkita vaalealle teemalle tätä). Tämä tekee contentista aavistuksen vaaleamman kuin se nyt on.

Koodi: 
.row-container {
    background-color: #042632;
}
 

Liitteet

  • nimetön2.png
    nimetön2.png
    533,7 KB · Luettu: 33
Itse katselen sivua Samsungin PLS monitorilla suht kalibroituna, joten voin sanoa, että hieman voisi olla enemmän eroa noissa sivussa olevan pystylokeron (uutiset,mainokset yms.) taustan ja itse sivun taustan välillä, esim. jos uutisissa on vaalea kuva reunasta reunaan, tuo uutiseen/artikkelin alueen reuna tuossa oikealla on hieman häilyvä. Varmaan näyttää riittävän kontrastikkaalta jos pitää näytössä kontrastit yms. asetukset 100%, mutta ei näillä luonnollisilla asetuksilla.
 
Tumma on kyllä loistava. Lähtee käyttöön nopeasti. Tykkään muutenkin tummasta sävystä, koska vaalea liian kirkas...

djtob sanoi:
Nyt on mukavaa selailla öisin. Saisi muutkin kotisivut lähteä tummiin teemoihin.
Napsauta laajentaaksesi...
Olen samaa mieltä. Tuskin muut mediat lähtee mukaan. Harmi.
 
Vieläkun tekstin sais siniseks nii tällanen ruskettunu rasisti olis tyytyväinen.
 
Tumman teeman kommentointilaatikko voisi olla myös tumma, kuten täällä BBS:n puolella. Sitten alkais olemaan aika valmis. Eipä itse enää tule tuota vaaleaa käytettyä BBS:ssä taikka itse io-tech-sivulla. :tup:
 
Nyt vasta kävin artikkelien kimppuun kunnolla tummalla teemalla ja sama homma kuin tuossa kommentointilaatikossa, sisällysluettelon tekstin tyyli on vaihdettu, mutta tuo itse sisällysluettelo on edelleen vaalean teeman mukainen, eli eihän noita sivuja näe tuosta kauhean hyvin. o_O

iotech_tummasis.jpg
 
Hyvä teema, ei tarvitse etusivulla käyttää enää Deluminatea. Vielä kun tämän saisi myös foorumille ?
 
perato sanoi:
Sama myös Operalla. Ja kommenttikenttäki on aika kirkas vielä.
Napsauta laajentaaksesi...

Rantakemisti sanoi:
Hyvältä näyttää! Keskustelujen kommenttikenttä kaipaisi tummaa taustaa mutta muuta valittamista ei tule vastaan. :love:
Napsauta laajentaaksesi...

9700 Pro sanoi:
Ite kun nyt tarkemmin katoin ni helvetin hyvältä näyttää? Kommenttiboksi tosin melko kirkas, muuten jees.
Napsauta laajentaaksesi...

ANTI_L sanoi:
Tumman teeman kommentointilaatikko voisi olla myös tumma, kuten täällä BBS:n puolella. Sitten alkais olemaan aika valmis. Eipä itse enää tule tuota vaaleaa käytettyä BBS:ssä taikka itse io-tech-sivulla. :tup:
Napsauta laajentaaksesi...

ANTI_L sanoi:
Nyt vasta kävin artikkelien kimppuun kunnolla tummalla teemalla ja sama homma kuin tuossa kommentointilaatikossa, sisällysluettelon tekstin tyyli on vaihdettu, mutta tuo itse sisällysluettelo on edelleen vaalean teeman mukainen, eli eihän noita sivuja näe tuosta kauhean hyvin. o_O

iotech_tummasis.jpg
Napsauta laajentaaksesi...

Artikkelien sisällysluettelon fontti on nyt vaihdettu tummaksi, jotta sisällöstä saa selvää. Samoin kommenttikentän tausta ja lähetänappi on vaihdettu tummiksi :comp:

Käykäähän kokeilemassa :tup:
 
On se vaan kone.

Pakko ottaa virallinen käyttöön ja ottaa omat Stylebot väännöt pois käytöstä, hienoa työtä!
 
Uutisissa lainausboksin värit säädetty kuntoon.
 
Etusivun hakua kun käyttää, on hakupalkkiin kirjoitettava teksti mustaa tummalla taustalla eikä meinaa näkyä.
 
Kirjaudu tai rekisteröidy kirjoittaaksesi tänne.

Uutiset

Uutisia lyhyesti

Uusimmat viestit

Statistiikka

Viestiketjuista
258 720
Viestejä
4 494 031
Jäsenet
74 285
Uusin jäsen
ImPetriiZ

Hinta.fi

Back
Ylös Bottom