Stylowy nagłówek - złudzenie zagięcia za DIV (+ plik PSD)
- Utworzono: piątek, 18, maj 2012 11:15
- Odsłony: 163
W dzisiejszym tutorialu zajmiemy się dalszym upiększaniem wybranych elementów na naszej stronie internetowej. Tym razem odmienimy nagłówki tekstu. Jako, że są one jednym z ważniejszych elementów witryny, warto aby były dobrze widocznie nie tylko przez roboty wyszukiwarek, ale również przez zwykłych internautów. W poradniku wykorzystamy niektóre funkcje programy Adobe Photoshop, jednak bez problemu możemy użyć innego programu do przygotowania potrzebnych grafik. Dla osób, które jednak nie mają czasu na zabawę z grafiką, umieszczam wszystkie potrzebne źródła na końcu tego wpisu. W ruch pójdą także nowe możliwości zawarte w CSS3 - użyjemy tzw. opcji Multiple Backgrounds, czyli kilku teł dla jednego elementu.
Czytaj więcej: Stylowy nagłówek - złudzenie zagięcia za DIV (+ plik PSD)
Tworzymy tootltip wykorzystując tylko i wyłącznie CSS3 i HTML5
- Utworzono: czwartek, 17, maj 2012 08:23
- Odsłony: 174
Tooltip jest często wykorzystywanym elementem na stronach internetowych, który pomaga użytkownikom zorientować się gdzie, co i jak. Niestety standardowe "chmurki", wbudowane w przeglądarki, bardziej straszą niż się podobają, dlatego zajmiemy się wykonaniem swojej własnej wersji tego rozwiązania. W czasach, kiedy nowe technologie coraz bardziej zadomawiają się w przeglądarkach możemy pokusić się o nie wykorzystywanie silnika jQuery, opierając swoje działania tylko i wyłącznie na CSS3 i HTML5. Niestety wiąże się to z brakiem wsparcia przez starsze przeglądarki, dlatego w ostatnim akapicie przedstawię Wam wersję alternatywną dla naszego tooltip'a.
Czytaj więcej: Tworzymy tootltip wykorzystując tylko i wyłącznie CSS3 i HTML5
Schludne obramowanie grafiki na stronie www
- Utworzono: środa, 16, maj 2012 10:34
- Odsłony: 148
W dzisiejszym, krótkim poradniku pokażę Wam jak w bardzo prosty sposób, tylko za pomogą arkusza CSS, stworzyć schludny, ciekawy efekt obramowania wokół grafiki umieszczonej na naszych stronach internetowych. Dobrze przygotowana grafika skutecznie przyciąga wzrok. W tym celu wykorzystamy niektóre możliwości kaskadowych arkuszy stylów, takie jak cienie (box-shadow), a także zaokrąglone brzegi obrazków (border-radius). O każdej z tych możliwości pisałem już wcześniej na łamach portalu. Teraz wykorzystamy tę wiedzę w praktyce. Zapraszam do lektury.
Wyświetlanie modułów w treści artykułów - Joomla! 2.5
- Utworzono: poniedziałek, 14, maj 2012 07:26
- Odsłony: 117
Ostatnimi czasy zauważyłem dość sporą liczbę zapytań w statystykach portalu odnośnie Joomla! 2.5, a dokładniej wstawiania modułów w dowolnym miejscu w artykule. Sprawa wydaje się prosta, jednak z racji tej, ze żaden z moich poradników nie opisuje tej kwestii, oddaję w Wasze ręce ten oto krótki tutorial.
Może od początku - czym jest moduł? Moduł jest chyba najprostszą formą rozszerzeń systemu Joomla!, pozwalającą na wyświetlanie pożądanych przez nas (administratorów) informacji. Elementy, które mogą być umieszczane jako małe dodatki, to np. pola wyszukiwania, formularze logowania, menu, czy banery reklamowe i zwykły kod HTML. Co tu dużo mówić, przejdźmy do praktyki.
Czytaj więcej: Wyświetlanie modułów w treści artykułów - Joomla! 2.5
Więcej artykułów…
Ostatnie komenarze
-
Zostań redaktorem Portalu Webmastera!
Interesuje Cię projektowanie stron www? Znasz zagadnienia takie jak: html, css, grafika, php, mysql lub...
Wasze reklamy
|
ubezpieczenie ac Oblicz składkę i Kup Taniej OnLine. Ubezpieczenia AC. ubezpieczenieac.com.pl |
Konkurs WWW
Odwiedza nas 273 gości oraz 0 użytkowników.