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
Jak osiągnąć efekt skośnego tła na stronie? [CSS]
Efekty / PHP, HTML, CSS / Tło, Obraz, Grafika

Jak osiągnąć efekt skośnego tła na stronie? [CSS]

Posted on: 13 grudnia 20199 kwietnia 2025

Czas czytania: 2 minutOd razu przyznam się, że kiedy pierwszy raz zobaczyłam skośne tło na stronie internetowej to myślałam, że ktoś obrócił tło strony. To była moja pierwsza myśl i jak się kazało błędna.

Cień na stronie z CSS3 – box-shadow, text-shadow
PHP, HTML, CSS

Cień na stronie z CSS3 – box-shadow, text-shadow

Posted on: 1 grudnia 20199 kwietnia 2025

Czas czytania: 3 minutCzasami w celu uzyskania ciekawego efektu na stronie chcemy dodać umieszczonym na niej obiektom (obrazom, tekstowi lub np. <DIV>, <button>) jak by dodatkowy wymiar.

PHTML – co to za format plików?
Inne / PHP, HTML, CSS

PHTML – co to za format plików?

Posted on: 29 listopada 20199 kwietnia 2025

Czas czytania: < 1 minutPliki z rozszerzeniem .PHTML są to najczęściej pliki HTML zawierające wstawki w kodzie PHP.

Efekt pisania tekstu na stronie internetowej – animacje CSS
Efekty / Inne / PHP, HTML, CSS / Strony WWW

Efekt pisania tekstu na stronie internetowej – animacje CSS

Posted on: 22 listopada 201915 lutego 2025

Czas czytania: < 1 minutDzisiaj wracam do tematyki animacji jakich można użyć na stronie internetowej. Do tej pory pokazałam takie dość klasyczne animacje głównie na obrazkach i grafikach. Tym razem na swój warsztat wezmę więc tekst.

Pojawiający się obrazek po najechaniu kursorem myszy [CSS]
Efekty / PHP, HTML, CSS

Pojawiający się obrazek po najechaniu kursorem myszy [CSS]

Posted on: 1 listopada 201920 kwietnia 2025

Czas czytania: 2 minutTym razem pokażę wam jak w bardzo prosty sposób uzyskać na stronie internetowej efekt obrazka pojawiającego się po najechaniu kursorem myszy na link. Inne podobne efekty aktywowane położeniem kursora myszy znajdziecie w serii […]

Jak automatycznie wyświetlić na stronie wszystkie obrazy z folderu? Prosta Galeria w PHP [JS]
Biblioteki JavaScript / Jak to zrobić

Jak automatycznie wyświetlić na stronie wszystkie obrazy z folderu? Prosta Galeria w PHP [JS]

Posted on: 18 października 201922 maja 2025

Czas czytania: 3 minutDzisiaj pokażę wam jak wyświetlić na stronie wszystkie obrazy znajdujące się w folderze. Oczywiście będziemy to robić bez linkowania po kolei każdego zdjęcia. Od razu wyrzucimy wszystkie obrazy z wybranego katalogu.

Jak dodać plik w formacie SVG do strony internetowej?
Efekty / Formatowanie tekstu na stronie / PHP, HTML, CSS

Jak dodać plik w formacie SVG do strony internetowej?

Posted on: 11 października 20196 maja 2026

Czas czytania: 3 minutTemat plików SVG nie jest nowy na moim blogu – poruszyłam jego tematykę w sumie już kilkakrotnie. Tym razem postaram się wam pokazać jak można umieścić taki plik na stronie internetowej.

Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]
Formatowanie tekstu na stronie / Inne / PHP, HTML, CSS

Wpływanie na elementy znajdujące się obok siebie (siostrzane) [CSS]

Posted on: 27 września 20192 kwietnia 2025

Czas czytania: 2 minutDzisiaj pokażę wam jak w bardzo prosty sposób możemy powiązać ze sobą elementy, elementy siostrzane. Czyli takie, które znajdują się obok siebie (mają wspólnego rodzica) i nie są w żaden inny sposób ze sobą powiazane. […]

Metodyka OOCSS (Object Oriented CSS) – dla stron internetowych
PHP, HTML, CSS / Strony WWW

Metodyka OOCSS (Object Oriented CSS) – dla stron internetowych

Posted on: 20 września 201911 stycznia 2025

Czas czytania: 2 minutDzisiaj po raz kolejny zajmę się metodykami/konwencjami CSS. Do tej pory omówiłam już konwersję BEM jeśli macie ochotę możecie o niej poczytać tutaj. Dzisiaj przejdę do kolejnej a więc OOCSS. Warto pamiętać, że metodyka podobnie jak […]

Podstawowe elementy, z których składa się strona w HTML
PHP, HTML, CSS / Podstawy HTML i CSS

Podstawowe elementy, z których składa się strona w HTML

Posted on: 6 września 20199 kwietnia 2025

Czas czytania: 3 minutZdecydowałam się napisać ten wpis ponieważ prosiło go mnie o niego kilka osób. Wiem, że dla większości są to zapewne czyste podstawy ale widać powtórka z materiału każdemu czasem jest potrzebna.

Helvetica vs Arial – czym się między sobą różnią te kroje?
Gotowe rozwiązania / Strony WWW

Helvetica vs Arial – czym się między sobą różnią te kroje?

Posted on: 30 sierpnia 201915 stycznia 2025

Czas czytania: 3 minutCzy potrafisz rozróżnić między sobą font Helvetica i Arial? Jesteś tego w 100% pewien brew pozorom nie jest to takie proste.

5 ciekawych generatorów do tworzenia Grid w CSS
Gotowe rozwiązania / Inspiracje

5 ciekawych generatorów do tworzenia Grid w CSS

Posted on: 23 sierpnia 201912 stycznia 2025

Czas czytania: 3 minutZapewne każdy z was podczas budowy strony internetowej korzysta z pewnego rodzaju struktury grid.

Stronicowanie wpisów

Previous page Page 1 … Page 6 Page 7 Page 8 … Page 24 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 dla czytelników

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}