Блочная верстка | Урок 7

Продолжаем верстать страничку.
В блоке текста мы разместим список новых участников. Вообще за это отвечает какой-нибудь php-скрипт, но так как мы делаем простую статичную страницу, то оформим эту штуку обычным списком. Только на этот раз не маркированным, а нумерованным. Задаётся такой список тэгом ol.
Откроем в текстовом редакторе нашу страничку и сразу после вот этого места: […]

Блочная верстка | Урок 6

Продолжаем верстать самую Правильную веб-страницу! Здесь опять будет много кода. Однако же не утрашимся! Открываем лист стилей. Мы закончили на правиле для всех ссылок страницы. Теперь нам надо красиво оформить основное содержимое страницы. Его мы обзовём атрибутом text.
Запишем далее в листе стилей CSS:
#text {
width: 545px;
font-size: .8em;
color: #333;
margin: 10px auto;
float: left;
}
#text p {
text-align: […]

Блочная верстка | Урок 5

Итак, продолжим верстать нашу Главную страницу. В этом уроке буде мнооого кода. Что у нас уже есть? Контейнер, в котором лежит шапка. Следом за шапкой добавим блок навигации. Находим в коде следующее место:
<div id=”header”>
</div>
и сразу же за ним запишем следующее:
<div id=”nav”>
<ul>
<li>Главная</li>
<li><a href=”#”>О нас</a></li>
<li><a href=”#”>О летучести</a></li>
<li><a href=”#”>О везучести</a></li>
<li><a href=”#”>Свинки-герои</a></li>
<li><a href=”#”>Подружиццо</a></li>
</ul>
</div>

Стр. 5 из 7«1 2 3 456 7 »

Теперь вы можете скачать эту книгу в формате PDF (540кБ в архиве ZIP). Как всегда - совершенно бесплатно! :) Книга расширена Полезняшками и Приложением, а также исправлены некоторые неточности и более подробно описаны некоторые фишки.

Новая книга о создании 3-х колоночного шаблона для Вордпресс - от начального рисунка и до последнего винтика. Скачать вы ее можете так же совершенно бесплатно. Книга в формате PDF.
В ZIP-архиве (895 Кб) вместе с ней лежит полностью готовый шаблон для Wordpress.
Enjoy!