Украшаем карту сайта. SlickMap CSS. - «Верстка»
Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Видео уроки
Наш опрос



Наши новости

       
26-11-2009, 13:00
Украшаем карту сайта. SlickMap CSS. - «Верстка»
Рейтинг:


SlickMap CSS - это набор стилей для отображения карты сайта, на основе HTML с неупорядоченным списком.
Он очень удобен для большинства сайтов. Отображает три уровня навигации и дополнительные ссылки. Может быть легко
подстроен под дизайн вашего сайта.






Работать с ним очень просто. Во-первых, карта сайта должна быть представлена в виде неупорядоченного списка:


<ul id="primaryNav">
<li id="home">Home</li>
<li>About Us
<ul>
<li>Our History</li>
<li>Mission Statement</li>
<li>Principals</li>
</ul>
</li>
<li>Services
<ul>
<li>Graphic Design</li>
<li>Web Development</li>
<li>Internet Marketing
<ul>
<li>Social Media</li>
<li>Search Optimization</li>
<li>Google AdWords</li>
</ul>
</li>
<li>Copywriting</li>
<li>Photography</li>
</ul>
</li>
</ul>


Корневому элементу в качестве идентификатора указываем primaryNav



Для дополнительных ссылок используем следующую разметку:


<ul id="utilityNav">
<li>Register</li>
<li>Log In</li>
<li>Site Map</li>
</ul>


Как видно из примера, для корневого элемента указан идентификатор utilityNav.
Подключаем стилевой файл slickmap.css и всё готово!



Качаем



Demo на сайте автора.


SlickMap CSS - это набор стилей для отображения карты сайта, на основе HTML с неупорядоченным списком. Он очень удобен для большинства сайтов. Отображает три уровня навигации и дополнительные ссылки. Может быть легко подстроен под дизайн вашего сайта. Работать с ним очень просто. Во-первых, карта сайта должна быть представлена в виде неупорядоченного списка:

Теги: CSS, очень быть дизайн легкоподстроен дополнительные

Просмотров: 1 336
Комментариев: 0:   26-11-2009, 13:00
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 
Еще новости по теме:



Другие новости по теме:
Комментарии для сайта Cackle