darmowe szablony stron www
Przykłady CSS
- Nietypowe podkreślenia hiperłączy
- Menu pionowe składające się z kilku bloków
- Menu pionowe zmieniające kolor po najechaniu kursorem
- Menu poziome 2
- Menu poziome 1
- Rozmieszczanie napisów lub obrazków w wybranym miejscu
- Strona z trzema kolumnami
- Strona z dwiema kolumnami
- Wyśrodkowanie strony
Video Kurs:
GIMP - Warstwy
Pomoc
- Zasady użycia szablonów
- O szablonach flash
- Edycja pliku data.txt
- Edycja pliku style.css
- Polskie znaki w data.txt
- Znaki specjalne w data.txt
- Obrazki w szablonach flash
Na zakupy
Strona z trzema kolumnami
W tym przykładzie strona o szerokości 960px podzielona będzie na 3 kolumny, o szerokości odpowiednio: 220px, 520px i 220px. Tworząc taki układ postępujemy analogicznie jak w przykładzie z dwiema kolumnami, stosując "float: left;" dla lewej i centralnej kolumny oraz "float: right;" dla kolumny prawej.
<body>
<div id="main">
<div id="header">
Nazwa Strony...
</div>
<div id="menu">
Menu Strony...
</div>
<div id="middle">
<div id="left">Zawartość kolumny lewej...</div>
<div id="cent">Zawartość kolumny środkowej...</div>
<div id="right">Zawartość kolumny prawej...</div>
</div>
<div id="footer">
Footer...
</div>
</div>
</body>
I fragment arkusza stylów:
#left {
float: left;
padding: 10px;
width: 200px;
background: #D9DFFC;
}
#cent {
float: left;
padding: 10px;
width: 500px;
}
#right {
float: right;
padding: 10px;
width: 200px;
background: #D9DFFC;
}