• Страница 1 из 1
  • 1
Форум » Веб-разработка » Скрипты сталкер для uCoz » Блок селектор информеров для uCoz (Идет переключать в одном блоке на 3 информера для сайта)
Блок селектор информеров для uCoz
XemorDio
Среда, 01 Марта 2017 | Сообщение 1
Оффлайн
Vip
Сообщений:108
Награды: 1

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



В данном скрипте осуществлена возможность переключать в одном блоке 3 информера, а именно форум, файлы, топ пользователи по постам, а также при желание можно изменить на свои информеры, что очень удобно. Какой имеет вид данный скрипт Вы можете увидеть выше на скриншоте.

Особенностью скрипта является его простота и вписываемость в дизайн. Данный скрипт легко подстроить и настроить под Ваш собственный дизайн.

Установка скрипта
1. Между тегами <head>...head> вставляем: (ссылка ниже)
Код
<link type="text/css" rel="StyleSheet" href="/css/tabs.css">

2. Следующим шагом является установка каркаса блока. В нужное место вставляем код:
Код
<div class="blockr tabs_block">
<!-- <bt> -->
<!--<s5441>-->
<!--</s>-->
<!-- </bt> -->
<div class="tabs">
<input id="tab1" type="radio" name="tabs" checked>
<label for="tab1" title="Форум">Форум</label>

<input id="tab2" type="radio" name="tabs">
<label for="tab2" title="Файлы">Файлы</label>

<input id="tab3" type="radio" name="tabs">
<label for="tab3" title="ТОП по сообщениям">ТОП</label>

<section id="content1">
$MYINF_12$
</section>
<section id="content2">
$MYINF_21$
</section>
<section id="content3">
$MYINF_22$
</section>
</div>
</div>

3. Далее необходимо создать и настроить информеры. Заходим в Панель управления сайтов (ПУ) — "Инструменты" — "Информеры".

Создаем информер "Последние обновленные темы".
[ Форум · Материалы · Последние обновленные темы · Материалы: 8 · Колонки: 1 · Длина заголовка: 25 ]
[Шаблон информера]:
Код
<div class="newsoob"><a href="$LAST_POST_URL$">$THREAD_TITLE$</a><br><span style="font-size:9px;">Дата: $DATE$</span></div>


Создаем информер "Последние файлы".
[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 8 · Колонки: 1 · Длина заголовка: 25 ]
[Шаблон информера]:
Код
<div class="newsoob"><a href="$ENTRY_URL$">$TITLE$</a><br><span style="font-size:9px;">Дата: $DATE$</span></div>


Создаем информер "Топ пользователи".
[ Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 8 · Колонки: 1 ]
[Шаблон информера]:
Код
<div class="newsoob"><a href="$PROFILE_URL$">$USERNAME$</a> <span style="font-size:9px;color:#696969;">($GROUP_NAME$)</span><br><span style="font-size:9px;">Постов: $FORUM_POSTS$ | Репутации: $REPUTATION$</span></div>

4. Заменяем "Информер 1/2/3" (п.2) на коды информеров (например, $MYINF_1$, $MYINF_2$).

Прикрепления: 5609704.png (146.8 Kb) · tabs.css (2.0 Kb)


Сообщение отредактировал
XemorDio - Среда, 01 Марта 2017, 19:30
Страна: (RU)
Сопрано
Суббота, 06 Мая 2017 | Сообщение 2
Оффлайн
Vip
Сообщений:462
Награды: 4
Топ здесь явно не нужен, просто не кому это не интересно, лучше больше информации, те же комментарий ими являются.
Страна: (RU)
XemorDio
Суббота, 06 Мая 2017 | Сообщение 3
Оффлайн
Vip
Сообщений:108
Награды: 1
Сопрано, согласна!
Страна: (RU)
-SAM-
Суббота, 06 Мая 2017 | Сообщение 4
Оффлайн
Друзья сайта
Сообщений:880
Награды: 40
Цитата XemorDio ()
Длина заголовка: 25
Лучше не резать заглавие, а стилями ограничить вывод (чтобы подстраивалось под ширину блока). Можно еще убрать подрезку из настроек, а резку делать условными операторами uCoz, чтобы потом title прописать ссылке (наводишь на нее и выводит полностью название топика, а если через настройки информера стоит ограничение длины заголовка, то тогда нельзя будет вывести полностью название так). Ну, а так полезное решение - вкладки, оно позволяет размещать в одном блоке много информации, тем самим всё делается компактно (единственное, что по приоритету в первую вкладку нужно ставить ту инфу, которая более востребована).




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".


Сообщение отредактировал
-SAM- - Суббота, 06 Мая 2017, 21:13
Страна: (UA)
Форум » Веб-разработка » Скрипты сталкер для uCoz » Блок селектор информеров для uCoz (Идет переключать в одном блоке на 3 информера для сайта)
  • Страница 1 из 1
  • 1
Поиск: