Студопедия

Главная страница Случайная страница

КАТЕГОРИИ:

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Меняет оформление ссылки в обычном состоянии

Изменение дизайна на ОКИС.РУ (OKIS.RU). Общий список CSS-кодов

На этой странице собраны основные CSS-коды, которые необходимо использовать при изменении дизайна сайта на ОКИС.РУ (OKIS.RU).

  • Меню

Меняет оформление основного меню

.art-vmenublockcontent-body ul.art-vmenu li a span.t {
font-size: размер_текста_меню px;
color: # цвет_текста_меню;
margin-top: отступ_меню_сверху px;
background: # цвет_фона_меню;
border: 1px solid # цвет_границы_меню;
}

Меняет оформление основного меню, при наведении на него курсора мышки

.art-vmenublockcontent-body ul.art-vmenu li a: hover span.t {…}

Меняет оформление активного меню

.art-vmenublockcontent-body ul.art-vmenu li a.active span.t {…}

  • Подменю

Меняет оформление подменю

.art-vmenublockcontent-body ul.art-vmenu li ul li a {
font-size: размер_текста_подменю px;
color: # цвет_текста_подменю;
margin-top: отступ_подменю_сверху px;
background: # цвет_фона_подменю;
border: 1px solid # цвет_границы_подменю;
}

Меняет подменю, при наведении на него курсора мышки

.art-vmenublockcontent-body ul.art-vmenu li ul li a: hover {…}

Меняет активное подменю

.art-vmenublockcontent-body ul.art-vmenu li ul li a.active {…}

  • Шапка

Меняет шапку

div.art-header-jpeg {background: url(адрес_ссылки_на_шапку); }

Меняет контур шапки, если он есть в Вашем шаблоне

div.art-header-png {background: url(адрес_ссылки_на_контур_шапки); }

  • Низ сайта

Меняет низ сайта

.art-footer.art-footer-background {
background: url(адрес_ссылки_на_низ_сайта);
height: высота_нижней_части_сайта px;
width: ширина_нижней_части_сайта px;
}

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

  • Фон сайта

Меняет фон нижней половины сайта

body {background: url(адрес_ссылки_на_фон_сайта); }

Меняет фон верхней половины сайта

#art-page-background-gradient {background: url(адрес_ссылки_на_фон_сайта); }

Меняет фон вокруг содержимого страницы

.art-content-layout {background-color: # цвет_фона; }

  • Контур с закругленными углами вокруг области сайта

Меняет углы контура

.art-sheet-tr,.art-sheet-tl,.art-sheet-br,.art-sheet-bl {
background-image: url(адрес_ссылки_на_угол_контура);
}

Меняет верхнюю и нижнюю часть контура

.art-sheet-tc,.art-sheet-bc {
background-image: url(адрес_ссылки_на_контур_с_нижней_и_верхней_частями);
}

Меняет левую и правую часть контура

.art-sheet-cr,.art-sheet-cl {
background-image: url(адрес_ссылки_на_контур_с_левой_и_правой_частями);
}

Примечание: Данные CSS-коды следует использовать только в тех шаблонах, где есть контур с закругленными углами вокруг области сайта.

  • Оформление текста ссылки

Меняет оформление ссылки в обычном состоянии

.art-postcontent a {color: # цвет_ссылки; text-decoration: none; }

Примечание: text-decoration: none — означает, что ссылка не должна быть подчёркнутой

<== предыдущая лекция | следующая лекция ==>
Форматирование текста. Нажав по полю «Абзац», можно выбрать заголовки разных уровней (h1,h2,h3,h4,h5,h6), а также различные форматы текста | Урок№9. Как организовать общение на сайте, сделанном на okis.ru
Поделиться с друзьями:

mylektsii.su - Мои Лекции - 2015-2024 год. (0.006 сек.)Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав Пожаловаться на материал