Crsi.pl - strony szyte na miarę

Provided by webamoeba

Migawki

Joomla! 1.5 - gotowa witryna. Natychmiast po instalacji dysponujesz witryną gotową do złożenia wizyty. Ze wszystkim, czego potrzebujesz na początek. Dodajesz treści, a Joomla! sam tworzy strony.

Układ treści PDF Drukuj Email
Wpisany przez Administrator   
sobota, 14 października 2006 09:33

Joomla! zapewnia elastyczne formy prezentacji treści. Bez względu na to, czy wykorzystasz Joomla! do prowadzenia bloga, serwisu informacyjnego, czy witryny firmowej, znajdziesz jeden lub więcej stylów wyświetlania swoich materiałów. Wygląd możesz dostosowywać dynamicznie do swoich preferencji. Sposób prezentacji materiałów na stronach Joomla! nazywamy układem [layout]. Skorzystaj z poniższego przewodnika, aby poznać, jakimi rodzajami układów dysponujesz i jak je stosować.

Artykuły

Artykuły dodajemy i wyświetlamy w Joomla! niezwykle łatwo. Wszystkie są umieszczane w głównej części Twojego szablonu (oznaczonej znacznikiem component). W Joomla! masz do dyspozycji trzy sposoby prezentacji artykułów. Każdy z nich za pomocą parametrów możesz dostosować do wymagań witryny. Wygląd i parametry prezentacji ustawiasz w pozycji menu, która udostępnia artykuły.

Przegląd

Przegląd, nazywany we wcześniejszych wersjach Joomla! blogiem, może wyświetlać w głównym obszarze prezentacji jeden lub kilka tekstów wprowadzających albo całych artykułów i odnośniki do pozostałych artykułów w sekcji lub kategorii. Obszar prezentacji można podzielić na kolumny oraz ustalić, czy i ile artykułów będzie prezentowane na całej szerokości, a ile w kolumnach. Wygląd przeglądu możesz dostosować do własnych potrzeb, korzystając z ustawień i parametrów (o parametrach przeczytaj poniżej) dostępnych podczas konfiguracji pozycji menu (a nie sekcji czy kategorii).

Przegląd archiwum

Przegląd archiwum jest podobny do zwykłego przeglądu, ale u góry, przed treścią pojawią się dodatkowo dwie rozwijane listy - miesięcy i lat oraz przycisk Szukaj, pozwalający użytkownikom przeszukiwać wszystkie zarchiwizowane artykuły, poczynając od wybranego miesiąca i roku.

Lista

Lista wyświetla w układzie tabelarycznym tytuły wszystkich artykułów z określonej sekcji lub kategorii. Nie wyświetla wstępów, a jedynie tytuły. O ilości wyświetlanych pozycji oraz dodatkowych szczegółach możesz zdecydować w parametrach pozycji menu. Układ tabeli zawiera również filtry, które pozwalają użytkownikom dostosować do swoich preferencji kolejność i ilość pozycji na jednej stronie (do 50).

Wpinacz

Wpinacz pozwala uruchamiać standardowe aplikacje oraz wyświetlać inne strony internetowe wewnątrz Twojej witryny. Inna strona lub aplikacja umieszczana jest w głównej części szablonu w specjalnej ramce wraz z macierzystym systemem nawigacji, tak, że wydaje się częścią strony i umożliwia przeglądanie kolejnych stron bez opuszczania Twojej witryny.

Parametry prezentacji

Parametry każdej szaty graficznej znajdziesz po prawej stronie edytora pozycji menu. Zestawy parametrów zależy w dużej mierze od typu wyglądu. Oczywiście, parametry można konfigurować.

Poprawiony: poniedziałek, 18 stycznia 2010 19:34
 
 
 

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