Wchodzimy kolejno w Szablon -->> Dostosuj -->> Zaawansowane -->> Dodaj arkusz CSS i wklejamy poniższy kod:
.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
font-size: 22px; /*wielkość czcionki numeru komentarza "głównego"*/
color: #555555; /*kolor numeru komentarza "głównego"*/
padding-left: 10px; /*przerwa z lewej strony*/
padding-top: 3px; /*przerwa od góry*/
background: url(link-do-obrazka-tła.png) no-repeat;/*obrazek pod numerem*/
margin-top: 7px;/*margines górny*/
margin-left: 10px;/*margines lewy*/
width: 50px; /*szerokość obrazka*/
height: 48px; /*wysokość obrazka*/
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666; /*Kolor numeru odpowiedzi do komentarza*/
}
Wszystko wyjaśnione jest w powyższym kodzie. Spokojnie, CSS nie odczyta tego, co chciałam wam przekazać. Jeżeli mamy komentarz główny to odpowiedzi do niego będą wyglądały następująco: numer głównego komentarza, kropka i numer odpowiedzi [np. 2.5]. To, co jest zaznaczone na czerwono, niebiesko i zielono można zmieniać, jeśli woli się inny typ numeracji. Tutaj macie wypisane, jakie typy są możliwe:
armenian - cyfry armeńskie,cjk-ideographic - ideogramy,decimal - cyfry arabskie (np. 1, 2, 3...),decimal-leading-zero - cyfry arabskie poprzedzone zerem (np. 01, 02, 03...),georgian - gruzińskie cyfry,hebrew - tradycyjne liczby hebrajskie,hiragana - numeracja w Hiraganie :)hiragana-iroha - też numeracja w Hiraganie, jednak zabijcie mnie, ale nie wiem, czym to się dokładnie różni. Chyba chodzi o to, że to starszy system, jednak nie daję sobie niczego za to uciąć;katakana - numeracja w Katakanie,katakana-iroha - podobny przypadek, jak wcześniej - też niby w Katakanie, ale nie wiem, co zmienia dodanie iroha;lower-alpha - małe litery (np. a, b, c...),lower-greek - małe greckie litery (np. α, β, γ...),lower-latin - małe litery alfabetu łacińskiego,lower-roman - małe rzymskie cyfry (np. i, ii, iii...),none - brak numeracji,upper-alpha - duże litery (np. A, B, C...),upper-latin - duże litery alfabetu łacińskiego,upper-roman - duże rzymskie cyfry (np. I, II, III...).
Ważne: nie we wszystkich przeglądarkach taki numer działa. Tradycyjnie będą problemy z Internet Explorer, bardziej wyimaginowane i oryginalne style numeracji nie będą też wspierane w Operze.
oparte na instrukcji tajemniczy--ogrod.blogspot.com
Brak komentarzy:
Prześlij komentarz