Легенда иконок форума (rps)
От автора © rps Очень часто стали спрашивать, как можно внизу форума сделать легенду иконок, как на phpbb форумах. Предлагаю такой вариант:
Скрипт готов к использованию, менять ничего не нужно, хотя по желанию можно подставить свои надписи к иконкам или указать дополнительный стиль.
Ставить в ХТМЛ-низ.
Код
<script type="text/javascript">
if ((location.href[location.href.length-1] == '/') || (document.URL.indexOf("viewforum") != -1))
document.getElementById("pun-main").innerHTML += '<div class="container" style="padding: 0.5em; margin-top: 1em;"><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - нет новых сообщений</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="inew"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - новые сообщения</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="isticky"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - важно</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="iclosed"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - закрыто</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="iredirect"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - ссылка</td></tr></tbody></table></div>';
</script>
if ((location.href[location.href.length-1] == '/') || (document.URL.indexOf("viewforum") != -1))
document.getElementById("pun-main").innerHTML += '<div class="container" style="padding: 0.5em; margin-top: 1em;"><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - нет новых сообщений</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="inew"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - новые сообщения</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="isticky"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - важно</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="iclosed"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - закрыто</td></tr></tbody></table><table style="width: 20%; float: left; border-style: none; vertical-align: middle;"><tbody><tr class="iredirect"><td style="border-style: none;" align="center"><div class="icon"><!-- --></div> - ссылка</td></tr></tbody></table></div>';
</script>
Скрипт готов к использованию, менять ничего не нужно, хотя по желанию можно подставить свои надписи к иконкам или указать дополнительный стиль.
Ставить в ХТМЛ-низ.
Просмотров: 745, Загрузок: 0, Оценка: 5.0 (2)
| Страницы: | |