Najnowsze tutoriale tworzenie stron internetowych
 

W3.CSS Przykłady

×

nagłówek


W3.CSS Kontenery

Podstawowe pojemnik
Pojemnik z kolorem
nagłówek Container
Pojemnik stopka
Artykuł pojemnika i sekcję
notatki kontenerów
panele kontenerów
cytaty kontenerów
Pojemnik z elementów <div>
Pojemnik z elementów semantycznych
Pojemnik wyściółka
Pojemnik z nagłówków i akapitów
Pojemnik cięcia
Ukrywanie / zamykania pojemników
Pokaż / otwarte pojemniki

Przykłady przedstawione


W3.CSS Borders

granice
Wyświetlanie notatek
Wyświetlanie paneli
Wyświetlanie cytaty
Wyświetlanie granic hoverable
Wyświetlanie kodu HTML
Wyświetlanie kodu CSS
Wyświetlanie kodu JavaScript

Przykłady przedstawione


W3.CSS Narzędzia / Pomocnicy

Wypełnienie wszystkich stron
wyściółka pozioma
Pionowe wyściółka
narzędzia Margin
Dobór narzędzia
zaokrąglanie narzędziowe
narzędzia grono
media center
narzędziowe pływający
Pokaż / ukryj narzędzia

Przykłady przedstawione


W3.CSS Przyciski

Podstawowe przyciski
kolory przycisków
kolory Hover
przycisk kształty
przycisk rozmiary
przycisk granic
Przyciski z efektów tekstowych
Przyciski z cienia skutki
Przyciski z wąskimi i szerokimi efektów tekstowych
Przyciski pełnej szerokości
przyciski niepełnosprawnych
grupy przycisków
Przyciski z efektami akustyczną
Przyciski pływające (okrągłe)
Duże przyciski pływające

Przykłady przedstawione


W3.CSS Karty

Podstawowe kategorie
Kolorowe karty
karty fotograficzne
zawartość karty
Hoverable karty
Karta Avatar z przyciskami
Karta Avatar przyciskiem pełnej szerokości

Przykłady przedstawione


W3.CSS Alerts

Podstawowe alarmy
zamykane alarmy
Zaokrąglone alarmy
Alert karty

Przykłady przedstawione


W3.CSS Stoły

tabela podstawowa
Graniczy table (przekładki poziome)
Rozłożony tabeli
Graniczy paski tabeli
Krawędzie wokół stołu
Rzut paski
Tablica z kolorowym tytule
Tabela kolorów
Hoverable tabeli (kolor szary)
Specjalny hoverable tabeli kolorów
Karta Tabela
responsive tabeli
Tiny table
Mały stół
Duży stół
stół XLarge
stół XXLarge
stół XXXLarge
Jumbo tabeli

Przykłady przedstawione


Listy W3.CSS

lista podstawowa
graniczy lista
Lista nagłówek
Lista karty
centered lista
lista Barwne
Kolorowy element listy
Hoverable lista (szary kolor)
Specjalny hoverable lista kolorów
zamykany lista
lista usztywniany
lista Avatar
Tiny lista
mała lista
Duża lista
lista XLarge
lista XXLarge
lista XXXLarge
Jumbo lista

Przykłady przedstawione


W3.CSS Images

zaokrąglone obrazu
krążył obrazu
graniczy obrazu
Hoverable obrazu
Karta Obraz
tekst Obraz
Album zdjęć

Przykłady przedstawione


W3.CSS Wejścia

Najlepsze etykiety
Spód etykiety
karty wejściowe
zielone etykiety
Members wejść etykiet
Kolorowe etykiety
graniczy wejścia
Zaokrąglone granice
wejście obramowania
wejścia Kolorowe
wejścia Hoverable
wejścia animowane
Pola wyboru
przyciski radiowe
Wybierz menu
Graniczy wybierz Menu
Elementy formularza w sieci trzy kolumny
Układ dwukolumnowy z etykietami

Przykłady przedstawione


W3.CSS Odznaki

Odznaki
tagi
Lista z odznaki
duże tagi
duże odznaczenia
Wyświetlanie litery tagów

Przykłady przedstawione


W3.CSS Znaki

Tag jako znak
Tagi w rzędzie
Znaki drogowe
duże znaki
Duże znaki 2
Duże znaki zaokrąglone
Wyświetlanie flagę

Przykłady przedstawione


W3.CSS Responsive

Klasa w3 połowę
W3 trzecia klasa
Klasa w3-twothird
Klasa w3 czwarta
Klasa w3-threequarter
Zagnieżdżone wierszy (W3-pół wewnątrz w3 połowę)
Kolumny z wykorzystaniem w3-Rest
Kolumny z wykorzystaniem procent
Klasa w3-content
Różnica pomiędzy w3 rzędzie i W3-row-wyściółką

Przykłady przedstawione


W3.CSS Animacja

Najlepsza animacja
Dno animacja
Lewy animacja
Prawo animacja
zanikanie animacji
Zanikanie nieskończoną animację
animacja zoom
animacja wirowania
znikną wszystkie

Przykłady przedstawione


W3.CSS Dropdowns

