Выделение тем и ответов на форуме by webo4ka.ru
1111
9.8 из 10
Проголосовало: 7
Проголосовало: 7
Щас пользователь Voker, спросил как сделать обводку столбцов тем и ответов на форуме. Это делается проще простого на js, но кто не знает, я выкладываю в открытый доступ данное решение...
Думаю данный хак многим пригодится, т.к. он выделяет серый и унылый форум в новые цвета, будет выглядеть очень красиво , и ваш сайт выделится среди других... Ну а теперь перейдем к установке данного кода
Установка:
Панель управления ---> Управление дизайном ---> Форум ---> Общий вид страницы форума ---> после $BODY$ вставляем:
Код
<script>
$(function () {
$('.forumThreadTd').each(function () {
$(this).html('<div style="background:#cdcdcd; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behavior:url(border-radius.htc); color:#555; font-weight:700; width:35px; height:25px; line-height:25px; padding:5px 10px;">'+$(this).html()+'</div>');
});
$('.forumPostTd').each(function () {
$(this).html('<div style="background:#cdcdcd; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behavior:url(border-radius.htc); color:#555; font-weight:700; width:35px; height:25px; line-height:25px; padding:5px 10px;">'+$(this).html()+'</div>');
});
});
/* by webo4ka.ru || Дата создания 29.05.2015 */
</script>
$(function () {
$('.forumThreadTd').each(function () {
$(this).html('<div style="background:#cdcdcd; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behavior:url(border-radius.htc); color:#555; font-weight:700; width:35px; height:25px; line-height:25px; padding:5px 10px;">'+$(this).html()+'</div>');
});
$('.forumPostTd').each(function () {
$(this).html('<div style="background:#cdcdcd; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behavior:url(border-radius.htc); color:#555; font-weight:700; width:35px; height:25px; line-height:25px; padding:5px 10px;">'+$(this).html()+'</div>');
});
});
/* by webo4ka.ru || Дата создания 29.05.2015 */
</script>
Установка окончена!
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 6
0
|
Спасибо) завтра подправлю)
|
0
|
Нативный вариант. Стили лучше убрать в файлы стилей. Не место им в HTML.
Класс "forumThreadTd-inner" - стиль элемента в столбце количества тем, "forumPostTd-inner" - в столбце количества ответов. Обернул в замыкание, чтобы проблем не было. P.S. Работает "задом наперед", т.е. с последнего форума до первого, но не вижу в этом ничего проблематичного. Код <script> (function() { var t = document.getElementsByClassName('forumThreadTd'); var p = document.getElementsByClassName('forumPostTd'); for (var i = t.length; i-- > 0;) { t[i].innerHTML = '<div class="forumThreadTd-inner">' + t[i].innerHTML + '</div>'; p[i].innerHTML = '<div class="forumPostTd-inner">' + p[i].innerHTML + '</div>'; } })(); </script> |
0
|
Большое спасибо.
|
|
0
|
Большое пожалуйста. Можешь еще идеи кидать...
|
0
|
Хороший скрипт. На моём сайте смотрится шикарно
|
|
+1
|
специально для твоего сайта и делали))
|
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
| |  | |  |  |  |
 |  | |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2025 г.
- Design by Вовчик Администратор:)