Klasyczny wygląd forum di.pl

[deha 71]

Aby zmienić sposób wyświetlania strony di.pl w przeglądarce, należy zainstalować w swojej przeglądarce wtyczkę: Stylish (dla firefoxa). Wtyczka jest też dostępna dla innych przeglądarek: google.pl

 

krok 2.:

Trzeba zainstalować styl zrobiony przeze mnie, dostępny na stronie: userstyles - di.pl classic

 

lub

 

ręcznie w opcjach wtyczki utworzyć nowy styl i umieścić w nim kod:

 

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("di.pl") {

body {
 color: #222 !important;
}
.maintitle {
background: url("http://di.pl/public/style_images/baisik/highlight_strong.png") repeat-x scroll 0 0 #CAD5E3 !important;
}
.ipsBox_container .ipb_table {
background: none repeat scroll 0 0 #E4EAF2 !important;
}
.column_view .post_wrap {
 background: none repeat scroll 0 0 #F5F9FD !important;
 border-top: 2px solid #ffffff !important;
 border-bottom: 1px solid #ffffff !important;
}
.post_block {
 border-bottom: 10px solid #8394B2 !important;
}
.post_block h3 {
 background: url("http://di.pl/public/style_images/baisik/highlight.png") repeat-x scroll 0 0 #E4EAF2 !important;
 border-top: 0px solid #ffffff !important;
 border-bottom: 1px solid #ffffff !important;
}
.column_view .post_body {
 background: none repeat scroll 0 0 #F5F9FD !important;
 border-left: 1px solid #ffffff !important;
}
.post_username {
 font-size: 14px !important;
}
p.citation {
 background: url("http://di.pl/public/style_images/baisik/highlight.png") repeat-x scroll 0 0 #E4EAF2 !important;
 border: 1px solid #DDDDEE !important;
}
div.blockquote {
 background: none repeat scroll 0 0 #FAFCFE !important;
 border-color: #dde !important;
 border-style: none solid solid !important;
 border-width: 0 1px 1px !important;
}
ul.post_controls {
 background: none repeat scroll 0 0 #D1DCEB !important;
 border-top: 1px solid #5176B5 !important;
}
ul.post_controls a {
 background: url("http://di.pl/public/style_images/baisik/highlight_faint.png") repeat-x scroll 0 1px #8394B2 !important;
 border: 1px solid #666677 !important;
 border-radius: 3px 3px 3px 3px !important;
 height: 20px !important;
 line-height: 20px! important;
 text-shadow: 0 1px 0 #555 !important;
 text-transform: uppercase !important;
 font-weight: bold !important;
}
ul.post_controls a:hover {
background-color: #283B50 !important;
color: #FFFFFF !important;
}
#secondary_navigation a,
.desc,
.desc.lighter,
.desc.lighter.blend_links a,
.custom_fields,
.post_date,
.signature,
div.blockquote,
.post_date,
.pagination a,
.pagination .page a,
.pagination .back a,
.pagination .forward a
{
 color: #555 !important;
}

}

 

 

Powyższy kod przywraca paletę barw z poprzedniej wersji forum w widoku tematów oraz postów. Poprawia też kontrast, przyciemnia lekko blade elementy, typu daty, cytaty, linki itp Nie zmienia się w żaden sposób funkcjonalność strony - jedynie sposób w jaki jest wyświetlana w przeglądarce.

 

Dostępny jest też styl poprawiający wyłącznie kontrast czcionek bez zmian kolorów: zobacz post

[gibu 83]

Dzięki deha, ja z sentymentu do starego forum skorzystałem.

[przemowild 1,026]

Ja też skorzystałem i chyba faktycznie lepiej się teraz czyta.

[thomaso 722]

Ciut lepiej jest z tą wtyczką - dzięki.

[zabaco 1,339]

jw, dzięki !

Edited June 10, 2012 by zabaco

[nikolas 42]

Dzięki!

[513581 53]

A da sie cos pod google chrome lub opere?

[gibu 83]

A da sie cos pod google chrome lub opere?

wtyczka stylish jest też dostępna dla chrome - google.pl

[bartxx86 243]

Zainstalowane. Dużo lepiej się z nią przegląda forum :-)

[empireus 273]

A da sie cos pod google chrome lub opere?

 

W Operze tworzysz plik np. di.pl.css, kopiujesz powyzszy kod do niego, wycinajac

 

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("di.pl") {

...
}

 

Klikasz na stronie prawym przyciskiem myszki i z menu wybierasz "Preferecje dla witryny", po czym "Wyświetlanie" i na dole podajesz sciezke do wyzej utworzonego pliku. Klikasz OK, i przeladowujesz strone