Skip to content

AuraInWeb

Blog o budowie stron i e-marketingu

  • Home
  • Blog
    • Marketing
      • Content marketing
      • Pozycjonowanie
      • Infografika
    • Artykuł Sponsorowany
    • Programy i aplikacje
    • WordPress
    • e-commerce
  • Budowa stron
    • PHP, HTML, CSS
      • Podstawy HTML i CSS
      • Tekst w HTML i CSS
      • Formatowanie tekstu na stronie
      • Tło, Obraz, Grafika
      • Listy na stronie
      • Menu
      • Obramowania
      • Formularze
      • Efekty
      • Inne
    • Kurs Bootstrap
    • Kurs PHP
    • CMS
    • Gotowe rozwiązania
    • Jak to zrobić
  • O mnie
    • Kontakt
    • Filmy
  • Darmowe Kursy
    • Kurs HTML + CSS dla początkujących
    • Kurs z prowadzenia własnego bloga!
    • Kurs z PHP
    • Kurs z WordPress dla początkujących
    • Kurs z Pozycjonowania
    • Poradniki
Zmniejszanie paska nawigacyjnego (nav, header) na stronie na stronie
Jak to zrobić / Menu

Zmniejszanie paska nawigacyjnego (nav, header) na stronie na stronie

Posted on: 26 stycznia 202626 stycznia 2026

