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

17.12
2007

Продолжаем верстать самую Правильную веб-страницу! Здесь опять будет много кода. Однако же не утрашимся! Открываем лист стилей. Мы закончили на правиле для всех ссылок страницы. Теперь нам надо красиво оформить основное содержимое страницы. Его мы обзовём атрибутом text.

Запишем далее в листе стилей CSS:

#text {
width: 545px;
font-size: .8em;
color: #333;
margin: 10px auto;
float: left;
}

#text p {
text-align: justify;
text-indent: 1.5em;
margin: 0;
padding: 0 15px;
}

#text a {
color: #396;
}

#text a:hover {
color: #f36;
border-bottom: #f36 dotted 1px;
}

Читать полностью

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

16.12
2007

Рубрики: Верстка | Оставить комментарий

Итак, продолжим верстать нашу Главную страницу. В этом уроке буде мнооого кода. Что у нас уже есть? Контейнер, в котором лежит шапка. Следом за шапкой добавим блок навигации. Находим в коде следующее место:

<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>

Читать полностью

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

16.12
2007

Рубрики: Верстка | Комментарии (4)

Продолжаем разговор за CSS. Вообще принято некое упорядоченное расположение правил в css. Вначале указываются общие для всей страницы, а потом идут в той очерёдности, в которой элементы на странице появляются сверху вниз. Мы пока указали не все общие элементы. Нет заголовков, списка, ссылок (тэги h, ul, a). Их мы добавим позже, а пока начнём уже хоть что-нить прицеплять весомое к странице.

Из нашего макета я вырезал целиком шапку (её мы используем не как картинку, а как фон), оба рисунка с поросями, рисунки вензеля, зелёной линии внизу, фон полосы навигации (не весь, а только отрезанный кусочек 8х35 пикселов) и зеленой галки у списка новостей. Итого у нас вышло 7 изображений. Их поместим в той же папке, где у нас лежит сама страничка и лист стилей.

Читать полностью

Стр. 18 из 19« 1...«13 14 15 16 171819 »

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

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