Шаблон Excali для uCoz
827материалов
228тем на форуме
3003комментария
6152пользователя

Шаблон Excali для uCoz


Сделаны: Новости(полностью), Каталог файлов(полностью), Форум(полностью), Пользователи(Форма входа+минипрофиль, Персональная страница пользователя, Страница сообщений, Список пользователей, Страница редактирования данных), Опросы, заменены все чекбоксы и кнопки radio, доработано горизонтальное меню.

Установка:

1) Заливаем папки - bbcodes, css, demo, icons, images, js, profile в корень сайта;

2) Идём в Панель управления-Управление дизайном-Таблица стилей (CSS) и удаляем оттуда всё что там есть, вставляем код
Код
/* Other Styles */    
.replaceTable { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; height:100px; width:300px; border:1px dotted #999; background-color: #333; }    
.replaceTable a { color:#C60; font-weight:bold; }    
.replaceBody { background-image: url(../images/ventuno.gif); background-repeat: repeat; background-color: #333; }    
.legendTd {font-size:7pt;}    
/* ------------ */

и сохраняем;

3) Идём в Панель управления-Общие настройки и в самом низу (Значение тега DOCTYPE) ставим ДОКТАЙП -
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

4) Идём в Панель управления-Управление дизайном-Глобальные блоки, создаем блоки - BANNERS, BOTTOM, NAVI, SLAIDER. Далее ставим в них соответствующие шаблоны (пример: в глобальный блок "BANNERS" вставляем код из шаблона "BANNERS").

5) Идём в Панель управления-Управление дизайном-Конструктор шаблонов - и ставим сам "Шаблон сайта", т.е. открываем его в блокноте, копируем код, вставляем в конструктор и жмём "Создать шаблоны";

6) Ставим остальные шаблоны (Новости, Каталог файлов, Форум, Пользователи, Опросы);

Шаблон "Страница сайта" пока НЕ СТАВИМ;

7) Идём в Панель управления-Новости сайта-Настройка модуля
активируем КРАТКУЮ новость, т.е. галочки должны стоять на кратком и полном описании материала,

далее активируем 4 дополнительных поля и переименовываем:

Дополнительное поле 1 -> Ссылка на изображение
Дополнительное поле 2 -> Ссылка на видеоролик
Дополнительное поле 3 -> Размер файла
Дополнительное поле 4 -> Ссылка на файл

8) Идём в Панель управления-Каталог файлов-Настройка модуля, активируем дополнительные поля -

-> Ссылка на сайт автора
-> Ссылка на источник материала

и переименовываем их в -

Ссылка на сайт автора -> Ссылка на изображение
Ссылка на источник материала -> Ссылка на видеоролик

9) Включаем конструктор, далее жмем на значок шестерёнки сверху справа над блоком "МЕНЮ САЙТА", далее идем на вкладку HTML удаляем все что там есть и вставляем код:
Код
<ul>    
    <li><a href="/" ><img src="/images/arrow.gif" width="9" height="10" alt="" /> Главная страница</a> </li>    
    <li><a href="/load" ><img src="/images/arrow.gif" width="9" height="10" alt="" /> Каталог файлов</a> </li>    
    <li><a href="/publ" ><img src="/images/arrow.gif" width="9" height="10" alt="" /> Каталог статей</a> </li>    
    <li><a href="/gb" ><img src="/images/arrow.gif" width="9" height="10" alt="" /> Гостевая книга</a> </li>    
    <li><a href="/photo" ><img src="/images/arrow.gif" width="9" height="10" alt="" /> Фотоальбомы</a> </li>    
    <li><a href="/index/0-3" ><img src="/images/arrow.gif" width="9" height="10" alt="" /> Контакты</a> </li>    
    <li><a href="/forum" ><img src="/images/arrow.gif" width="9" height="10" alt="" /> Форум</a> </li>    
    <li><a href="/blog" ><img src="/images/arrow.gif" width="9" height="10" alt="" /> Блог</a> </li>    
</ul>

Сохраняем изменения.

10) Ставим шаблон "Страница сайта" - в ПУ/Управление дизайном/Страница сайта - (Обязательно в последнюю очередь);

11) Идём в ПУ/Форум/Настройка модуля и ставим иконки - в пункте "Набор иконок" выбираем "Свой набор" и прописываем путь
Код
http://ваш сайт/icons

, и в пункте "Набор иконок 2" прописываем путь
Код
http://ваш сайт/icons/icon

