Powered by Invision Power Board
Здравствуйте Гость ( Вход | Регистрация ) Выслать повторно письмо для активации

Forum Rules Правила раздела

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

  Reply to this topicStart new topicStart Poll

> Подсветка форумов/разделов, автор: ExperT
Подписка на тему | Сообщить другу | Версия для печати
Dron
  Отправлено: Сен 17 2008, 16:21
Quote Post


admin of ipb.su
Group Icon

Группа: Пользователи
Сообщений: 6 040
Пользователь №: 3
Регистрация: 27-Октября 07
Из: г.Псков
Member Offline

Репутация: 133




Ну начнем. Мы будем редактировать шаблон:
Board Index Sections -> +-- Board Index Forum Row
Сохраните его, что бы можно было восстановить без проблемм.

Вы там найдете примерно такую строчку:
QUOTE
<td class="row4" ><b><a href="{ibf.script_url}showforum={$info['id']}">{$info['name']}</a></b><br /><span class='desc'>{$info['description']}<br /><b>{$info['moderator']}</b></span></td>


Она отвечает за столбец "Форумы", я же его переименовал в "Разделы".

Итак - мы хотим поменять ему цвет фона при наведении мышью?
Находим в вышенаписанном коде это:
QUOTE
<td class="row4" >


и превращаем в это:
QUOTE
<td class="row4" onMouseOver="this.style.backgroundColor='Новый_код_цвета'" onMouseOut="this.style.backgroundColor=''">


Теперь мы хотим установить определенную картинку форуму? П.с. в этот скрипт уже включена смена цвета, так что выполняемые ранее действия не нужны.
Значит заменяем это:
QUOTE
<td class="row4" >


на это:
QUOTE
<td class="row4" onMouseOver="changeRowStyle(this,'yes','F{$info['id']}')" onMouseOut="changeRowStyle(this,'no','F{$info['id']}')">



Далее редактируем шапку форума, там размещаем фукнцию смены картинки:
Находим:
QUOTE
//-->
</script>


и перед этим вставляем это:
QUOTE
<!-- смена стиля строки -->
function changeRowStyle(TdObject,active,forumNumber) {
<!-- меняем цвет по активности -->
  if (active== "yes") {
    TdObject.style.backgroundColor = "Новый_код_цвета";

    <!-- Другие форумы -->
  }
  else {
    TdObject.style.backgroundColor = "";
    TdObject.style.backgroundImage = "";
  }
}


Далее выше на строчку от:
QUOTE
    <!-- Другие форумы -->


Вставляем этот код для каждого форума:
QUOTE
    <!-- Название форума -->
    if (forumNumber == "FX") {
       TdObject.style.backgroundImage = "url(Ссылка к картинке форума)";
    }


где X - номер форума
а остальное и так понятно: "Название форума" заменяем на какое хотим - это нужно для ориентировки вашей же. Ссылка к картинке соответственно.

Сохраняем и смотрим. Теперь другие ньюансы - картинка будет размножена по всей длинне таблицы, а я в своем случае это убрал и прижал её к правому краю, это делается так:

Заходим в стили css и находим там строчку похожую на это:
QUOTE
.row4 { background-color: ......


и заменяем на:
QUOTE
.row4 { background-color: #E4EAF2; BACKGROUND-POSITION: right; BACKGROUND-REPEAT: no-repeat; }


я не знаю какой у вас стандартный цвет, поэтому то, что выделено зеленым надо заменить на стандартный, он у вас есть в исходной строке.
То, что выделено красным - прижимает картинку вправо, то что синим - не дает повторяться картинке.

Пробуйте. Только заранее сохраняйте редактируемые шаблоны.

P.S.
Можно сделать чтоб новым цветом выделялись все ячейки в стороке форума
Соответственно все предыдущие действия отменяются.

Идем в шаблон: Board Index Sections -> Board Index Forum Row

И заменяем все содержимое на:
QUOTE
<tr>
          <td class="row4" align="center">{$info['img_new_post']}</td>
<td class="row4" id="F{$info['id']}td2" onMouseOver="changeRow2Style('F{$info['id']}td2','yes','F{$info['id']}'); changeRow2Style('F{$info['id']}td3','yes','F{$info['id']}'); changeRow2Style('F{$info['id']}td4','yes','F{$info['id']}'); changeRow2Style('F{$info['id']}td5','yes','F{$info['id']}')" onMouseOut="changeRow2Style('F{$info['id']}td2','no','F{$info['id']}'); changeRow2Style('F{$info['id']}td3','no','F{$info['id']}'); changeRow2Style('F{$info['id']}td4','no','F{$info['id']}'); changeRow2Style('F{$info['id']}td5','no','F{$info['id']}')"><b><a href="{ibf.script_url}showforum={$info['id']}">{$info['name']}</a></b><br /><span class='desc'>{$info['description']}<br />{$info['moderator']}</span></td>
<td class="row2" align="center" id="F{$info['id']}td3">{$info['topics']}</td>
<td class="row2" align="center" id="F{$info['id']}td4">{$info['posts']}</td>
<td class="row2" nowrap="nowrap" id="F{$info['id']}td5">{$info['last_post']}<br />{ibf.lang.in}:&nbsp;{$info['last_unread']}{$info['last_topic']}<br />{ibf.lang.by}: {$info['last_poster']}</td>
</tr>


Редактирование шапки форума -> Board Header (logo, links, etc)
Перед:
QUOTE
//-->
</script>


Ставим:
QUOTE
<!-- Подсветка форумов, разделов -->
function getTDbyid(id) {
itm = null;
if (document.getElementById) {
   itm = document.getElementById(id);
}
else if (document.all) {
   itm = document.all[id];
}
else if (document.layers) {
   itm = document.layers[id];
}
return itm;
}

function changeRow2Style(TdId,active,forumNumber) {
  TDObject = getTDbyid(TdId);

  if  ( ! TDObject ) { return; }

  if (active == "yes") {
    TDObject.style.backgroundColor = "Новый_код_цвета";

  }
  else {
    TDObject.style.backgroundColor = "";
  }
}




Пример работы последнего варианта: ТУТ.

user posted image - Отблагодари, если я помог.


--------------------

Мой блог: Блог Dron'а
E-mail: dron@ipb.su.
ICQ: 263635213.
-----------------------------------------------------------------------
user posted image
-----------------------------------------------------------------------
Вопрос/Ответ на тему IPB.SU
-----------------------------------------------------------------------
user posted image - Отблагодари, если я помог.
Top
Fiona
Отправлено: Сен 17 2008, 17:04
Quote Post


Вредина
Group Icon

Группа: Пользователи
Сообщений: 857
Пользователь №: 508
Регистрация: 3-Февраля 08
Из: Альдога
Member Offline

Репутация: 15




Изящно.


--------------------
Пилою моя бабушка была, и мамочка моя была пилою...
Top
Rom4ik
Отправлено: Сен 17 2008, 22:45
Quote Post


Помогу всем)))
Group Icon

