Seuraa 
Viestejä2936
Liittynyt28.8.2011

Kuten minäkin, monet ovat valittaneet foorumin ulkoasusta, joten päätin itse korjata sen mieleisekseni:

Näyttää tältä: http://i.minus.com/jbtlTlBMp5JBNw.png

 

Koodi: http://pastebin.com/3W6ytgpJ

Tuon saat käyttöösi asentamalla Firefoxiin tai Operaan Stylish -nimisen pluginin.

Jokainen voi itse kukin muokata värit haluamakseen. Tai minkä tahansa muun osan tyylistä. Joten valittamisen voitte jättää pois; jos ei miellytä, korjaa se itse!

Firefoxissa on kätevä sisäänrakennettu toiminto kun klikkaat hiiren oikealla napilla jotain elementtiä sivusta; tulee valikko "tutki elementtiä" (tai "inspect element"), sen avulla minäkin löysin ne tarvittavat paikat ja CSS komennot joilla sain helposti rakennettua ulkoasun mieleisekseni. Pitää vain tunkea !important -komento jokaisen komennon perään (ennen ; merkkiä).

Pitäisi tuota tyylitiedostoa jotenkin kyllä kommentoida, jotta sieltä erottaisi helpommin mikä koodinpätkä vaikuttaa mihinkin.

Vertailua: (vanhalla versiollani, ei jaksa uutta screenshottia tehdä)

http://i.minus.com/ibkulA6OfnX5SW.png

Mukavia foorumointihetkiä!

 

Foorumin salainen sääntö #1: Pienellä alkukirjaimella kirjoitetut aiheet lukitaan.
Foorumin salainen sääntö #2: Älä kerro kenellekään säännöstä #1 tai tulee bannit!

Kommentit (9)

Siipiveikkonen
Seuraa 
Viestejä1545
Liittynyt29.7.2010

Pääseekös copypastella jotenkin eteenpäin oopperassa(ver. 12.16), kun ei laiskana jaksais kirjoittaa, sitten itse laittaisin toisinpäin lainaukset sinisellä, itse juttu harmaalla. Siis Opera>Laajennukset>laajennusten hallinta>työkalun kuva/asetukset>new "ei anna pastettaa"

Quidquid latine dictum sit, altum videtur.

Rousseau
Seuraa 
Viestejä16844
Liittynyt13.11.2009

En ole koskaan käyttänyt CSS:ää (enkä paljon mitään muutakaan sitten 90-luvun lopun) ja epäilyttää ymmärränkö mistään mitään. Mutta kysyn silti että mitä tässä niin kuin pitäisi tehdä. Haluaisin itse vain kaksi juttua:

- valkean taustavärin joksikin miellyttävämmäksi

- oikeasta reunasta liian marginaalin pois

Jos nyt siis ollaan tuommoisessa pastebinissä, niin minne sinne laitetaan ja mitä, ja ennenkaikkea miten sen saa aktivoitua käyttöön?

Tietty jos joku tiedeläinen olisi niin ihqu että tekisi valmiiksi jotain tyylejä joita voi katsella tuolta Etsi tyylejä tälle sivustolle, niin se olisi vallan ihanaa. Pelkään pahoin etten kumminkaan ymmärrä ohjeista mitään koska useimmiten ohjeistus menee siinä pieleen että neuvoja olettaa neuvottavan jo tietävän jostain jotain, ja täten jokin oleellinen kohta tai komento jää suorittamatta. Kannattaako CSS:n kanssa näprätä jos siitä ei tiedä yhtikäs mitään?

jogger
Seuraa 
Viestejä2936
Liittynyt28.8.2011

Pahus, ekaa viestiä ei voi muokata.

Päivityksiä:

Foorumi tyyli (v1.3):

http://pastebin.com/aJLR2ggN

Tiede.fi etusivu tyyli (v1.0):

http://pastebin.com/5NG9ypDK

Korjailin ärsyttävän isoja tekstejä pienemmiksi ja sumennetut tekstit teräviksi ym. (piilotin myös facebook/twitter laatikot ja jotain ihme kackaa mikä oli tiellä blogikirjoituksissa).

Foorumin salainen sääntö #1: Pienellä alkukirjaimella kirjoitetut aiheet lukitaan.
Foorumin salainen sääntö #2: Älä kerro kenellekään säännöstä #1 tai tulee bannit!

jogger
Seuraa 
Viestejä2936
Liittynyt28.8.2011
Cryosat

