Crsi.pl - strony szyte na miarę

Provided by webamoeba

Migawki

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.

Wieści RSS
 
 

Informacje

Do czego służy?

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.

Jak działa?

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.

960.gs
Prototyping With The Grid 960 CSS Framework
Why we love 960.gs
A Detailed Look at the 960 CSS Framework

Pozycje szablonu Joomla!

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.

Licencja

960 Grid System GNU GPL oraz MIT
PHP GNU GPL
Dodatkowe CSS GNU GPL
Grafika nagłówka Royalty Free

Uwagi o licencji

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.

Siatka z 12 kolumn

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

Siatka z 16 kolumn

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