Группа: Пользователи
Сообщений: 854
Пользователь №: 798
Регистрация: 18-Май 08
Из: Украина Киев
Member Offline

Репутация: 17




дак эта тема уже была давно создана!
зачем пересоздавать?


--------------------
Делаю сервера для CS.1.6 подробности в ICQ 376-003-011
(платно)
Top
Dron
Отправлено: Сен 17 2008, 22:46
Quote Post


admin of ipb.su
Group Icon

Группа: Пользователи
Сообщений: 6 040
Пользователь №: 3
Регистрация: 27-Октября 07
Из: г.Псков
Member Offline

Репутация: 133




Rom4ik,
Найдите и покажите мне ее на этом форуме.


--------------------

Мой блог: Блог Dron'а
E-mail: dron@ipb.su.
ICQ: 263635213.
-----------------------------------------------------------------------
user posted image
-----------------------------------------------------------------------
Вопрос/Ответ на тему IPB.SU
-----------------------------------------------------------------------
user posted image - Отблагодари, если я помог.
Top
Rom4ik
Отправлено: Сен 28 2008, 13:48
Quote Post


Помогу всем)))
Group Icon

Группа: Пользователи
Сообщений: 854
Пользователь №: 798
Регистрация: 18-Май 08
Из: Украина Киев
Member Offline

Репутация: 17




знач пропала))))


--------------------
Делаю сервера для CS.1.6 подробности в ICQ 376-003-011
(платно)
Top
Foykys
Отправлено: Сен 28 2008, 14:26
Quote Post


╬Лорд Войны╬
Group Icon

Группа: Пользователи
Сообщений: 776
Пользователь №: 469
Регистрация: 17-Января 08
Из: Скала Фениксов
Member Offline

Репутация: 4




Пусть будет. Мне оч нужна была. Спасиба.


--------------------
user posted image
Top
Foykys
Отправлено: Сен 28 2008, 14:57
Quote Post


╬Лорд Войны╬
Group Icon

Группа: Пользователи
Сообщений: 776
Пользователь №: 469
Регистрация: 17-Января 08
Из: Скала Фениксов
Member Offline

Репутация: 4




Возник вопрос.

Можно ли зделать так чтобы при наведении картинка не просто высвечивалась, а появлялась. Ну типа еле видная, затем виднее и тд.


--------------------
user posted image
Top
Rom4ik
Отправлено: Сен 28 2008, 15:12
Quote Post


Помогу всем)))
Group Icon

Группа: Пользователи
Сообщений: 854
Пользователь №: 798
Регистрация: 18-Май 08
Из: Украина Киев
Member Offline

Репутация: 17




Foykys,
возможно думаю но не уверен что сделаю...


--------------------
Делаю сервера для CS.1.6 подробности в ICQ 376-003-011
(платно)
Top
Steve Fox
Отправлено: Окт 4 2008, 20:43
Quote Post


Новичок
*

Группа: Забаненные
Сообщений: 20
Пользователь №: 640
Регистрация: 14-Марта 08
Member Offline

Репутация: 22




Dron, Нашел. http://ipboard.net/index.php?showtopic=1219 мне +
Top
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Поддержка модификаций | Следующая тема »

Topic Options Reply to this topicStart new topicStart Poll


 



Работает на IP.Board © 2024 IPS, Inc.