Kategoria HTML + CSS
![Prosty formularz kontaktowy w PHP Prosty formularz kontaktowy w PHP](https://s3.webste.pl/itporady/public/images/posts-thumb/mail.png)
Prosty formularz kontaktowy w PHP
Dzięki formularzowi wysłanie wiadomości będzie dla klienta szybsze, a strona w odbiorze bardziej profesjonalna.
Czytaj dalej...![Generator różnych rozmiarów favicony Generator różnych rozmiarów favicony](https://s3.webste.pl/itporady/public/images/posts-thumb/favicomatic.png)
Generator różnych rozmiarów favicony
Przyjrzymy się narzędziu, które utworzy za nas wiele plików z rozmiarami favicony pod np. Facebooka, Twittera, systemy mobilne iOS i Android.
Czytaj dalej...![Potwierdzenie opuszczenia strony, formularza - jak zrobić? Potwierdzenie opuszczenia strony, formularza - jak zrobić?](https://s3.webste.pl/itporady/public/images/posts-thumb/mail.png)
Potwierdzenie opuszczenia strony, formularza - jak zrobić?
Klient wypełnia ważny formularz, następnie przypadkowo zamyka przeglądarkę. Jak można się zabezpieczyć przed takimi sytuacjami?
Czytaj dalej...![Jak dodać ikonki Glyphicons do Bootstrapa 4? Jak dodać ikonki Glyphicons do Bootstrapa 4?](https://s3.webste.pl/itporady/public/images/posts-thumb/bootstrap.png)
Jak dodać ikonki Glyphicons do Bootstrapa 4?
Bootstrap w wersji 3 zawiera ikonki Glyphicons. Wersja 4 nie posiada wbudowanych ikon. Istnieje sposób na dołączenie Glyphicons - jak to zrobić?
Czytaj dalej...![Jak poprawnie sklonować formularz za pomocą jQuery? Jak poprawnie sklonować formularz za pomocą jQuery?](https://s3.webste.pl/itporady/public/images/posts-thumb/programming.png)
Jak poprawnie sklonować formularz za pomocą jQuery?
Przy klonowaniu formularza za pomocą jQuery możemy trafić na problem. Funkcja clone() kopiuje cały formularz, natomiast bez żadnych wartości.
Czytaj dalej...![Kolorowanie składni kodu PHP, CSS, HTML, JavaScript - poznajcie Prism Kolorowanie składni kodu PHP, CSS, HTML, JavaScript - poznajcie Prism](https://s3.webste.pl/itporady/public/images/posts-thumb/kolorowanie-skladni-kodu-php-css-html-javascript-poznajcie-prism.png)
Kolorowanie składni kodu PHP, CSS, HTML, JavaScript - poznajcie Prism
Jak zaprezentować na stronie fragmenty kodu PHP, HTML czy CSS? Warto skorzystać z Prism, dzięki któremu otrzymamy pokolorowany kod.
Czytaj dalej...![Rozmiary w CSS względem obszaru roboczego, czyli vw, vh, vmax i vmin Rozmiary w CSS względem obszaru roboczego, czyli vw, vh, vmax i vmin](https://s3.webste.pl/itporady/public/images/posts-thumb/css.png)
Rozmiary w CSS względem obszaru roboczego, czyli vw, vh, vmax i vmin
Wielkość bloków w HTMLu ustala się na podstawie liczby pikseli, procentów. Możliwe jest również ustalenie odległości względem obszaru roboczego.
Czytaj dalej...![Jak złamać długi ciąg znaków w HTML/CSS? Jak złamać długi ciąg znaków w HTML/CSS?](https://s3.webste.pl/itporady/public/images/posts-thumb/css.png)
Jak złamać długi ciąg znaków w HTML/CSS?
Może się to przydać, gdy strona jest "rozciągnięta" przez jedno długie słowo, jeden link lub po prostu długi ciąg znaków. Jak się tego pozbyć?
Czytaj dalej...![Jak wykryć Adblocka? Wyświetlanie informacji w przypadku wykrycia Jak wykryć Adblocka? Wyświetlanie informacji w przypadku wykrycia](https://s3.webste.pl/itporady/public/images/posts-thumb/firefox.png)
Jak wykryć Adblocka? Wyświetlanie informacji w przypadku wykrycia
Użytkownik dodając do przeglądarki wtyczkę "Adblock" ukrywa reklamy na naszych stronach. Możemy wyświetlić wówczas mu jakiś komunikat.
Czytaj dalej...![Przekierowanie w PHP, JavaScript, HTML, .htaccess Przekierowanie w PHP, JavaScript, HTML, .htaccess](https://s3.webste.pl/itporady/public/images/posts-thumb/programming.png)
Przekierowanie w PHP, JavaScript, HTML, .htaccess
Przekierowanie użytkownika z jednej lokalizacji do innej - jak to zrobić za pomocą HTML, .htaccess lub PHP?
Czytaj dalej...![Obrazek z pogodą na stronę - jak wstawić taki widget? Obrazek z pogodą na stronę - jak wstawić taki widget?](https://s3.webste.pl/itporady/public/images/posts-thumb/weather.png)
Obrazek z pogodą na stronę - jak wstawić taki widget?
Dostępne są prognozy na dziś, jutro, kilka dni na przód. Można wybierać spośród wielu miast Polski. Oprócz tego możliwa jest personalizacja.
Czytaj dalej...![Własne strony błędów - jak to zrobić? Własne strony błędów - jak to zrobić?](https://s3.webste.pl/itporady/public/images/posts-thumb/error.png)
Własne strony błędów - jak to zrobić?
Sprawdźmy jak zrobić własne strony błędów, dopasowane do własnego szablonu, nawiązujące do naszej strony internetowej.
Czytaj dalej...![Jak sprawdzić poprawność kodu pocztowego? Jak sprawdzić poprawność kodu pocztowego?](https://s3.webste.pl/itporady/public/images/posts-thumb/php.png)
Jak sprawdzić poprawność kodu pocztowego?
Jak zweryfikować czy użytkownik podał poprawny kod pocztowy, czy zachował jego poprawną formę?
Czytaj dalej...![Przewijany pasek społecznościowy Facebook, Twitter, Google Plus Przewijany pasek społecznościowy Facebook, Twitter, Google Plus](https://s3.webste.pl/itporady/public/images/posts-thumb/html.png)
Przewijany pasek społecznościowy Facebook, Twitter, Google Plus
Sporo stron umieszcza tzw. "social slider". Jest to pasek, który cały czas jest widoczny dla użytkownika (nawet przewijając stronę w górę i w dół).
Czytaj dalej...![Prosty skrypt galerii zdjęć z efektem Highslide - wersja 2 Prosty skrypt galerii zdjęć z efektem Highslide - wersja 2](https://s3.webste.pl/itporady/public/images/posts-thumb/prosty-skrypt-galerii-zdjec-z-efektem-highslide-wersja-2.png)
Prosty skrypt galerii zdjęć z efektem Highslide - wersja 2
Jak stworzyć silnik galerii zdjęć przy wykorzystaniu technologii Ajax do ich efektywnej prezentacji. Przedstawiam drugą wersję skryptu.
Czytaj dalej...![Jak wstawić domyślny tekst do pola wyszukiwarki? (oraz omówienie podstawowych pseudoklas w CSS) Jak wstawić domyślny tekst do pola wyszukiwarki? (oraz omówienie podstawowych pseudoklas w CSS)](https://s3.webste.pl/itporady/public/images/posts-thumb/html.png)
Jak wstawić domyślny tekst do pola wyszukiwarki? (oraz omówienie podstawowych pseudoklas w CSS)
Podczas tworzenia wyszukiwarki na stronie, bądź jakiegokolwiek pola formularza, przydatne może być dodanie domyślnej wartości czyli placeholdera.
Czytaj dalej...![Zmiana i rozjaśnienie obrazka po najechaniu kursorem Zmiana i rozjaśnienie obrazka po najechaniu kursorem](https://s3.webste.pl/itporady/public/images/posts-thumb/css.png)
Zmiana i rozjaśnienie obrazka po najechaniu kursorem
Pytanie zadane przez Wojtka: mam dwa takie same zdjęcia - na początku jest czarno-białe, chciałbym aby po najechaniu było kolorowe.
Czytaj dalej...![Podkład muzyczny na stronie Podkład muzyczny na stronie](https://s3.webste.pl/itporady/public/images/posts-thumb/music.png)
Podkład muzyczny na stronie
Jak szybko dodać do strony podkład muzyczny? Jak rozpocząć jego odtwarzanie bez koniecznej ingerencji użytkownika?
Czytaj dalej...![Losowy element (tekst, obrazek, cytat) Losowy element (tekst, obrazek, cytat)](https://s3.webste.pl/itporady/public/images/posts-thumb/php.png)
Losowy element (tekst, obrazek, cytat)
Przydatną rzeczą na stronie WWW może okazać się wyświetlenie losowego tekstu lub obrazka.
Czytaj dalej...![Umieszczanie wykresów na stronach www Umieszczanie wykresów na stronach www](https://s3.webste.pl/itporady/public/images/posts-thumb/charts-2.png)
Umieszczanie wykresów na stronach www
Wklejanie grafik i tabel na strony internetowe jest coraz popularniejsze. Czemu nie przedstawić danych w formie eleganckiego wykresu?
Czytaj dalej...