Miten io-tech paremman näköiseksi?

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 :hmm: 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.
 
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 :hmm: 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?
 
@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.
 
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 :)
 
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 :poop:

Näyttökuva 2024-09-25 002117.png

CSS:
.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;
}
 
userstyles.org ei taida toimia enää ja siellä oli näitä customoituja teemoja 🤔

Löysin arkiston kuitenkin.
Täyty tehdä tämmöinen uudestaan, kunhan nykyinen uusi perusleiska on säädetty Sampsan toimesta kuntoon.
Tämmöinen on nyt tullut tilalle.

135886-0.webp
 
Viimeksi muokattu:
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ä?

bbs.io-tech foorumi etusivu.png


bbs.io-tech foorumi ketjulistaus.png
Kopsasin tuolta päivitysketjusta, kun kuuluu enempi tähän ketjuun
 
Hatunnosto kaikille jotka omalla panoksella tekee foorumista tyylikkään. En tiennyt että täällä on monta foorumilaista mukana talkoissa. :tup:
 

Statistiikka

Viestiketjut
253 819
Viestejä
4 411 021
Jäsenet
73 259
Uusin jäsen
Duane

Hinta.fi

Back
Ylös Bottom