Hoverable rozwijanego menu
Hoverable rozwijana
Rozwijane w pasku nawigacyjnym
Klikalne menu rozwijane
Obraz rozwijana
karta rozwijana
Animowane rozwijane

Przykłady przedstawione


W3.CSS Akordeony

Podstawowe akordeon
przyciski akordeon
Aktywny akordeon
szerokość Akordeon
akordeon linki
Karta akordeon z listami
Akordeon i rozwijana w sidenav
Animowane akordeon

Przykłady przedstawione


W3.CSS Nawigacja

Nawigacja Basic (w3-navbar)
Barwne navbar
graniczy navbar
Aktywny link w pasku nawigacyjnym
Hoverable linki paska nawigacyjnego
Wyrównany do prawej linki
Navbar font-size
navbar wyściółka
szerokość navbar
ikony paska nawigacyjnego
Pasek nawigacyjny z listy rozwijanej
Pasek nawigacyjny z aktywnym menu rozwijanego i ikony
Pasek nawigacyjny w klikalne listy rozwijanej
Top navbar
Dolny pasek nawigacyjny
Składany navbar
Topnav
Topnav z ikonami

Przykłady przedstawione


W3.CSS Sidenav

Podstawowe sidenav (zawsze wyświetlana)
Składany sidenav
Sidenav ukrywając część zawartości strony
Sidenav ukrywa całą zawartość strony
Sidenav przesunięcie zawartości z prawej
Sidenav kolor
graniczy sidenav
Dno ramką sidenav (przekładki)
Karta Sidenav
Hoverable linki sidenav (kolor tła)
Hoverable linki sidenav (kolor tekstu)
Sidenav rozmiar
Sidenav z ikonami (ikona na pasku)
Sidenav z listy rozwijanej
Sidenav z akordeonem
Animowane sidenav
Sidenav ze skutkiem nakładki
Sidenav z zawartością

Przykłady przedstawione


W3.CSS Tabs

Zakładka podstawowa
Aktywna karta / prąd
Zakładka pionie
Animowane zawartości karty
Galeria obrazów z zakładkami
Karty w siatce

Przykłady przedstawione


W3.CSS Pagination

Podstawowe stronicowanie
strzałki paginacji
Aktywny link stronicowanie
Kolor Pagination unosić
wielkość Pagination
graniczy stronicowanie
Zaokrąglone ramką stronicowanie
centered stronicowanie
Następny / poprzedni strzałki stronicowania
menu Pagination

Przykłady przedstawione


Bary W3.CSS Progress

Podstawowe pasek postępu
Progress bar rozmiary
Pasek postępu kolory
Zaokrąglone paski postępu
Etykiety pasek postępu
Dynamiczny pasek postępu
Dynamiczny pasek postępu w środku etykiety
Dynamiczny pasek postępu z etykietą wyrównany do lewej
Dynamiczny pasek postępu z etykietą umieszczone na zewnątrz

Przykłady przedstawione


W3.CSS Typografia

Nagłówki
Klasy font-size
Nadrzędne normy w3.css

Przykłady przedstawione


W3.CSS Czcionki

Jak używać klasy czcionki
Jak korzystać z czcionek zewnętrznych
Zewnętrzna czcionki google: homara
Efekty czcionki
Efekty Font 2
Zmiana czcionki stronę

Przykłady przedstawione


W3.CSS Ikony

Font niesamowite ikony
Ikony materiał projektowe Google
bootstrap ikony

Przykłady przedstawione


W3.CSS slajdów

Instrukcja pokaz slajdów ze zdjęciami
Automatyczny pokaz slajdów z obrazami
Automatyczne slajdy HTML
Pokaz podpisy
Wskaźniki Pokaz z numerami i przyciski PREV / NEXT
Wskaźniki Pokaz slajdów z ikonami i kul
Obrazy jako wskaźniki
animowane slajdy
Automatyczny pokaz slajdów z nieskończoną blaknięciem

Przykłady przedstawione


W3.CSS Efekty tekstowe

cień tekstu
przezroczystość tekstu

Przykłady przedstawione


W3.CSS Modal

Podstawowe modalna (okno dialogowe / okienko)
Modal z pojemnikami
Karta Modal
Animowane modalne
Przenikanie modal
Modal obrazu
Modal galerię
Modal formularz logowania
Zakładka Modal
Jak zamknąć modalna

Przykłady przedstawione


W3.CSS podpowiedzi

Inline tekst podpowiedzi
Inline tag podpowiedź
Tekst Etykietka przed hoverable obrazu
Etykietka tekst po hoverable obrazu
absolutna podpowiedź
Kolorowy dymek
zaokrąglone podpowiedź
mała podpowiedź
Duża podpowiedź

Przykłady przedstawione


W3.CSS Responsive Siatka

Fluid siatki demonstracji
Dwie równe kolumny
Dwie nierówne kolumny
Trzy równorzędne kolumny
Trzy nierówne kolumny
Sześć równych kolumnach
Mieszane: Mobile i laptopy
Mieszane: Mobile, tablety i laptopy
Różnica pomiędzy w3 rzędzie i W3-row-wyściółką
Kolumny z wykorzystaniem w3-Rest
Kolumny z wykorzystaniem procent

Przykłady przedstawione