Своя иконка каждому форуму

При помощи данного улучшения можно добиться того, что у каждого форума на странице будет отображаться индивидуальная иконка. Пример можно увидеть на изображении ниже:

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

Инструкция:

1. Первым делом необходимо приготовить сами иконки (картинки). Для каждого форума по две - одна будет отображаться когда в форуме есть новые ответы, а другая когда их нет.

2. Загружаем готовые иконки на какой-нибудь файлообменник (например на radikal.ru) и записываем куда-нибудь все их адреса.

3. Заходим в [админцентр], переходим в "Скины и Шаблоны" -> "Макросы", нажимаем "Редактировать".

Путь: Скины и шаблоны -> Макросы

В открывшемся списке макросов нам необходимо отредактировать вот эти:

C_OFF_RES
C_ON_RES
C_OFF_CAT
C_ON_CAT
C_OFF
C_ON
C_LOCKED

Находим C_OFF_RES, нажимаем "Редактировать" и в поле "Заменить на" в форме редактирования макроса видим приблизительно следующее:

Нужно отредактировать эту запись так, чтобы она получилась такого вида:

То есть добавляем туда id='ForumImg'. На примере изображения выше, наша запись стать вот такой:

<img id='ForumImg' src='style_images/<#IMG_DIR#>/br_nonew.gif' border='0' alt='No New Posts' />

Далее проделываем то же самое для всех оставшихся необходимых макросов (C_ON_RES, C_OFF_CAT, C_ON_CAT, C_OFF, C_ON, C_LOCKED).

4. Переходим в "Скины и Шаблоны" -> "HTML шаблоны" -> "Настройка HTML".

Путь: Скины и Шаблоны -> HTML шаблоны -> Настройка HTML

Заходим в категорию "Global HTML elements" и раскрываем для редактирования секцию "Board Header (logo, links, etc)". Ищем там такие строки:

//-->
</script>

и перед ними добавляем этот код:

var aNewPost;
aNewPost = new Array;
var aNoPost;
aNoPost = new Array;




function changeForumImg(Id) {
NowSrc = my_getbyid(Id).src;
NewPost1OldSrc = "style_images/папка редактируемого скина/bc_new.gif";
NewPost2OldSrc = "style_images/папка редактируемого скина/bf_new.gif";
NewPost3OldSrc = "style_images/папка редактируемого скина/br_new.gif";
ArchiveOldSrc = "style_images/папка редактируемого скина/bf_readonly.gif";
FId = parseInt(Id.substr(4,Id.length));
if ( ! aNewPost[FId] ) { return }
else {
if ( NewPost1OldSrc == NowSrc ) {my_getbyid(Id).src = aNewPost[FId].src;}
else if ( NewPost2OldSrc == NowSrc ) {my_getbyid(Id).src = aNewPost[FId].src;}
else if ( NewPost3OldSrc == NowSrc ) {my_getbyid(Id).src = aNewPost[FId].src;}
else if ( ArchiveOldSrc == NowSrc ) {my_getbyid(Id).src = aNewPost[FId].src;}
else {my_getbyid(Id).src = aNoPost[FId].src;}
}
}

function my_getbyid(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;
}

То, что выделелно зеленым меняем на свои значения - вместо "папка редактируемого скина" необходимо прописывать реальное название папки со [скином]. Узнать её можно по названию скина, который в данный момент используется на вашем форуме. Например, если на форуме используется скин под названием "Blue_Midnight", то вместо "папка редактируемого скина" прописываем "Blue_Midnight" и строки, выделенные зелёным цветом, будут выглядеть так:

NewPost1OldSrc = "style_images/Blue_Midnight/bc_new.gif";
NewPost2OldSrc = "style_images/Blue_Midnight/bf_new.gif";
NewPost3OldSrc = "style_images/Blue_Midnight/br_new.gif";
ArchiveOldSrc = "style_images/Blue_Midnight/bf_readonly.gif";

5. Там же, в настройках [HTML] переходим в категорию "Board Index Sections" и открываем для редактирования секцию "+-- Board Index Forum Row". Находим там строку:

{$info['img_new_post']}

и добавляем после неё:

6. Снова переходим в категорию "Global HTML elements" и раскрываем для редактирования секцию "Board Header (logo, links, etc)". Находим там строку:

и после неё вставляем такой код:

aNewPost[X] = new Image;
aNewPost[X].src = "Ссылка на картинку с новыми сообщениями";
aNoPost[X] = new Image;
aNoPost[X].src = "Ссылка на картинку без новых сообщений";

То что выделено зеленым редактируете под свой форум (указываете там ссылки на картинки, которые были загружены на файлообменник.
То что выделено красным - это ID (порядковый номер) форума.

Чтобы определить ID форумов, нужно на главной странице навести на название форума указатель мыши и посмотреть на строку состояния [браузера]. Там будет отображаться адрес ([URL]) этого форума. Он будет выглядеть примерно так - http://example.com/index.php?showforum=15.
В этом адресе нас интересует значение showforum. ID форума будет написано после знака "=". У нас там стоит значение 15, а значит ID форума, на который мы навели указатель мыши будет 15.

Допустим, ID форума "Добро пожаловать" из самого верхнего скриншота у нас равно 17, ID форума "Вопросы по форуму" равно 21, а ID форума "География нашего форума" равно 4.
Тогда код, который нам необходимо будет добавить после строки  будет выглядеть так:

aNewPost[17] = new Image;
aNewPost[17].src = "Ссылка на картинку с новыми сообщениями";
aNoPost[17] = new Image;
aNoPost[17].src = "Ссылка на картинку без новых сообщений";


aNewPost[21] = new Image;
aNewPost[21].src = "Ссылка на картинку с новыми сообщениями";
aNoPost[21] = new Image;
aNoPost[21].src = "Ссылка на картинку без новых сообщений";


aNewPost[4] = new Image;
aNewPost[4].src = "Ссылка на картинку с новыми сообщениями";
aNoPost[4] = new Image;
aNoPost[4].src = "Ссылка на картинку без новых сообщений";

Перейти в тему поддержки

Последнее изменение: 02 Февраля 2011 19:28:24.