CSS

3 posts in category

CKEditor: własny motyw graficzny

CKEditorCKEditor jest naprawdę fajnym i wygodnym edytorem dla stron internetowych. Jednak chyba wiele osób zgodzi się ze mną, że nie wygląda on zbyt ładnie - posiada brzydkie, kanciaste ikonki, a pstrokate przyciski oknach dialogowych (w domyślnej skórce) nie pasują do niczego. Ktoś powie, że o gustach się nie dyskutuje, ktoś inny - że szkoda tracić czas na poprawianie tego - i tak najczęściej CKEditor oglądany będzie tylko przez administratora strony. Okazuje się jednak, że stworzenie własnej skórki na bazie istniejącej jest dosyć proste, a nawet godzina spędzona nad poprawieniem wyglądu znacznie podniesie estetykę strony.

"Resetujący" CSS i Firebug

Firebug

Używanie "resetującego" arkusza CSS jest dosyć dobrą metodą na uzyskanie identycznego wyglądu we wszystkich przeglądarkach. Niestety, znacznie utrudnia badanie styli przy pomocy Firebuga - w widoku CSS resetujące reguły powtarzają się kilkakrotnie, skutecznie zaciemniając obraz całości.

Spróbuj "zbadać" któryś z odnośników w tym blogu - w zakładce CSS zobaczysz coś takiego:

Usunięcie reguł z pliku reset.css jest proste, jednak wymaga grzebania w kodzie Firebuga - nie da się tego wyklikać.

Praktyczne okienko informacyjne

Często zachodzi potrzeba poinformowania użytkownika o sukcesie bądź niepowodzeniu jakiejś operacji, takiej jak zapisanie artykułu, wysłanie kometarza itd. Takie informacje można zaprezentować na kilka sposobów, jednak zazwyczaj będą one umieszczone statycznie gdzieś w górnej cześci strony.

Przy okazji pracy nad pewnym projektem postanowiłem podejść do tego tematu w niestandardowy sposób: po zapisaniu artykułu użytkownik zobaczy informację na środku strony, w ładnym okienku które samo zniknie po kliku sekundach. Jednocześnie rozwiązanie jest odporne na wyłączoną obsługę Java Script - w takim przypadku zostanie wyświetlone powyżej treści strony.