Przejdź do głównej zawartości

Posty

Wyświetlanie postów z lipiec, 2017

Jak stworzyć powiadomienia na stronę

W dzisiejszym wpisie pokażę wam jak w prosty sposób można stworzyć efektowne powiadomienia na swoją stronę internetową. Do stworzenia widżetu będziemy potrzebować Bootstrapa w wersji co najmniej 3.0. Bootstrap jest to darmowy framework CSS, który ułatwia nam prace dzięki gotowym rozwiązaniom bez zbędnego dopisywania podstawowych stylów do przycisków itp.. Adres do pobrania znajdziecie pod tym linkiem  Pobierz Bootstrap Zacznijmy od stworzenia plików index.html, oraz style.css Poniższy kod umieść w index.html, omawiany framework jest w głównej mierze oparty na kafelkach, stąd musimy zacząć od kontenera, a następnie za zdefiniowanie szerokości powiadomienia- w tym przypadku wynosi on "12" czyli najwięcej. Trzecia linijka odpowiada za główną budowę powiadomienia, row za wyrównanie, natomiast liczba "9" wraz z "note-content" jest środkiem. Kolejne wiersze, czyli title to nagłówek, znacznik <p></p> odpowiada za treść, a "btn"