Następnym elementem, który wpływa na na szybkość naszej witryny jest to jak wygląda, a za wygląd dopowiadają arkusze stylów (po angielsku Cascading Style Sheets, w skrócie CSS).
Tag: css
WordPress: jak zmienić tło w co drugim wpisie
Na polskim forum WordPressa użytkownik kujdak zadał pytanie Mam skórkę Twenty Eleven ten. chciałem wyróżnić posty – co drugi o np. szarym tle. porsze o pomoc jak to zrobic? Odpowiedź dotyczy dowolne skórki i jest przewrotna. Wystarczy dodać odpowiednią klasę i ją wyróżnić. A więc jak dodać klasę? add_filter( 'post_class', 'iworks_even_odd_post_class_filter' ); $post_count = 1; function iworks_even_odd_post_class_filter( $class ) { global $post_count; $class[]… Czytaj dalej WordPress: jak zmienić tło w co drugim wpisie
WordPress: modyfikacja ekranu logowania
WordPress bez zbędnego kłopotu pozwala zmienić domyślny wygląd ekranu logowania: <?php /** * branding ekranu logowania */ function iworks_login_logo() { ?> <style type="text/css"> h1 a { background-image:url(’http://iworks.pl/logo.png'); height:95px; } </style> <?php } add_action( 'login_head', 'iworks_login_logo' ); add_filter( 'login_headerurl', create_function(”, 'return "http://iworks.pl/"' ) ); ?><?php /** * branding ekranu logowania */ function iworks_login_logo() { ?> <style type="text/css">… Czytaj dalej WordPress: modyfikacja ekranu logowania
Testy motywu – skąd treść?
Tworząc nowy motyw do wordpressa na pewnym etapie prac zabieramy się do testowania naszej pracy. Ale żeby ją przetestować najlepiej korzystać z instancji, która … o zgrozo … zawiera dane. Oczywiście można skorzystać z kopii już istniejącego serwisu i często tak robię, ale to nie rozwiązuje wszystkich testów, które należy przeprowadzić, szczególnie jeżeli korzystam z zestawu klas, które resetują ustawienia css’ów. Podstawowym zestawem danych z których korzystam, jest ten udostępniany przez autorów wordpressa.… Czytaj dalej Testy motywu – skąd treść?
Interaktywna mapa Polski
Drobna wtyczka, która powstała na zamówienie mojej Lepszej Połowy, a które służy do wyboru województwa z poziomu interaktywnej mapy. Wykorzystałem mapę stworzoną i udostępnioną na stronie: winston_wolf. Instalacja wtyczki jest prosta: Ładujemy wtyczkę do folderu z … wtyczkami. Aktywujemy ją. Ustawiamy odnośniki do województw „Ustawienia”->”Interaktywna Mapa Polski” Umieszczamy shortcode [mapa-polski] we wpisie lub na stronie. Umieszczamy widget w sidebarze. Mapa nie wymaga flasha czy innych dodatkowych wtyczek, wykorzystuje javascript i arkusze stylów.… Czytaj dalej Interaktywna mapa Polski
CSS Sprites
Polecam omówienie techniki, którą powinien znać KAŻDY szanujący się webowiec. Learning CSS Sprites
różnice w CSS dla Internet Explorer 6, 7 i 8
Świetne zestawienie: CSS Differences in Internet Explorer 6, 7 and 8 Pokazane punkt po punkcie jakie selektory działają w której z wersji przeglądarki. Ogólna konkluzja jest taka, że wersja 6 była/jest po prostu strasznie fatalna. Bardziej nawet niż myślałem.
Znikło coś, czyli paskudny błąd IE7
Sytuacja jest prosta. W pewnym miejscu serwisu przestała się pokazywać zawartość jednego z boksów. Widać było sam kontener, prawidłowo wypełniony tłem i prawidłowo rozciągnięty w pionie przez swoją zawartość. Jedno ale. Zawartości nie widać. Przykładowy listing: <div class=”a”> <div id=”dyn”></div> </div> <div class=”a”> <div class=”b”>treść</div> </div> Wszystkie divy są float’owane do lewej, wszystkie też mają ustawiony clear po lewej stronie. Całość znajduje się… Czytaj dalej Znikło coś, czyli paskudny błąd IE7
Jak stworzyć stronę do wydruku
Po stworzeniu fantastycznie wyglądającej strony warto zastanowić się jak nasza strona będzie wyglądała na wydruku. To ważne, bo ile razy zdarzyło się wam po prostu wydrukować stronę w celu dalszego jej wykorzystania, do przeczytania w podróży czy też do spokojnego zaznaczenia sobie co ciekawszych fragmentów? Obrazek z Wikipedia Faktycznie w przypadku blogów można z tym troszkę dyskutować, ale tylko troszkę. W przypadku pozostałych stron nie da się z tym dyskutować, ponieważ jest… Czytaj dalej Jak stworzyć stronę do wydruku
Lista ikonek – tworzymy podcień
Wcześniejszy wpis w którym opisane było tworzenie listy ikonek pod tytułem pozwolił na wytworzenie następującej listy ikonek. Ładnie toto wygląda, jest małe i wygodne. Ale może by tak dodać jeszcze cień pod każdą z graficzek? Sposoby na uzyskanie czegoś takiego są dwa. Jeden polega na takiej modyfikacji pierwotnego pliku, żeby cienie były w nim obecne. Drugi polega na dołożenia cienia pod każdy z elementów, co niestety wiążę się z dodatkową grafiką. Przedstawię ten… Czytaj dalej Lista ikonek – tworzymy podcień