W tym tutorialu postaram się jak najprościej opisać jak zrobić z użyciem CSS, żeby w każdym poście na naszym forum opartym o phpBB pierwsza litera była duża niezależnie od tego czy użytkownik rozpoczął post z małej czy dużej litery.
Transformacja pierwszej literki na dużą
1. Otwieramy plik z arkuszem stylów naszej skórki (standardowo /templates/nasz_styl/nasz_styl.css), arkusz stylów w niektórych przypadkach jednak jest zawarty w pliku /templates/nasz_styl/overall_header.tpl między znacznikami <style></style> 2. Na końcu arkusza kod:
| .postbody:firt-letter { /* tutaj formatujemy pierwszą literkę postu */ text-transform: uppercase; } |
Kod ten powinien działać w większości przypadków jednak jeżeli z jakiegoś powodu nie działa to najprawdopodobniej zawartość posta ma inną klasę niż „postbody”. Można to sprawdzić wchodząc do widoku tematu, znaleźć w źródle dokumentu treść posta i zobaczyć jaką klasę ma nadaną.
| <span class=”klasa”>treść postu</span> |
Jeżeli „klasa” jest inna od „postbody” to zamieniamy „.postbody:first-letter” na „.nasza_klasa:first-letter”.
Automatyczne dodanie kropki na końcu postu
1. Otwieramy ponownie nasz arkusz stylów. 2. Odszukujemy dodany wcześniej kod czyli:
| .postbody:firt-letter { /* tutaj formatujemy pierwszą literkę postu */ text-transform: uppercase; } |
3. Zamieniamy na:
| .postbody:firt-letter { /* tutaj formatujemy pierwszą literkę postu */ text-transform: uppercase; } .postbody:after { content: „.”; } |
Jednak taki kod nie jest zalecany ponieważ jeżeli użytkownik dodał kropkę na końcu to będą dwie kropki.
