Joomla! 1.5 - skalowalność. Dzięki modułowej budowie możesz dodać do serwisu każdy rodzaj usług i funkcji, jakie spotkać można na stronach WWW. |
960 Grid System jest szkieletem projektowym CSS (frameworkiem). Ułatwia i przyspiesza tworzenie wielokolumnowych układów stron, bez używania tabel, a więc zgodnych ze standardami, opartych na elementach DIV. Ten szablon przeznaczony jest dla Joomla 1.5. Szablon zawiera 960 Grid System oraz podstawowe pliki zwykłego szablonu Joomla. Możesz wykorzystać ten szablon do tworzenia swoich własnych projektów opartych na systemie Grid 960.
Szkielet 960 Grid System opiera się na szerokości 960px – stąd nazwa. Dlaczego akurat 960 pikseli? Wedle statystyk internauci najczęściej używaną przy przeglądaniu stron rozdzielczością jest 1024x768px, stąd zaleca się, aby strony nie korzystały z większej rozdzielczości. O szerokości 960 px zdecydowała podzielność liczby 960 przez 26 liczb (oprócz 1 i 960), co daje ogromne możliwości dostosowywania szerokości strony i jej elementów do potrzeb projektu. Zasada działania systemu 960 Grid jest prosta. Projektant dysponuje siatką podzieloną na 12 lub 16 kolumn równej szerokości - w pierwszym przypadku 60px, w drugim 40px. Po obu stronach każdej kolumienki znajdują się 10-pikselowe marginesy. Układ strony możemy budować z elementów div rozpostartych na szerokość jednej lub wiećej kolumienek. Na przykład ta treść umieszczona została w pojemniku 12-kolumnowym i rozłożona w 7 kolumnach.
Pozycje stosowane są w Joomla! w celu umieszczania treści w róznych miejscach strony. Pozycje definiowane są na podstawie szablonu. Pozycje zdefiniowane w tym szablone prezentowane są na ilustracji po prawej stronie. Zwróć, że jeśli użytkownik wykorzysta tylko pozycję 2 i e, to zostaną one przesunięte automatycznie w lewo, zajmując kolejno miejsce dla pozycji 1 i 2.
960 Grid System GNU GPL oraz MIT
PHP GNU GPL
Dodatkowe CSS GNU GPL
Grafika nagłówka Royalty Free
System 960 Grid został wydany na dwóch licencjach. Aby uzyskać więcej informacji, przejdź na oficjalną stronę projektu. Cały kod PHP pochodzi z istniejacych szablonów wydanych na licencji GNU GPL i dlatego również został udostęniony na licencji GNU GPL. Dodatkowy kod CSS jest nowy (tj. nie pochodzi z istniejacych rozwiązań) i jest wydany na licencji GNU GPL. Grafika wykorzystana w nagłówku nie wymaga opłaty honorarium (pochodzi ze składu „royalty free”) i dostępna jest na stronie stock.xchang. Sprawdź, czy nie istnieją jakieś ograniczenia w jej wykorzystaniu.
940px
60px
860px
140px
780px
220px
700px
300px
620px
380px
540px
460px
460px
60px
60px
60px
60px
60px
60px
60px
60px
60px
60px
60px
60px
60px
380px
220px
220px
220px
220px
60px
380px
940px
40px
880px
100px
820px
160px
760px
220px
700px
280px
640px
340px
580px
400px
520px
460px
460px
40px
40px
40px
40px
40px
40px
40px
40px
40px
40px
40px
40px
40px
40px
40px
40px
40px
400px
220px
220px
220px
220px
40px
400px