Wskazówka

Chcąc znaleźć pożądaną instrukcję skieruj się do zakładki spis instrukcji, gdzie znajdziesz wszystkie dotychczasowo opublikowane posty z podziałem na trzy kategorie.

Uwaga! Niektóre instrukcje mogą nie działać. Staramy się na bieżąco je poprawiać. Prosimy o wyrozumiałość.

Cel bloga

Instrukcje dotyczące języka HTML czy kodów CSS, artykuły na temat ciekawych funkcji czy poradniki pomagające początkujących - to wszystko i jeszcze więcej tylko u nas!

Cytat

Instrukcje dotyczące języka html czy kodów css, artykuły na temat ciekawych funkcji czy poradniki pomagające początkujących - to wszystko i jeszcze więcej tylko u nas!

Chcąc znaleźć pożądaną instrukcję, skieruj się do zakładki
spis instrukcji, gdzie natrafisz na wszystkie dotychczasowo opublikowane posty z podziałem na trzy kategorie. Uwaga! Niektóre instrukcje mogą nie działać. Staramy się na bieżąco je poprawiać. Prosimy o wyrozumiałość.

Numerowanie komentarzy

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

© Agata | WS | x x.