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:
 
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.


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


1727372159176.png
 
Viimeksi muokattu:
Meni Firefoxin profiili rikki ja sain vanhasta netin arkistosivusta ladattua tyylin koodit talteen, mutta siinä kusee joku eikä mitään muutosta tapahdu.

Stylish ilmoittaa, että @-moz-document url koodissa olisi virhe.

Voisiko joku kurkata omalta koneelta miten sen kuuluu olla tai jos löytyy koko koodi, niin sekin kävisi?

Nyt on ihan karmeaa käyttää tätä foorumia, kun on tottunut omiin säätöihin.

stylus.PNG
 
Meni Firefoxin profiili rikki ja sain vanhasta netin arkistosivusta ladattua tyylin koodit talteen, mutta siinä kusee joku eikä mitään muutosta tapahdu.

Stylish ilmoittaa, että @-moz-document url koodissa olisi virhe.

Voisiko joku kurkata omalta koneelta miten sen kuuluu olla tai jos löytyy koko koodi, niin sekin kävisi?

Nyt on ihan karmeaa käyttää tätä foorumia, kun on tottunut omiin säätöihin.

stylus.PNG
Ainakin tuosta @version 20171031.8.59 mikä oli itsellä nii on näin:

Koodi:
@-moz-document url-prefix("https://bbs.io-tech.fi/")
 
Stylish ilmoittaa, että @-moz-document url koodissa olisi virhe.
Kannattaa muutenkin vaihtaa Stylish lisäosaan, joka ei keräile ylimääräistä dataa

 
Kannattaa muutenkin vaihtaa Stylish lisäosaan, joka ei keräile ylimääräistä dataa

Sekin on asennettuna, mutta tyylitiedoston koodi ei toimi kummassakaan lisäosassa.

Täällä on vielä "Install with Stylus" nappi.

EDIT: Onkohan Firefox estänyt näiden lisäosien toiminnan jotenkin?

Jouduin tänään poistamaan Firefoxin ja asentamaan uudelleen.
 
Viimeksi muokattu:

Uusimmat viestit

Statistiikka

Viestiketjuista
275 520
Viestejä
4 744 596
Jäsenet
77 343
Uusin jäsen
elRipa

Hinta.fi

Back
Ylös Bottom