Pääseekös copypastella jotenkin eteenpäin oopperassa(ver. 12.16), kun ei laiskana jaksais kirjoittaa, sitten itse laittaisin toisinpäin lainaukset sinisellä, itse juttu harmaalla. Siis Opera>Laajennukset>laajennusten hallinta>työkalun kuva/asetukset>new "ei anna pastettaa"

En tiedä mitä oikein yritit. En käytä Operaa, mutta Firefoxissa näin:

Näytä -> Sivupaneeli -> Stylish

-> Kirjoita uusi tyyli

-> Nimi: "tiede.fi foorumi"

sitten vaan pasteet koodin siihen ja tallennat.

Rousseau

 Haluaisin itse vain kaksi juttua:

- valkean taustavärin joksikin miellyttävämmäksi

- oikeasta reunasta liian marginaalin pois

Jos nyt siis ollaan tuommoisessa pastebinissä, niin minne sinne laitetaan ja mitä, ja ennenkaikkea miten sen saa aktivoitua käyttöön?

Tietty jos joku tiedeläinen olisi niin ihqu että tekisi valmiiksi jotain tyylejä joita voi katsella tuolta Etsi tyylejä tälle sivustolle, niin se olisi vallan ihanaa. Pelkään pahoin etten kumminkaan ymmärrä ohjeista mitään koska useimmiten ohjeistus menee siinä pieleen että neuvoja olettaa neuvottavan jo tietävän jostain jotain, ja täten jokin oleellinen kohta tai komento jää suorittamatta. Kannattaako CSS:n kanssa näprätä jos siitä ei tiedä yhtikäs mitään?

1) Lataa Stylish plugini firefoxille ja asenna se.

2) Kopioi se koodi sieltä pastebinistä siihen Stylishiin. Ei toisinpäin.

Taustaväri, sepä olikin hieman hankala, mutta löytyi kuitenkin kun vähän osoitteli elementtejä ja kokeili lisäämällä background-color määritteen:

div#container section#contentWrapper {
    background-color: blue !important;

}

En tiedä mikä oikeassa reunassa on turha marginaali, joten en osaa auttaa siinä tapauksessa. Saattaa mennä hankalaksikin, mutta kyllähän sen saat itsekin etsittyä kun painelet sitä "tutki elementtiä" ja siitä aukeavassa alla olevassa ikkunassa painat sen "web-konsoli" napin alla olevaa kursorin kuvaa joka on neliön päällä. Sitten voit osoitella elementtejä ja voit päätellä mikä kuuluu mihinkin ja sitten katsoa oikealta sen koodin ja lisätä sinne vaikkapa "margin:0 !important" tai/ja "padding:0 !important" niin näet muuttuuko se mihinkään.

Nuo voi siis lisätä "reaaliajassa" ja kun painat enteriä niin muutoksen näkyy heti (se ei tallennu mihinkään, jos lataat sivun uudestaan kaikki muutokset katoavat ,siksi Stylish pitää olla jotta ne saa tallennettua siihen).

Huom: Kaikki tyylit pitää aina laittaa sen "@-moz-document domain('tiede.fi'){" jälkeen, ja ennen viimeistä } merkkiä siitä koko tyylitiedostosta.

Foorumin salainen sääntö #1: Pienellä alkukirjaimella kirjoitetut aiheet lukitaan.
Foorumin salainen sääntö #2: Älä kerro kenellekään säännöstä #1 tai tulee bannit!

jogger
Seuraa 
Viestejä2936
Liittynyt28.8.2011

Modailin taas hieman paremmaksi:

http://pastebin.com/MwhJ04XZ (v1.4)

Muokkasin taustaväriä hieman tummemmaksi, ja ero on järkyttävän suuri! Paljon mukavampi silmille kun ei ole täysin valkoinen tausta. Viestilaatikoiden värit ovat myös tummemmat. En ole kyllä täysin tyytyväinen viestilaatikoiden väreihin vieläkään, mutta en jaksa niitä säädellä, kelpaa minulle ihan jees.

Lisäsin myös CSS koodiin kommentit niin löytää paremmin etsimänsä sieltä. Joskin jotkut kommentit saattavat valehdella, kun en jaksanut testata jokaista että ovat varmasti sitä mistä puhutaan.

On muuten kyllä aivan kauheaa olla käyttämättä AdBlockia tai tätä tyylitiedostoa:

http://i4.minus.com/iQqFO1u6N2VB0.png (koko kuva)

Löydätkö kaikki eroavaisuudet? :D

Foorumin salainen sääntö #1: Pienellä alkukirjaimella kirjoitetut aiheet lukitaan.
Foorumin salainen sääntö #2: Älä kerro kenellekään säännöstä #1 tai tulee bannit!

