Miten io-tech paremman näköiseksi?

[Tohelo]

Pitääkö tässä olla jokin tietty selain käytössä? Itsellä Chrome ja asensin tuon Stylis-lisäosan. Tuo koodia en vaan pääse mistään muokkaamaan Tuolla sivuilla mikä @living_death sun sigussa on olikin jo ohjeet, että poistaa pari riviä koodia jos ei toimi, mutta tosiaan en pääse muokkaamaan tuota itse koodia.

 

[living_death]

Pitääkö tässä olla jokin tietty selain käytössä? Itsellä Chrome ja asensin tuon Stylis-lisäosan. Tuo koodia en vaan pääse mistään muokkaamaan Tuolla sivuilla mikä @living_death sun sigussa on olikin jo ohjeet, että poistaa pari riviä koodia jos ei toimi, mutta tosiaan en pääse muokkaamaan tuota itse koodia.

Sori kun kesti vastata, mutta itselläni on käytössä pöytäkoneessa Firefox ja siinä Stylish -lisäosa.

1. Stylish -lisäosasta klikataan ensin kolmea pistettä ja sitten "Luo uusi tyyli".
2. Sitten liitetään koodi sitä varten tarkoitettuun kenttään ja annetaan tyylille nimi, vaikka "TechBBS" ja klikataan "Tallenna".
3. Sen jälkeen tyyli näkyy asennetuissa tyyleissä ja päästään muokkaamaan sitä klikkaamalla kynäkuvaketta "Edit"

Stylish -lisäosa näyttäisi löytyvän myös Chrome selaimeen, mutta en ole koskaan kokeillut sitä.

TechBBS:stä pitää olla valittuna Tumma teema (classic), jotta muutokset tulevat näkyviin kokonaisuudessaan.

Laittaisitko palautetta oliko ohjeesta apua ja mitä pidit tyylitiedostosta, eli muuttuiko foorumin käyttökokemus parempaan suuntaan?

 

[Paapaa]

@living_death, onko suunnitelmia portata Tumma Classic foorumin uuteen versioon?

 

[living_death]

@living_death, onko suunnitelmia portata Tumma Classic foorumin uuteen versioon?

Tulin vasta vartti sitten ihmettelemään mitä on tapahtunut foorumille kun näyttää niin oudolle.

Kyllähän tämä toimii jotenkin tällä viimeisimmällä TechBBS - XenForo Dark Theme 2020 teemalla, mutta jotkin asiat taitavat myös vaatia työstämistä ja niitä täytyy alkaa tutkimaan.

Täältä löytyy kyllä css-koodit teemaan jos jollain on hukassa.

 

[living_death]

Odotellaan nyt kuitenkin sen aikaa kunnes Sampsa ja kumppanit ovat saaneet perusleiskan valuviat kuntoon ja vasta sitten tehdään omia hienosäätöjä.

Muuten joutuisin koko ajan korjaamaan hetki sitten tehtyjä muutoksia

 

[BoomerX]

Itselle sähläsin tälläisen tumman teeman
5% harmaalla taustalla ja 7% harmaa ketju sekä kommentti laatikot.
Tykkäyksen oikealla samassa rivissä lainaus ja vastaa painikkeiden kanssa kanssa.
Välejä kiristelty.
Säädetty lukemattomien ketjujen näkyvyyttä emagdnim

eka kerta styluksen parissa ja formatointi on

Spoileri

.block-header {
    padding: 10px 12px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
    color: hsl(var(--xf-majorHeadingTextColor));
    background: hsl(var(--xf-paletteColor4));
    border-bottom: 1px solid hsl(var(--xf-borderColorLight));
}
.p-body-sidebar .block .block-minorHeader, .p-body-sideNavContent .block .block-minorHeader {
    font-size: 16px;
    color: hsl(0,0%,100%);
    background: hsl(var(--xf-paletteColor4));
    padding: 10px;
}
.p-body-inner {
    background: hsl(0deg 0% 5%);
    padding: 15px;
}
.message-cell.message-cell--user, .message-cell.message-cell--action {
    position: relative;
    background: hsl(0deg 0% 5%);
    border-right: 0px solid hsl(var(--xf-borderColor));
    min-width: 0;
}
.block--messages .message+.message, .block--messages .block-row+.message, .block--messages .message+.block-row, .block--messages .block-row+.block-row {
    margin-top: 6px;
}
.block--messages .message, .block--messages .block-row {
    border-style: none

}
.message-main .message-attribution {
    padding-bottom: 6px;
}
.message-cell {
    padding: 6px;
}
.message-footer .message-actionBar {
    margin-top: 0px;
}
.message .reactionsBar {
    margin-top: -22px;
    padding: 0px;
    border-style: none;
    text-align: right;
    background: hsl(0deg 0% 7%);
}
.reactionsBar.is-active {
    flex-direction: row-reverse;   
}
.reaction.reaction--small, .reaction.reaction--medium {
    margin-top: -2px;
}
.reactionsBar-link {
    padding-right: 5px;
}
.message-body {
    margin: 6px 0;
    font-family: 'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;
}
.bbCodeBlock {
    display: flow-root;
    margin: 6px 0;
    background: hsl(var(--xf-contentAltBg));
    border: 1px solid hsl(var(--xf-borderColorFaint));
    border-left: 3px solid hsl(var(--xf-borderColorAttention));
}
.message-lastEdit {
    /* margin-top: .5em; */
    color: hsl(var(--xf-textColorMuted));
    font-size: 12px;
    text-align: right;
}
.structItem-title {
    font-weight: normal;
}
.message-userArrow {
    display: none;
}

.block-container {
    background: hsl(0deg 0% 7%);
}
.block--messages .message, .block--messages .block-row {
    background: hsl(0deg 0% 7%);   
}
.message-signature {
    margin-top: 6px;
}
.block-filterBar {
    background: hsl(var(--xf-paletteColor4));

}
.structItem--thread a{
    color: #888;
    
}
.structItem--thread.is-unread a{
    color: #bfbfbf;
}

 

[living_death]

userstyles.org ei taida toimia enää ja siellä oli näitä customoituja teemoja

Löysin arkiston kuitenkin.

UserStyles.org Archive

USO-Archive is an ad-free, spyware-free mirror of userstyles.org

uso.kkx.one

Täyty tehdä tämmöinen uudestaan, kunhan nykyinen uusi perusleiska on säädetty Sampsan toimesta kuntoon.

UserStyles.org Archive

USO-Archive is an ad-free, spyware-free mirror of userstyles.org

uso.kkx.one

Tämmöinen on nyt tullut tilalle.

UserStyles.world

A new free and open-source, community-driven, modern alternative to userstyles.org.

userstyles.world

 

[NiFa]

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ä?

Kopsasin tuolta päivitysketjusta, kun kuuluu enempi tähän ketjuun

 

[Centteri]

Hatunnosto kaikille jotka omalla panoksella tekee foorumista tyylikkään. En tiennyt että täällä on monta foorumilaista mukana talkoissa.

 

[Kleimo]

Kopsasin tuolta päivitysketjusta, kun kuuluu enempi tähän ketjuun

Tässä päivitetty versio tuosta. Tämä muokkaa ainoastaan ulkoasua, eikä poista mainoksia jne.

TechBBS Xenforo 2.3 greenify (09/2024) by Kleimo

This theme greenified from the original dark theme. Added more green! Note that this does not remove any ads from the site.

userstyles.world

Tässä vielä käyttäjän valittavat asetukset.

 

[Antw]

Löytyykös vaalealle teemalle mitään modauksia?