далее жмём кнопку "Сохранить";

12) Идём в ПУ/Замена стандартных надписей/Пользователи - меняем надпись Онлайн на
Код
<img src="/profile/on.png" alt="" />

а надпись Оффлайн на
Код
<img src="/profile/off.png" alt="" />

13) Идём в ПУ/Управление дизайном/Первый контейнер - ищем там Форму входа, удаляем всё что находится между тегами
Код
<!-- <block3> --> и <!-- </block3> -->

и вставляем между ними код
Код
<div class="module">    
    <div>    
    <div>    
    <div>    
    <h3 style="cursor: pointer;" class="show"><span><!-- <bt> -->    
    <?if($USER_LOGGED_IN$)?>    
    Аккаунт    
    <?else?>    
    Авторизация    
    <?endif?>    
    < !-- </bt> --></span></h3>    
    <div class="jv-collapse" style="overflow-x: hidden; overflow-y: hidden; "> <!-- <bc> -->    
    <div align="center">    
    <div style=" margin:0 4px 4px 4px;"> <span>Здравствуйте: <b>$USERNAME$</b></span></div>    
    <div style="width: 100px; height: 100px; border: 8px solid #333; margin:auto;">    
    <?if($USER_AVATAR_URL$)?>    
    <img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" width="100" height="100" alt="" />    
    <?else?>    
    <img class="userAvatar" title="$USERNAME$" src="/profile/noavatar.gif" width="100" height="100" alt="" />    
    <?endif?>    
    </div>    
    </div>    
    <?if($USER_LOGGED_IN$)?>    
    <div align="center">    
    <p> </p>    
    <div class="gmen"> <a href="$PERSONAL_PAGE_LINK$" class="buttonreset">Профиль</a> <a id="upml2" href="$PM_URL$" class="buttonreset">ЛС</a> <a href="$LOGOUT_LINK$" class="buttonreset"> Выход </a> </div>    
    <p> </p>    
    <div align="center">    
    <div style="height: 20px;"><a title="" onclick="$('#stats').slideToggle('slow');" class="button-big"><em>Админ-панель</em></a></div>    
    <div id="stats" style="display:none;">    
    <div id="info5">    
    <ul>    
    <li><a href="/forum/" style="color: #737373; display: block; outline: none; line-height: 18px; padding: 6px 0 6px 0px; margin: 0; background: url(../images/line-bg.jpg) repeat-x bottom left;">Перейти на форум</a></li>    
    <li><a href="/load/0-0-0-0-1" style="color: #737373; display: block; outline: none; line-height: 18px; padding: 6px 0 6px 0px; margin: 0; background: url(../images/line-bg.jpg) repeat-x bottom left;">Добавить Файл</a></li>    
    <li><a href="/news/0-0-0-0-1" style="color: #737373; display: block; outline: none; line-height: 18px; padding: 6px 0 6px 0px; margin: 0; background: url(../images/line-bg.jpg) repeat-x bottom left;">Добавить новость</a></li>    
    <li><a href="/dir/0-0-0-0-1" style="color: #737373; display: block; outline: none; line-height: 18px; padding: 6px 0 6px 0px; margin: 0; background: url(../images/line-bg.jpg) repeat-x bottom left;">Добавить сайт в ТОП</a></li>    
    <li><a href="/blog/0-0-0-0-1" style="color: #737373; display: block; outline: none; line-height: 18px; padding: 6px 0 6px 0px; margin: 0; background: url(../images/line-bg.jpg) repeat-x bottom left;">Добавить онлайн фильм</a></li>    
    </ul>    
    </div>    
    </div>    
    </div>    
    </div>    
    <?else?>    
    $LOGIN_FORM$    
    <?endif?>    
    <script language="javascript" type="text/javascript">    
function openOnClick(client_type){    
if(client_type=="mail")clientWindow = window.open("/index/14","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");    
if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");    
if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");    
if(client_type=="users")clientWindow = window.open("/index/15-1","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");    
}    
</script><!-- </bc> --></div>    
    </div>    
    </div>    
    </div>    
</div>

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

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Шаблон опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о шаблоне:
Дата добавления материала: 16.02.2015 в 13:03
Материал просмотрен: 953 раза
Категория материала: Шаблоны для uCoz
К материалу оставлены: 2 комментария

Пожаловаться
Сказать спасибо
Источник

1 комментарий


Ромчик
Не понял, где вы вообще это код нашли?
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта