Bug Forum BlackOut

Nakon što sam izradio Terminal Bug skin za Bug forum, reakcije su bile prilično dobre i postalo je jasno kako bi dosta članova Bug foruma voljela vidjeti forum u malo tamnijim tonovima. Nažalost, skin kao takav pati od ozbiljnog problema koji je posljedica odabrane tehnologije. Naime, Terminal Bug skin je izveden kao Greasemonkey skripta, pa se promjena CSS stilova može na stranicu primjeniti tek nakon što se stranica potpuno učita. Zbog toga je dolazilo do efekta "bljeskanja" prilikom zamjene bijele boje crnom, a to je bilo osobitno vidljivo kod dugačkih stranica.

Upravo zbog toga se nedugo nakon predstavljanja Terminal Bug skina pojavila ideja da forum dobije tamniji skin koji će biti nativno podržan kroz forumske CSS-ove. Na taj način bi se neugodni efekt "bljeskanja" u potpunosti otklonio. Neki su predlagali potpuno novi skin, a drugi tzv. "noćni mod" (isti skin, ali u crno/bijeloj varijanti). Iskreno, meni se osobno puno više svidjela ova druga ideja. S obzirom da omogućavanje rada s alternativnim CSS-om za forum zahtjeva određene programske izmjene, kao i izmjene na bazi podataka te kreiranje potpuno novog CSS-a, pitanje je kada će i hoće li uopće ta mogućnost biti implementirana. Kako mi se ideja ipak doista svidjela, odlučio sam poduzeti nešto po tom pitanju.

Naravno, morao sam odustati od Greasemonkeya i počeo sam tražiti alternativna rješenja. Vrlo brzo sam pronašao Stylish koji omogućava primjenu stilova i prije nego se željena stranica učita. A to je upravo ono što mi je bilo potrebno da izradim Bug Forum BlackOut, svojevrstan "noćni mod" za Bug forum. Na priloženim slikama pri kraju posta možete vidjeti kako Bug Forum BlackOut izgleda u svakodnevnom radu. Nadam se da će vam se svidjeti! Također bi molio da prijavite sve bugove na koje naletite kako bi ih mogao ispraviti.

U nastavku posta sljede upute za instalaciju Bug Forum BlackOut (BFBO), povijest vezija i screenshots. Uživajte u mračnom Bug forumu!

INSTALACIJA

Firefox
1. Skinite i instalirajte Stylish za Firefox
2. Skinite BFBO za Firefox s jednog od mirrora:
    - Uploadedit
    - Pastebin
3. Pokrenite izradu novog stila u Stylishu
4. U prozoru koji će se otvoriti u polje Name (1) unesite Bug Forum BlackOut, u veliko polje za unos teksta (2) zaljepite sadržaj datoteke koju ste skinuli u 2. koraku, te konačno kliknite na Save (3)

Opera
1. Skinite i instalirajte Easy User CSS za Operu
2. Skinite BFBO za Operu s jednog od mirrora:
    - Uploadedit
    - Pastebin
3. Kliknite na Easy User CSS ikonu u gornjem desnom kutu (1), u veliko polje za unos teksta (2) zaljepite sadržaj datoteke koju ste skinuli u 2. koraku i kliknite na Save (3)

UKLJUČIVANJE PRIKAZA SKRIVENIH ELEMENTATA
Ako želite uključiti elemente foruma koje BFBO incijalno ne prikazuje, to možete tako da obrište sljedeće linije:

Oglasi između postova
.oglas {display: none;}
Pretplatnička ikona
.forum .f_postovi2 .post .bottommenu_new .pretplatnik_bug {display: none;}
Panel za pretraživanje
.forum .f_rightmenu .rightmenu .searchbox {display: none;}

SKRIVANJE NEŽELJENIH ELEMENATA

Ako želite isključiti elemente foruma koje BFBO incijalno prikazuje, to možete tako da dodate sljedeće linije:

Uklanjanje opcije za davanje palca dolje i prikaz brojača

/*===================================================================== */
/* FORUM - UKLANJANJE PALACA DOLJE */
/*===================================================================== */
.forum .f_postovi2 .post .bottommenu_new .bm_vote span.broj {display: none ! important;}
.forum .f_postovi2 .post .bottommenu_new .neslazem {display: none ! important;}
.forum .f_postovi2 .post .bottommenu_new .bm_vote .prijavi {margin-left: -4px ! important;}
.forum .f_postovi2 .post .bottommenu_new .slazem {margin-right: 8px ! important;}


FORUMSKE SKRIPTE KOMPATIBILNE S BFBO
- ISKBO v1.0.0 by vlad0
- BOL Sidebar v2 - Blackout izdanje by drnde
(AKO NAPRAVITE SVOJU SKRIPTU + BFBO VERZIJU, POŠALJITE MI PM DA JU DODAM NA LISTU)

POVIJEST VERZIJA

Verzija 2.0.0
- dodana puna podrška za Operu
- ispravljene uočene sintaksne greške
- izbrisane uočene redundancije

Verzija 1.5.1
- ispravljene greške u prikazu poruke dana
- popravljen padding naslova u desnom izborniku
- popravljene boje teksta i inputboxova u popup okvirima
- popravljene boje velikih naslova i malog izbornika na vrhu
- popravljenje boje u prikazu profila
- promijenjene boje u editoru posta

Verzija 1.5.0
- dodana puna podrška za Chrome

Verzija 1.0.3
- ispravljen problem s prikazom poruka autora
- dorađen prikaz prozora za slanje privatnih poruka
- dorađen prikaz liste privatnih poruka
- dorađen prikaz prozora profila autora
- dorađen prikaz prozora uređivanja profila

Verzija 1.0.2
- dorađen izgled naslova u desnom izborniku
- ispravljen problem s prikazom aktivne tipke Hvala
- povećano prazno mjesto između gornjeg izbornika i vrha stranice, dodan gradijent

- popravljena greška u footeru foruma (svijetla crta)

- popravljena boja okvira oko popisa korisnika
- popravljena boja copyright teksta

Verzija 1.0.1
- uključeno prikazivanje okvira s Aktualnim vijestima (radi zadržavanja kompatibilnosti s Bug Extra skriptom)

- fontovi u Aktualnim vijestima i Aktivnim temama postavljeni na 11px (ranije: 10px)
- uklonjena ikona za pretplatnike

Verzija 1.0.0

- dodana puna podrška za Firefox
- izrađena prva vezija tamnog CSS stila za forum

- uklonjen forum header

- uklonjen okvir s Aktualnim vijestima

- uklonjen okvir za pretraživanje

- uklonjeni oglasi u postovima

SCREENSHOTS

Super izgleda, ali ne koristim jer si mi ukinuo dosta potrebnih elemenata. Tj. koristim sve osim oglasa..:P

Nije ih problem vratiti - izvorni kod je komentiran i samo pronađi liniju koda (za element koji ti treba) u kojoj piše

NAZIV_ELEMENTA {display: none;}

i onda izbriši tu liniju i sačuvaj promjene. I to je to.

Hm, ja ju ne koristim...  Može link do te skripte i opis / screenshot greške?

Postoji OVO. E sad, da li radi - nemam pojma. Probajte. Koliko vidim na toj stranici, možda će biti potrebne i neke sitnije modifikacije stila da bi sve proradilo.

  To je za Operu 9.5 i neradi na novijim verzijama, nažalost.

E ovo mi je trebalo! Od ove bijele znam nekad dobiti glavobolje (kad malo duze visim na rofumu).

Vjerojatno se radi o istom problemu i Terminal Bug skinu jer ni tamo nije radila ista skripta.

Sada radi ko bebica.

evo sad je ako se mene pita odlično :)

EDIT: sad primjetio jednu sitnicu...kada kliknem na HVALA boja ostane ista...na TU i TD se promijeni u plavu...

mogu reć da mi se svakom izmjenom sve više sviđa i čitanje u mraku je uživanje sad :)

već sam dosadan, al evo naišao na još jedan problemčić

kod gledanja poruka nekog autora ne vidi se tekst poruke jer je skoro iste boje kao i pozadina (slika)

Svaka cast stvarno je odlicno.

Evo sad sam poslušao onaj savjet sa pp-a, i sad imam ovakvu situaciju

Ni meni...

Problem sa Chromeom je zapravo moj previd. Naime, naravno da Chrome ne podržava moz- tagove. Heh...

Ako vas zanima, detaljnije o tome možete pročitati OVDJE i OVDJE. Dajte mi malo vremena da razmislim kako najbolje pristupiti ovom problemu pa ćemo vidjeti što se da napraviti. Ili ako netko ima instant-as-iz-rukava koji radi, svakako ću ga prihvatiti.

Ha, najjednostavnija solucija bi bila zamijeniti -moz-linear-gradient tagove (Firefox) sa -webkit-gradient tagovima (Chrome). Mislim da bi to trebalo proći. Budem vidio kad uhvatim malo vremena danas.