Архив рубрики "Азбука блоггера"

Завершаем создание сайта с нуля

Чтобы завершить создание сайта с нуля, сегодня я расскажу, как вставить копирайт и навигацию в подвале страницы. Ищем в файле index.html блок » footer». И вставляем внутри блока абзац: <p>Copyright © 2011. <a href=»http://motherwolf.ru/» title=»MotherWolf.ru»>Создание, оптимизация и продвижение сайтов</a><br /> <a href=»#»>Главная</a> | <a href=»#»>О сайте</a> | <a href=»#»>Контакты</a></p> Первая... 

Опубликовано 12 Март 2011.   Комментарии: 5.   Далее »

Текст на странице

Сегодня мы будем заниматься блоком «content», содержащим основной текст страницы. Сделаем отступы (поля) – 15 пикселей слева и 10 пикселей сверху. Для этого в файле style.css, добавим свойство margin в инструкцию #content: Обратите внимание, ширина левого поля (правое в нашем случае равно нулю) будет добавлена к ширине блока «content», поэтому, чтобы не сместился сайдбар... 

Опубликовано 15 Февраль 2011.   Комментарии: Комментарии к записи Текст на странице отключены.   Далее »

Оформляем сайдбар

Сегодня займемся оформлением сайдбара. Убирать шаблонный текст в файле index.html внутри блока «sideRight» не советую, т.к. наш сайдбар будет «резиновым» и если не оставить ни одной строчки, то он просто «сложится» в одну линию. Во-первых, изменим внешний вид самого сайдбара – зададим границу выбранного цвета непрерывной линией в 1 пиксель, изменим цвет фона и установим... 

Опубликовано 13 Февраль 2011.   Комментарии: 3.   Далее »

Оформляем горизонтальное меню

Приступаем к созданию навигации по нашему сайту. Начнем с горизонтального меню, расположенного в заголовке страницы. Все этапы можно отследить на картинках (для наглядности, я обвела весь список и каждый из элементов белой рамкой). В файле index.html Внутри блока «topNav» перед блоком «desc» добавляем пункты меню в виде маркированного списка. Обратите внимание... 

Опубликовано 08 Февраль 2011.   Комментарии: 2.   Далее »

Уменьшаем количество блоков

Прежде чем начать дальнейшую работу над сайтом, предлагаю немного уменьшить количество блоков, из которых он будет состоять. Это упростит понимание CSS кода. Итак, за блоком «header» следует блок «middle», имеющий внутри себя еще три блока: блок «container» блок «content» блок «sideRight» В файле index.html Оставим только «content» и «sideRight» (блок «middle» тоже... 

Опубликовано 07 Февраль 2011.   Комментарии: 3.   Далее »
Страница 1 из 212

Нужна помощь?