ForumD.ru - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Финансовая помощьРеклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Превью первой картинки топика

Сообщений 1 страница 10 из 15

1

Превью первой картинки топика на странице списка тем
Добавляет к ячейке с названием топика первую картинку из топика.

Автор: satsana (за идею благодарим nou)
Скрипт создан по заказу администрации проекта ForumD.ru!
При копировании информации указывайте ссылку на эту тему!

Платформа: MyBB
Демо: Портфолио // Каталог стилей

В Html-низ:

Код:
<!-- Превью первой картинки топика (с) satsana, 2018 -->
<style>
.punbb .prev-pic img {
 max-width: 300px;
 min-height: 160px;
}
</style>
<script type="text/javascript">
var prevForum = [33, 81]; 

if (document.URL.indexOf('viewforum.php?id=') != -1) {
  var forumNow = +document.URL.match(/viewforum.php\?id=\d+/)[0].match(/\d+/)[0];
} else {var forumNow = 0}
if (prevForum.indexOf(forumNow) != -1 || (forumNow != 0 && (!prevForum || prevForum.length == 0))) {
  $('.forum table tbody tr td.tcl').append('<div class="prev-pic"></div>');

  var prevTheme = $('.forum table tbody tr');
  for (c=0; c<prevTheme.length; c++) {
    var hr = $(prevTheme[c]).find('.tcl .tclcon a').attr('href');
    $.ajax({
      url:hr,
      context:prevTheme[c],
      success:function(res){
        res = $(res).find('.post-content:first-of-type').html().replace(/\&quot;/mgi, '"').replace(/\&lt;/mgi, '<').replace(/\&gt;/mgi, '>').match(/<img[\s\S]*?src="[\s\S]*?"[\s\S]*?>/mi)[0];
        $(this).find('td.tcl div.prev-pic').html(res);
      }
    }); 
  }
}
</script>

Пояснения
Размер превью картинки настраивается тут:

<style>
.punbb .prev-pic img {
max-width: 300px; /* ширина */
min-height: 160px; /* высота */
}
</style>

Форумы, в которых работает скрипт настраиваются здесь:

var prevForum = [33, 97];

Если удалить эту строчку, скрипт сработает на ВСЕ топики во всех форумах.

Стиль блока с картинкой можно настроить через селектор:

.prev-pic {
...тут коды...
}

Скрипт импортирует первую картинку каждого топика. Если нужно убрать картинки с важных тем, то впишите между тегами <style>:

.punbb .isticky .prev-pic {display: none;}

по аналогии можно поступить с закрытыми темами (.iclosed) и другими типами топиков.

Скрипт идеально сочетается со скриптом разворота картинок
Если установить его, при клике на картинку, она развернется на полный размер.

За перестройкой стиля страницы топик-листа под эдакий "форум-галерею" (как на скринах) можно обратиться к команде ForumD.ru - Сделать заказ

+3

2

а у меня не работает

форум Фото. только немного поднимаются посл сообщения

0

3

тартар написал(а):

форум Фото.

ссылку на форум

0

4

я с вами вконтакте связался

0

5

тартар
Вконтакте я переписку только по вопросам ПЛАТНЫХ заказов.
Бесплатная техническая поддержка оказывается на форуме.

0

6

Привет, как ты?
Я установил этот скрипт, но он не работал на моем форуме, и я не знаю, что случилось ... Не могли бы вы мне помочь?

Форум:
sims3archive.mforum.info

0

7

MillaSims3
привет
сделай, плз, видимым один из разделов, где выводится превью картинки
или добавь один из доступных гостям форумов в список к выводу картинок:

var prevForum = [11, 41]


hello
pls, make visible one of the forums where the preview of the picture should be displayed
or add one of the forums available to guests to the list to display images:

var prevForum = [11, 41]

0

8

Герда написал(а):

hello
pls, make visible one of the forums where the preview of the picture should be displayed
or add one of the forums available to guests to the list to display images:

Спасибо за быстрый ответ. Могу я ответить на английском? Я сомневался.
Извините ... Я забыл, что этот форум был скрыт.
Я добавил форум [17] в скрипт, который открыт для всех пользователей, но пока ничего не появилось.

0

9

MillaSims3 написал(а):
Герда написал(а):

hello
pls, make visible one of the forums where the preview of the picture should be displayed
or add one of the forums available to guests to the list to display images:

Спасибо за быстрый ответ. Могу я ответить на английском? Я сомневался.
Извините ... Я забыл, что этот форум был скрыт.
Я добавил форум [17] в скрипт, который открыт для всех пользователей, но пока ничего не появилось.

no problem, we know english :)

solving the problem will take some time - smth is really wrong...
asked our proggers to help.

+1

10

MillaSims3, приветствую!
Я поправила код скрипта в топике, теперь должно работать у всех. Попробуйте переустановить.

P.S. И ещё у вас в стиле фигурная скобка неправильно стоит (420 строка), она должна быть двумя строчками выше.


greetings!
I corrected the script code in the topic, now it should work for everyone. Try reinstalling.

P.S. And you also have a curly brace in the wrong style (line 420), it should be two lines higher.
https://i.gyazo.com/05b4047cd783b801e3fa08f0df9fe5b0.png

+2

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."