Zamiana obrazka metodą Webfonts
Niewielu webmasterów wie, że istnieje lepsza metoda podmiany obrazka na stronie z wykorzystaniem CSS niż ta, która przesuwa dany obrazek poza obszar ekranu. Obraz osadzony przy pomocy tagu <img src=””…
Tworzenie stron WWW
Kontrolowanie odstępów między literami i słowami
Właściwości letter-spacing oraz word-spacing umożliwiają kontrolowanie odstępów między literami oraz między poszczególnymi słowami. Obie właściwości mogą przyjmować wartość dodatnią lub ujemną, aby określić wielkość odstępów – wartości dodatkie powodują dodanie…
Zmiana koloru tła pola formularza po kliknięciu w nie
Dzięki kaskadowym arkuszom stylów można zmienić wygląd pól formularza z szarych i ponurych, na kolorowe, pasujące do reszty strony. Poniższy kod pokazuje jak wykonać pole formularza po kliknięciu, w które…
Tworzenie pionowej linii
Dzięki kaskadowym arkuszom stylów można w łatwy sposób tworzyć pionowe linie. Poniżej przedstawiony jest przykład. <div style="border-left:1px solid black; height: 200px; width: 0"></div> Zamiast black można wpisać dowolny kolor, w którym będzie…
Komentarze w kaskadowych arkuszach stylów
Umieszczanie w kodzie strony komentarzy (czyli tekstu, który nie będzie z żaden sposób interpretowany przez przeglądarkę) jest korzystne z kilku powodów. Jednym z nich jest tworzenie prostej dokumentacji – chodzi…
Formatowanie tabel za pomocą CSS
Za pomocą kaskadowych arkuszy stylów można kontrolować wygląd tabel. Poniższa tabela pokazuje, które właściwości CSS odpowiadają poszczególnym atrybutom znaczników Cel Atrybut tabeli Właściwości CSS Obramowanie border właściwości border Odstęp wewnątrz komórki…
Trzy sposoby na definiowanie stylów CSS
Aby zdefiniować styl CSS na stronie WWW należy użyć jednego z trzech sposobów, które opisane zostały poniżej. Zapis lokalny <selektor style="właściwość: wartość">…</selektor> Zapis lokalny ma pierwszeństwo przed arkuszami stylów umieszczanych…
Jednostki w arkuszach stylów
Właściwości arkuszy stylów obsługują szeroki zakres jednostek, które zaprezentowane są w poniższej tabeli. Jednostka Opis px Piksel jest najmniejszą adresowalną jednostką na ekranie komputera i w innych urządzeniach. pt Punkty…
Usunięcie paska przewijania z obszaru tekstowego (textarea)
Za pomocą CSS można łatwo pozbyć się paska przewijania z obszaru tekstowego textarea używając elementu overflow. Jest to szczególnie przydatne, gdy obszar tekstowy jest mały, a pasek zbędny. <textarea style="width:…
Menu w formie zakładek
Często spotykanym rozwiązaniem w projektowaniu menu strony jest tworzenie go w formie zakładek. Poniższe menu składa się z nieuporządkowanej listy ułożonej poziomo. <!DOCTYPE html> <html> <head> <title> Menu w formie…
Formularz resetowania hasła bez użycia pluginu dla WordPressa
Istnieje bardzo wiele wtyczek dla WordPress’a umożliwiających dodanie formularza odzyskiwania hasła bezpośrednio do dowolnego szablonu. Pamiętajmy jednak, że odsyłanie internautów do skryptu WP-Admin nie jest zbyt profesjonalnym rozwiązaniem więc na…
Formularz rejestracji nowych użytkowników bez użycia pluginu dla WordPressa
Istnieje bardzo wiele wtyczek dla WordPress’a umożliwiających dodanie formularza rejestracji nowych użytkowników bezpośrednio do dowolnego szablonu. Pamiętajcie jednak, że odsyłanie internautów do skryptu WP-Admin nie jest zbyt profesjonalnym rozwiązaniem więc…
