Skocz do zawartości

Dla tych, którzy chcą wygląd forum wg własnego widzimisię :)


SubMelon

Rekomendowane odpowiedzi

Chciałbym się podzielić sposobem na to, żeby mieć wygląd forum dopasowany do własnego gustu w przeglądarce Firefox lub Seamonkey (metodę tą można stosować praktycznie do każdej witryny, nie tylko do subaru.pl). Wiadomo, że Admin forum nie jest w stanie dogodzić każdemu pod względem wyglądu, więc ci bardziej zdeterminowani mogą wszystko sobie pozmieniać :). A więc po kolei:

 

1. Instalujemy rozszerzenie Stylish ze strony https://addons.mozilla.org/en-US/firefox/addon/2108 (możliwe że trzeba potem zrestartować przeglądarkę)

 

2. Wchodzimy na stronę forum.subaru.pl i z ikonki Stylish w prawym dolnym rogu wybieramy opcję Write Style -> For subaru.pl

 

3. W pasku u góry wpisujemy dowolną nazwę naszego stylu (np. "forum1"), a w okienko poniżej wpisujemy modyfikacje css naszych stron.

 

4. Oto style, które przygotowałem dla siebie, a które dają wygląd forum zbliżony bardziej do starego forum, m. in:

- czcionka Verdana w czarnym kolorze i w starych wielkościach

- linki mające różne kolory w zależności, czy były odwiedzone czy nie

- drobne modyfikacje kolorów

 

A więc wklejamy:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("subaru.pl") {

a:link {color: #006699 !important}
a:active,a:visited {color: #214272 !important;}
font,th,td,p,input,textarea, select {font-family: Verdana !important}
p, td, .gen,.genmed,.gensmall {color: black !important}
.forumline {background-color: #888 !important}

.gen, a.forumlink, .postbody, th.thHead, td.catHead { font-size : 13px !important}
.genmed, .forumlink, .nav, .topictitle,h1,h2  { font-size : 11px !important; }
.gensmall { font-size : 10px !important; }

th {color: maroon !important; background-color: #CED6DE !important; background-image: none !important;}

}

 

5. Naciskamy Save i ewentualnie odświeżamy stronę i gotowe! Nasze style można w każdej chwili wyłączyć/włączyć wybierając jego nazwę po kliknięciu na ikonkę Stylish w prawym dolnym rogu przeglądarki.

 

Oczywiście każdy może sobie dowolnie modyfikować style (jeśli potrafi :)). Bynajmniej nie zamierzam krytykować obecnego stylu, ale ponieważ akurat naszła mnie ochota na pobawienie się (pierwszy raz) takimi rzeczami, więc czemu by nie? Dopóki nie będziemy mieli skórek do wyboru, to można sobie radzić w ten sposób :smile:

Odnośnik do komentarza
Udostępnij na innych stronach

oczywiscie jestes genialna, i w ogóle szacun :-) zastanawiam sie tylko ile czasu zajęłoby stworzenie i zaimplementowanie alternatywnego arkusza stylów i dlaczego nie można tego zrobić? Wilk by był syty i owca zjedzona - oficjalnie byłby trebuchet i niebieskie tło a wszyscy by korzystali z białego tła i verdany :cool:

Odnośnik do komentarza
Udostępnij na innych stronach

Świetna sprawa . Jednak przyzwyczajenie jest gorsze od faszyzmu . :wink:

No tak ale Mody nie świecą tak jak Mody czyli na zielono .

Jakoś mi to nie przeszkadza . :wink:

 

:mrgreen:

 

[edit]... napiszcie w jaki sposób można się pobawić barwami ...

Odnośnik do komentarza
Udostępnij na innych stronach

 

[edit]... napiszcie w jaki sposób można się pobawić barwami ...

 

na przyklad:

 

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("subaru.pl") {

body{background: #000}
*{color: #fff !important}
a:link {color: #006699 !important}
a:active,a:visited {color: #214272 !important;}
font,th,td,p,input,textarea, select {font-family: Verdana !important}
p, td, .gen,.genmed,.gensmall {color: black !important}
.forumline {background-color: #888 !important}

.gen, a.forumlink, .postbody, th.thHead, td.catHead { font-size : 13px !important}
.genmed, .forumlink, .nav, .topictitle,h1,h2  { font-size : 11px !important; }
.gensmall { font-size : 10px !important; }

th {color: maroon !important; background-color: #000 !important; background-image: none !important;}
td,table{background: #000 !important}

}

 

 

:mrgreen::mrgreen:

 

generalnie edytując wlasciwosci "color" i "background", ale troche dużo tu pułapek żeby w kilku zdaniach zmiescic...

Odnośnik do komentarza
Udostępnij na innych stronach

na przyklad: [...]

Dobre dla tych, co lubią zabawy z zawiązanymi oczami :mrgreen:

 

Z tego, co widzę to za pomocą tego rozszerzenia ciężko będzie pozostawić zielony kolor dla modów, no ale to szczegół. Dorobiłem stylowanie cytatów i wsadziłem kolory tła postów od Barbie, poprawiłem wielkość czcionek autorów postów + inne drobne i jak dla mnie wygląda ciut lepiej:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("subaru.pl") {

a:link {color: #006699 !important}
a:active,a:visited {color: #214272 !important}
font,th,td,p,input,textarea, select {font-family: Verdana !important}
p, td, .gen,.genmed,.gensmall {color: black !important}
.forumline {background-color: #7D9DAD !important}
hr {border-top: 1px dotted #777 !important}

.gen, a.forumlink, .postbody, th.thHead, td.catHead { font-size : 13px !important}
.genmed, .forumlink, .nav, .topictitle,h1,h2, .quote  { font-size : 11px !important; }
.gensmallx { font-size : 10px !important}

th {color: white !important; background-color: #0066A7 !important; background-image: none !important;}

td.row1 { background-color: #DEE3E7 !important  }
td.row2 { background-color: #E8EDEE !important  }

.quote, .code {border: 1px dotted #777 !important}

}

Odnośnik do komentarza
Udostępnij na innych stronach

na przyklad: [...]

Dobre dla tych, co lubią zabawy z zawiązanymi oczami :mrgreen:

 

Z tego, co widzę to za pomocą tego rozszerzenia ciężko będzie pozostawić zielony kolor dla modów, no ale to szczegół.

 

Wywal .gensmall z color: black. I modowie wyglądają jak trzeba (w każdym razie u mnie zadziałało)...

 

Moje bardzo amatorskie modyfikacje ;-)

 

@namespace url(http://www.w3.org/1999/xhtml);

 

@-moz-document domain("subaru.pl") {

 

font,th,td,p,input,textarea, select {font-family: Verdana !important}

p, td, .gen,.genmed {color: black !important}

.forumline {background-color: #FFFFFF !important}

 

.gen, a.forumlink, .postbody, th.thHead, td.catHead { font-size : 13px !important}

.genmed, .forumlink, .nav, .topictitle,h1,h2 { font-size : 11px !important; }

.gensmall { font-size : 10px !important; }

.row1 {background-color: #CCCCFF !important}

.row2 {background-color: #CCCCFF !important}

p, td, .genmed, .forumlink, .postbody {background-color: #CCCCFF !important}

.quote {background-color: #FFFFFF !important}

 

}

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...