Обзорный блок информаторов для ucoz позволяет разместить в одном месте все выводы информации в одном блоке, тем самым сэкономив место в контейнере вашего сайта.
В данном примере участвуют всего 5 выводов, где количество их можно изменять как на большее , так и на меньшее, для этого необходимо только редактировать количество как в скрипте, и так и в оглавление титлов этого же блока по порядку его отображения.
Установка:
В блок контейнера вставляем обзорный блок информеров:
Созданные информеры $MYINF_4...9$ всего 5 штук тут , но можно их изменить количество вмещаем в данный скрипт и заменяем их по прядку расчета, что бы названия их совмещались с данными отображения.
Код
<style> #prev, #next {cursor:pointer} .inf_title {padding-top:1px;padding-bottom:1px;border:1px solid #CCC;padding-left:25px;padding-right:25px;background:url('http://img.adl-studio.ru/_ph/1/2/16405210.png') repeat-x #EEE;color:#444;text-shadow: 0px 0px 7px #777;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} </style> <script type="text/javascript"> /* Удобные информеры by www.ujs.su */ title = ["Последние ответы","Популярные скрипты","Топ семёрка активов", "Топ 7 по репутации", 'Новые пользователи']; $(function () { max = 4; min = 0; var range = max - min + 1; var rnd = Math.floor(Math.random()*range) + min; $('#inf').val(rnd); $('.inf_title').html(title[rnd]) opn = $('#inf').val(); $('#inf_'+opn+'').show(); }) function informer(direction) { if(direction == 'next') { opnow = $('#inf').val(); next = parseInt(opnow)+1; if(next > $('#infmax').val()) {_uWnd.alert('Дальше информеров нет...', 'Информация', {h:70,w:170,tm: 3000})} else { $('#inf_'+opnow+'').hide(500); $('#inf').val(next); $('.inf_title').html(title[next]) $('#inf_'+next+'').show(1000); } } if(direction == 'back') { opnow = $('#inf').val(); back = parseInt(opnow)-1; if(back < 0) {_uWnd.alert('Вы дошли до 1 информера', 'Информация', {h:70,w:170,tm: 3000})} else { $('#inf_'+opnow+'').hide(500); $('#inf').val(back); $('.inf_title').html(title[back]) $('#inf_'+back+'').show(1000); } } } </script> <hr style="margin: 3px; height: 1px; border: 0px none; background: none repeat scroll 0% 0% rgb(221, 221, 221);"> <center> <span id="prev" title="Предыдущий информер" onclick="informer('back')" style="padding-top: 5px;"><img src="http://img.adl-studio.ru/_ph/1/2/198030131.gif" alt="" border="0"></span><span class="inf_title">Последние ответы</span><span id="next" title="Следующий информер" onclick="informer('next')" style="padding-top: 5px;"><img src="http://img.adl-studio.ru/_ph/1/2/533944034.gif" alt="" border="0"></span></center> <hr style="margin: 3px; height: 1px; border: 0px none; background: none repeat scroll 0% 0% rgb(221, 221, 221);"> <span id="inf_0" style="display: none;"><script type="text/javascript" src="$MYINF_4$"></script></span> <span id="inf_1" style="display: none;"><script type="text/javascript" src="$MYINF_5$"></script></span> <span id="inf_2" style="display: none;"><script type="text/javascript" src="$MYINF_6$"></script></span> <span id="inf_3" style="display: none;"><script type="text/javascript" src="$MYINF_8$"></script></span> <span id="inf_4" style="display: none;"><script type="text/javascript" src="$MYINF_9$"></script></span> <hr style="margin: 3px; height: 1px; border: 0px none; background: none repeat scroll 0% 0% rgb(221, 221, 221);"> <input name="count" id="inf" value="0" type="hidden"> <input name="max" id="infmax" value="4" type="hidden">
Для редактирования названий информеров изменяем в скрипте эту строку
title = ["Последние ответы","Популярные скрипты","Топ семёрка активов", "Топ 7 по репутации", 'Новые пользователи'];
Учтите не в коем случае нельзя перемещать строку, все в одну.
Создаем все информеры, их можно сделать и меньше и больше, все если редактируя изменить.
Войдите на сайт или Зарегистрируйтесь