1) Изображения из папки back кидаем в папку с изображениями стиля
2) Папку js кидаем в папку с изображениями стиля
3) Создаём новый css с названием: custom_backgrounds и добавляем в него:
4) В самый низ ipb_styles.css добавляем:
5) Редактируем globalTemplate
Найти:
{parse template="includeJS" group="global" params="$jsModules"}
Добавить выше:
<script type='text/javascript'>!window.jQuery && document.write('<script src="{style_images_url}/js/jquery.min.js"></script>')</script>
<script type='text/javascript' src="{style_images_url}/js/cookie.js"></script>
<script type='text/javascript' src="{style_images_url}/js/ipbforumskins.js"></script>
Найти:
<body id='ipboard_body'>
Заменить на:
<body data-customBackground='enabled' id='ipboard_body'>
Найти:
<if test="canSearch:|:$this->memberData['g_use_search']">
{parse template="quickSearch" group="global" params=""}
</if>
Ниже добавить:
<li id='nav_background' data-tooltip="Change background image"><a href="#"><img src='{style_images_url}/nav_background.png' alt='' /></a></li>
<div id='toggle_background'><div id='custom_background'>
<span id='bg1' style='background-image: url({style_images_url}/background1_thumb.jpg);'></span>
<span id='bg6' style='background-image: url({style_images_url}/background6_thumb.jpg);'></span>
<span id='bg5' style='background-image: url({style_images_url}/background5_thumb.jpg);'></span>
<span id='bg2' style='background-image: url({style_images_url}/background2_thumb.jpg);'></span>
<span id='bg3' style='background-image: url({style_images_url}/background3_thumb.jpg);'></span>
<span id='bg4' style='background-image: url({style_images_url}/background4_thumb.jpg);'></span>
<div id='custom_url'><input type='text' id='custom_input' placeholder="ИЛИ введите URL своего бэкграунда и нажмите Изменить" /><strong id='custom_submit'>Изменить</strong></div>
</div></div><br />
Вроде всё
js.rar
backs.rar
