• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Как сделать... Тема только по сайтам в системе uCoz » Как сделать чтобы в разных модулях был разный фон, шапка тд? (Условные операторы, стили в зависимостиот модуля)
Как сделать чтобы в разных модулях был разный фон, шапка тд?
Дата: Среда, 23.05.2012, 10:10 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Примерно так.
Добавляем либо к боди во всех шаблонах, либо к нужному блоку, путём быстрой замены следующее:
Code
class="my$MODULE_ID$"

Что бы получилось вот так:
Code
<body class="my_$MODULE_ID$">


Тогда, в каждом модуле у боди будет свой класс равный:
В модуле «Страницы сайта»:
Code
<body class="my_index">

В модуле «Новости сайта»:
Code
<body class="my_news">

В модуле «Блог»:
Code
<body class="my_blog">

В модуле «Форум»:
Code
<body class="my_forum">

В модуле «Фотоальбомы»:
Code
<body class="my_photo">

В модуле «Каталог статей»:
Code
<body class="my_publ">

В модуле «Каталог файлов»:
Code
<body class="my_load">

В модуле «Каталог сайтов»:
Code
<body class="my_dir">

В модуле «Доска объявлений»:
Code
<body class="my_board">

В модуле «FAQ»:
Code
<body class="my_faq">

В модуле «Гостевая книга»:
Code
<body class="my_gb">

В модуле «Поиск по сайту»:
Code
<body class="my_search">

В модуле «Тесты»:
Code
<body class="my_tests">

И оформление блоков можно будет менять через стили - последовательность селекторов классов.
Типа:
Code
body.my_news table.myTable{background-color:#F00;color:#00F;}
body.my_publ #header{background: url(/contact.gif) no-repeat top center;}

...


 
Дата: Среда, 23.05.2012, 10:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Точно также и с картинкой шапки.
В глобальном блоке добавляем блоку шапки класс, или стиль:
Класс:
Code
<div id="header" class="my_$MODULE_ID$">

Стиль:
Code
<div id="header" style="background: url(/images/$MODULE_ID$.jpg) no-repeat top center;">


Через стили картинка меняется так:
Code
div.my_news{background: url(/images/news_header.jpg) no-repeat top center;}
div.my_publ{background: url(/images/publ_header.jpg) no-repeat top center;}
div.my_load{background: url(/images/load_header.jpg) no-repeat top center;}


Через стили, просто в папку «images» - в корне сайта, картинки с именами модулей:
Code
index.jpg
news.jpg
blog.jpg
publ.jpg

И так далее, для всех активных модулей.


 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Как сделать... Тема только по сайтам в системе uCoz » Как сделать чтобы в разных модулях был разный фон, шапка тд? (Условные операторы, стили в зависимостиот модуля)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия