Предпросмотр тем форума
Красивый скрипт предпросмотра темы на форуме, очень нужный скрипт.
Особенно тем кто сделал на форуме чтото типо, всё для фотошопа или psd, либо какието картинки, ведь скрипт сократит время на переход в тему и покажет изображения не заходя в топик.
Скрипт я переделал под нужды моего сайта net-css.my1.ru чтобы подошёл под дизайн, imag'e можете подобрать своё)
Кстати у скрипта много эго запросов, такчто будьте аккуратнее, не чё серьёзного не будет, но сайт может временно отключатся за превышения эго запросов!
Установка скрипта для ucoz:
Идём в Форум->Общий вид страниц форума, Ставим код после $BODY$:
Вот и всё!
Как видите на скриншоте, скрипт я тестировал на своём сайте, что показывает он 100% рабочий!
Все цвета можно настроить для себя
Особенно тем кто сделал на форуме чтото типо, всё для фотошопа или psd, либо какието картинки, ведь скрипт сократит время на переход в тему и покажет изображения не заходя в топик.
Скрипт я переделал под нужды моего сайта net-css.my1.ru чтобы подошёл под дизайн, imag'e можете подобрать своё)
Кстати у скрипта много эго запросов, такчто будьте аккуратнее, не чё серьёзного не будет, но сайт может временно отключатся за превышения эго запросов!
Установка скрипта для ucoz:
Идём в Форум->Общий вид страниц форума, Ставим код после $BODY$:
Код
<script type="text/javascript">
/* пред просмотр тем на форуме */
$('td.threadNametd a.threadLink, td.threadNametd a.threadPinnedLink').each(function(){
$(this).after(' <b><a href="javascript://" style="cursor: help;"> <img src="http://s017.radikal.ru/i414/1304/41/30d942fd6d0c.png"> </a></b> <div style="z-index: 9999; border: 1px solid black; position: absolute; background-color: #1A1A1A; padding: 10px; display: none;"><img src="http://s28.ucoz.net/img/ma/m/i2.gif" align="absmiddle" border="0" /> Загрузка...</div>');
$(this).next().next().load(this.href+' td.posttdMessage:first', function(){var DelTD = $('td.posttdMessage').html(); $('td.posttdMessage').replaceWith(DelTD); $('hr.signatureHr, span.signatureView').remove();});
$(this).next().mouseover(function(){$(this).next().show();});
$(this).next().mouseout(function(){$(this).next().hide();});
});
</script>
/* пред просмотр тем на форуме */
$('td.threadNametd a.threadLink, td.threadNametd a.threadPinnedLink').each(function(){
$(this).after(' <b><a href="javascript://" style="cursor: help;"> <img src="http://s017.radikal.ru/i414/1304/41/30d942fd6d0c.png"> </a></b> <div style="z-index: 9999; border: 1px solid black; position: absolute; background-color: #1A1A1A; padding: 10px; display: none;"><img src="http://s28.ucoz.net/img/ma/m/i2.gif" align="absmiddle" border="0" /> Загрузка...</div>');
$(this).next().next().load(this.href+' td.posttdMessage:first', function(){var DelTD = $('td.posttdMessage').html(); $('td.posttdMessage').replaceWith(DelTD); $('hr.signatureHr, span.signatureView').remove();});
$(this).next().mouseover(function(){$(this).next().show();});
$(this).next().mouseout(function(){$(this).next().hide();});
});
</script>
Вот и всё!
Как видите на скриншоте, скрипт я тестировал на своём сайте, что показывает он 100% рабочий!
Все цвета можно настроить для себя
0| Всего комментариев: 0 | |
 | Информация: Посетители, находящиеся в группе Гости, не могут оставлять комментарии. |