Czas czytania: 2 minutZmniejszający się na stronie pasek nawigacyjny (nav, header) to dość często spotykany efekt. Utworzenie go wcale nie wymaga dużego nakładu czasu a jedynie znajomości odpowiednich właściwości. Zazwyczaj uzyskuje się go dzięki CSS i JavaScript (lub […]

Tło poruszające się za kursorem myszy
Biblioteki JavaScript / Jak to zrobić

Tło poruszające się za kursorem myszy

Posted on: 3 maja 202511 sierpnia 2025

Czas czytania: 2 minutTematem jaki tym razem chce poruszyć jest tło poruszające się za kursorem myszy. W praktyce końcowym efektem będzie tło będzie podrożało podążające za ruchem myszki odsłaniając lub chowając fragmenty obrazu, zdjęcia […]

Blokowanie nagłówków tabeli HTML w pionie poziomie za pomocą CSS
PHP, HTML, CSS / Tabele

Blokowanie nagłówków tabeli HTML w pionie poziomie za pomocą CSS

Posted on: 21 kwietnia 202520 kwietnia 2025

Czas czytania: 2 minutTym razem zajmiemy się tematyką blokowania nagłówków tabeli na stronie internetowej. Umożliwi to nam budowanie bardziej zaawansowanych tabel na stronach takich nieco przypominających te z Excela lub innego arkusza kalkulacyjnego. Przynajmniej a wyglądu.

Przezroczysty napis z obramowaniem HTML/CSS
Efekty / Jak to zrobić / Tekst w HTML i CSS

Przezroczysty napis z obramowaniem HTML/CSS

Posted on: 14 kwietnia 202522 maja 2025

Czas czytania: 2 minutDzisiaj pokażę wam jak w bardzo prosty sposób stworzyć przezroczysty napis z obramowaniem na stronę internetową korzystając jedynie z HTML i CSS. Do wykonania tego efektu będzie nam też potrzebna podstawowa wiedza z obu tych […]

Responsywna tabela HTML/CSS
Tabele

Responsywna tabela HTML/CSS

Posted on: 7 kwietnia 202511 kwietnia 2025

Czas czytania: 2 minutTematem jakim dziś się zajmiemy będą responsywne tabele na stronie internetowej lub jak kto woli RWD Tables. Jak zapewne wiecie responsywność jest obecnie jednym z podstawowych wymogów jakie musi spełnić […]

Jak zrobić cytat na stronie < blockquote >, < q >?[HTML]
PHP, HTML, CSS / Tekst w HTML i CSS

Jak zrobić cytat na stronie < blockquote >, < q >?[HTML]

Posted on: 31 marca 20251 kwietnia 2025

Czas czytania: < 1 minutDzisiaj pokażę wam jak w bardzo prosty sposób dodać cytat na stronę internetową. Do tego celu użyjemy znaczników kodu HTML – <blockquote> oraz <q>. Pierwszy z nich tworzy blok tekstowy, w którym umieścimy treść cytatu. […]

Wyjaśnienie selektora :nth-child() – CSS
PHP, HTML, CSS / Wygląd witryny

Wyjaśnienie selektora :nth-child() – CSS

Posted on: 23 stycznia 20248 kwietnia 2025

Czas czytania: 2 minutPseudoklasa CSS :nth-child() to selektor oddziałujący na elementy, które spełniają określone warunki. Przykładowo są 3 / 2 elementem potomnym w jakiś kontenerze lub na jakieś liście.

Właściwość CSS backdrop-filter
Tło, Obraz, Grafika

Właściwość CSS backdrop-filter

Posted on: 25 grudnia 20231 kwietnia 2025

Czas czytania: < 1 minutWłaściwość CSS backdrop-filter należy do grupy filtrów z ich pomocą możemy zmienić fragment koloru tła mieszczący się pod elementem blokowym np. <div>, <span>, <p>.

Hreflang – definicja, zastosowanie
PHP, HTML, CSS / Podstawy HTML i CSS

Hreflang – definicja, zastosowanie

Posted on: 29 maja 20239 kwietnia 2025

Czas czytania: < 1 minutHreflang jest to atrybut, znacznik HTML umieszczany w nagłówku strony internetowej. Głównym jego zadaniem jest informowanie przeglądarki o istnieniu różnych wersji językowych.

Układ kolumnowy na stronie z pomocą float
PHP, HTML, CSS / Formatowanie tekstu na stronie / Wygląd witryny

Układ kolumnowy na stronie z pomocą float

Posted on: 16 stycznia 20239 kwietnia 2025

Czas czytania: 7 minutDziś zajmiemy się tematyką rozmieszczania elementów na stronie internetowej. Do tego celu na stronach wykorzystuje się elementy takie jak <div>, <header> czy <footer>. Nas dziś będzie interesował <div>.

Selektor ID czy CLASS jak używać (HTML i CSS)
PHP, HTML, CSS / Podstawy HTML i CSS

Selektor ID czy CLASS jak używać (HTML i CSS)

Posted on: 12 grudnia 202219 stycznia 2026

Czas czytania: 2 minutId (identyfikatory) i Class (klasy) to dwa rodzaje elementów (selektor) umożliwiające „połączenie” / „przypisanie” ze sobą / do siebie HTML i CSS (ang. Cascading Style Sheets). Dzięki nim nie musimy wprowadzać kodu CSS bezpośrednio na dany […]

Elementy blokowe i liniowe na stronie internetowej
PHP, HTML, CSS / Inne / Podstawy HTML i CSS / Strony WWW

Elementy blokowe i liniowe na stronie internetowej

Posted on: 5 grudnia 202213 kwietnia 2025

Czas czytania: 2 minutElementy HTML, które umieszczamy na stronie internetowej podzielić można na kilka grup. Jedną z nich pod względem zajmowanej przestrzeni są elementy liniowe i blokowe.

Stronicowanie wpisów

Page 1 Page 2 … Page 7 Next page

Szukaj

Jeśli chcesz wesprzeć moje działania:

Postaw mi kawę na buycoffee.to

Uzyskane w ten sposób fundusze będę przeznaczać na dalszy rozwój bloga (w tym różne opłaty związane z jego prowadzeniem).

Kurs z HTML i CSS

Najświeższe wpisy

  • Zmniejszanie paska nawigacyjnego (nav, header) na stronie na stronie
  • Akordeon, czyli rozwijaki i zwijaki na stronę internetową
  • Tworzymy pasek ikon za pomocą HTML i CSS
  • Jak to zrobić Oś czasu na stronie? (RWD)
  • Budowa prostego slideshow (pokazu slajdów)

Strona korzysta z serwera:

LH.pl dobry hosting
LH.pl dobry hosting

Reklama

canva - tworzenie grafik
  • Facebook
  • Instagram
  • YouTube

Polityka prywatności

  • Polityka prywatności

Kontakt

Kontakt: aurainweb@gmail.com
lub Facebooka
To prywatny blog, nie firma. Jeśli zależy Ci na współpracy ze mną to napisz śmiało.

Najnowsze artykuły

  • Zmniejszanie paska nawigacyjnego (nav, header) na stronie na stronie
  • Akordeon, czyli rozwijaki i zwijaki na stronę internetową
  • Tworzymy pasek ikon za pomocą HTML i CSS
  • Jak to zrobić Oś czasu na stronie? (RWD)
  • Budowa prostego slideshow (pokazu slajdów)

Kategorie na blogu

Książki - wybierz na Ceneo

Archiwum

Szukaj na blogu

Reklama


Telefony komórkowe_kreacje_świąteczne na Ceneo.pl

animacja animacja z użyciem CSS3 biblioteka blog bootstrap bootstrap 4 bootstrap tutorial cms CSS CSS3 edycja tekstu efekty CSS font formatowanie tekstu Google hover html Inspiracje JavaScript Joomla! jQuery kod kolory kurs kurs CSS kurs html marketing internetowy obraz obrazek Podstawy HTML pseudo klasa pseudoklasa strona strona internetowa strona www strony www style CSS tabela tekst tutorial tutorial CSS Tutorial CSS3 twitter bootstrap tło wpis sponsorowany

Jeśli chcesz wesprzeć moje działania: Postaw mi kawę na buycoffee.to

Niestety ostatnimi czasy koszta prowadzenia bloga dość mocno wzrosły dlatego też postanowiłam dodać ten przycisk. Jak z pewnością wiecie prowadzę bloga sama i niestety nie zarabia on na siebie. A przynajmniej nie tyle by opłacić wszystkie koszta jego prowadzenia.

Reklama

LH.pl dobry hosting
LH.pl dobry hosting

Tagi

animacja animacja z użyciem CSS3 biblioteka blog bootstrap bootstrap 4 bootstrap tutorial cms CSS CSS3 edycja tekstu efekty CSS font formatowanie tekstu Google hover html Inspiracje JavaScript Joomla! jQuery kod kolory kurs kurs CSS kurs html marketing internetowy obraz obrazek Podstawy HTML pseudo klasa pseudoklasa strona strona internetowa strona www strony www style CSS tabela tekst tutorial tutorial CSS Tutorial CSS3 twitter bootstrap tło wpis sponsorowany
canva - tworzenie grafik
Theme Cube Blog by Kantipur Themes
Zarządzaj zgodą na pliki cookie
Używamy technologii takich jak pliki cookie do przechowywania i/lub uzyskiwania dostępu do informacji o urządzeniu. Robimy to, aby poprawić jakość przeglądania i wyświetlać (nie)spersonalizowane reklamy. Wyrażenie zgody na te technologie umożliwi nam przetwarzanie danych, takich jak zachowanie podczas przeglądania lub unikalne identyfikatory na tej stronie. Brak wyrażenia zgody lub jej wycofanie może niekorzystnie wpłynąć na niektóre cechy i funkcje.
Funkcjonalne Zawsze aktywne
Przechowywanie lub dostęp do danych technicznych jest ściśle konieczny do uzasadnionego celu, jakim jest umożliwienie korzystania z konkretnej usługi wyraźnie wymaganej przez abonenta lub użytkownika, lub wyłącznie w celu przeprowadzenia transmisji komunikatu przez sieć łączności elektronicznej.
Preferencje
Przechowywanie lub dostęp techniczny jest niezbędny do uzasadnionego celu przechowywania preferencji, o które nie prosi subskrybent lub użytkownik.
Statystyki
Przechowywanie lub dostęp techniczny, który jest używany wyłącznie do celów statystycznych. Przechowywanie techniczne lub dostęp, który jest używany wyłącznie do anonimowych celów statystycznych. Bez wezwania do sądu, dobrowolnego podporządkowania się dostawcy usług internetowych lub dodatkowych zapisów od strony trzeciej, informacje przechowywane lub pobierane wyłącznie w tym celu zwykle nie mogą być wykorzystywane do identyfikacji użytkownika.
Marketing
Przechowywanie lub dostęp techniczny jest wymagany do tworzenia profili użytkowników w celu wysyłania reklam lub śledzenia użytkownika na stronie internetowej lub na kilku stronach internetowych w podobnych celach marketingowych.
  • Zarządzaj opcjami
  • Zarządzaj serwisami
  • Zarządzaj {vendor_count} dostawcami
  • Przeczytaj więcej o tych celach
Zobacz preferencje
  • {title}
  • {title}
  • {title}