jogger
Seuraa 
Viestejä2936
Liittynyt28.8.2011

Vihdoinkin sain uhrattua sen tunnin elämästäni, käyttäjien blokkauksen tekemiseen.

Foorumin aihe: http://www.tiede.fi/keskustelu/4001418/ketju/kayttajien_blokkaus_nyt_mahdollista

 

--------------------------------------

Alkuperäinen viesti:

--------------------------------------

Ohjeet Firefox-käyttäjille:

1. Asenna Greasemonkey: https://addons.mozilla.org/fi/firefox/addon/greasemonkey/

2. Mene sivulle: https://greasyfork.org/scripts/2235-tiedeignorescript/code/TiedeIgnoreScript.user.js

3. Paina nappia sivun ylhäältä "Install Script".

4. Mene Firefoxissa: Työkalut -> Greasemonkey -> Hallinnoi scriptejä -> TiegeIgnoreScript -> Asetukset -> (alhaalta) Muokkaa tätä scriptiä.

5. Lisää ignoroitavat käyttäjät listaan (etsi tuo ignorelist sieltä koodista ja lisää oikeaan paikkaan se rivi):

ignorelist['666'] = {'nimi':'poohead'};

ignorelist['6666'] = {'nimi':'pooheader'};

jne... (käyttöohjeet scriptitiedostossa myös).

Muista myös poistaa nuo esimerkkirivit alkuperäisestä koodista ettei tule outoja yllätyksiä.

6. Lopuksi sinun täytyy päivittää sivu jotta scripti tulee toimintaan.

7. Nauti!

8. Muokkaa scriptiä ja opi HTML:n, CSS:n ja JavaScript:n ihmeet!

----------

Alkuperäisen scriptin sivu:

https://greasyfork.org/scripts/2235-tiedeignorescript

 

Foorumin salainen sääntö #1: Pienellä alkukirjaimella kirjoitetut aiheet lukitaan.
Foorumin salainen sääntö #2: Älä kerro kenellekään säännöstä #1 tai tulee bannit!

jogger
Seuraa 
Viestejä2936
Liittynyt28.8.2011

Eipä kestä.

Tuli mieleen että voisi ottaa käyttöön nuo peukutukset siten, että viesti himmenisi alaspäin peukuttamisista, ja korostuisi ylöspäin peukuttamisista.

Muita ehdotuksia saa vapaasti antaa.

Harmi vain kun ei moni tuota tiede.fi aluetta lueskele, joten taitaa tämä scripti jäädä monilta ohi suun.

Edit: hassua, lähetin viestin tasan 24 tunnin päästä edellisestä: "Lähetetty 7.6.2014 klo 21:46" :)

Foorumin salainen sääntö #1: Pienellä alkukirjaimella kirjoitetut aiheet lukitaan.
Foorumin salainen sääntö #2: Älä kerro kenellekään säännöstä #1 tai tulee bannit!

jogger
Seuraa 
Viestejä2936
Liittynyt28.8.2011

No joo, yllättävän helposti tuon teki, tämän koodin kun lisää (sinne tiedoston loppuun ennen viimeisintä "});" merkkijonoa) niin saa toiminnon käyttöön:

addGlobalStyle('.TIS_good_comment { border:10px solid blue !important; border-radius:14px !important; }');
addGlobalStyle('.TIS_bad_comment  { border:10px solid red  !important; border-radius:14px !important; }');

    $('span[id^="thumbsUp_ForumPost_"]').each(function(){
        var arvo = parseInt($(this).text());
        if(arvo > 1){
            $(this).parent().parent().parent().parent().addClass('TIS_good_comment');
        }
    });
    $('span[id^="thumbsDown_ForumPost_"]').each(function(){
        var arvo = parseInt($(this).text());
        if(arvo > 1){
            $(this).parent().parent().parent().parent().addClass('TIS_bad_comment');
        }
    });

Tuo siis lisää sinisen reunuksen hyville kommenteille ja punaisen huonoille. Itte voi muokata helposti mieleisekseen tuosta tyyliä säätämällä.

"if arvo > 1" koodia säätämällä voi päättää kuinka paljon peukkuja pitää olla kunnes se viesti korostetaan.

Foorumin salainen sääntö #1: Pienellä alkukirjaimella kirjoitetut aiheet lukitaan.
Foorumin salainen sääntö #2: Älä kerro kenellekään säännöstä #1 tai tulee bannit!

Suosituimmat

Uusimmat

Uusimmat

Suosituimmat