Oficjalne forum pomocy serwisu PUN.pl

Majestic

Użytkownik

Dołączył: 2014-11-17

Liczba postów: 152

Kolorystyka forum

Ostatnio się tak zastanawiałem, czy jest strona, która dokładnie wyjaśnia które elementu w stylu forum odpowiadają czemu? Chodzi o elementy, które zmieniają jej kolorystykę, chciałem na swoim forum ją edytować a nie wiem co czemu odpowiada, mógłbym zrobić to metodą prób i błędów, ale czasami zmiany są widocznie po zmianie 2 rzeczy na raz itp.

Czy jest stronka, lub czy ktoś z was wyjaśni co się zmienia za pomocą:

1:
DIV.blockpost H2 SPAN.conr
color: #AAAAAA
    
2: 
DIV.blockpost H2
background: #000000

3:
DIV.blockpost>DIV>DIV.inbox
background: black

4:
.pun .tcl
background: black

5:
.tc2
background: black

6:
.pun .tc3
background: black

7:
.pun .tcr
background: black

8:
.pun TH, .bgc4 
background: black

9:
#adminconsole FIELDSET TD, #viewprofile DD, DIV.forminfo, DIV.blockmenu DIV.box, #adstats DD
background:black

10:
#adminmenu background:black

11:
.pun H2 {
background-color: #C7D0D7 url("http://i.share.pho.to/cef72f23_o.png") no-repeat;

12:
.pun A:link, .pun A:visited
color: white

13:
.pun  a:hover
color: grey

14:
.box
background: black

15:
#brdmenu ul A:link, #brdmenu ul A:visited
color: #fff;
background: url('http://s18.postimg.org/nveaw5k9h/starabelka002.png')

16:
#brdwelcome
background: black

17:
#brdmenu
border-top: 1px solid #303030;
border-bottom: 1px solid #303030;
color: #FFFFFF

P.s celowo usunąłem niektóre elementy bez których kody nie działają.

VeniK

Użytkownik

Dołączył: 2014-03-24

Liczba postów: 145

Odp: Kolorystyka forum

Wchodzisz na forum > PPM > Zbadaj element.
Jeśli chcesz jeździć myszką, to kliknij ten kwadracik po lewej od "Inspektor"
w przypadku Mozilli.

pro14ab

Moderator

Skąd: C:\users\pro14ab

Dołączył: 2013-01-20

Liczba postów: 1,198

WWW

Odp: Kolorystyka forum

Ostatnio się tak zastanawiałem, czy jest strona, która dokładnie wyjaśnia które elementu w stylu forum odpowiadają czemu?

Kiedyś, kiedyś myślałem o napisaniu czegoś takiego by wyświetlało selektory ale wtedy jeszcze nie umiałem a teraz zapomniałem.
W chromie/mozilli/edge jest "zbadaj"/"inspektor" i to wyświetla Ci selektory elementów.
Czyli np. wjedziesz kursorem na logo > prawy >zbadaj element >  i pojawi ci się

Teraz wystarczy aby odpowiedni element wybrać (selektor) i dopisać kod CSS
Pewnie mało zrozumiałem jest to co napisałem ale już nie chce mi się kolejny raz dokładnie opisywać. Jak poszukasz to chyba już tłumaczyłem jak tego używać

Reszta potem

Wiadomość dodana po 52 min 05 s:
1.http://imgur.com/t4AHzCf
2.http://imgur.com/XpDc9op
3.http://imgur.com/sygWk6H
4.Wiele elementów ma taki selektor
5.http://imgur.com/YDLdauq
6.http://imgur.com/rFAW2JI
7.http://imgur.com/X1IPshC
8. -
9.Tło w całym panelu admina (nie chce mi się opisywać dokładnie)
10. 
11. Belki forum - chyba więcej nie muszę tłumaczyć
12. Kolor linków (w "spoczynku")
13.Kolo linku gdy na niego najedziemy kursorem ( odpowiada za to w CSS :hover)
14.Kolor wszystkich boxów
15.Kolor linków w menu + tło do linków w menu
16.http://i.imgur.com/GAMoOlS.png
17.Menu forum (ramka dolna i górna w kolorze:  #303030 o wartości 1px + kolor tekstu w menu #FFFFFF)

---

Discord: pro14ab#3318
>> GitHub <<
Polecam

Majestic

Użytkownik

Dołączył: 2014-11-17

Liczba postów: 152

Odp: Kolorystyka forum

Oczywiście jak najserdeczniejsze podziękowania