Единый форум поддержки

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

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

Вы здесь » Единый форум поддержки » Форум для новичков » Общие вопросы от новичков (63) #2

Общие вопросы от новичков (63) #2

Страница:   1 … 71 72 73 74 75 … 98  

Сообщений 1441 страница 1460 из 1956

1

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51478
  • Уважение: +15440
  • Позитив: +12176
  • Последний визит:
    Сегодня 19:23:16

Продолжение темы Общие вопросы от новичков (62)

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Предыдущая часть темы: Общие вопросы от новичков (63)

+2

1441

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51478
  • Уважение: +15440
  • Позитив: +12176
  • Последний визит:
    Сегодня 19:23:16
ACT3255 написал(а):

Deff
Я конечно может туплю, но я и правда немного недопонял.
Я имел введу скрипт, как "Вывод последних 10 сообщений форума"
Пример: создал пост -
"Джентельмены удачи"
Тут скрины
Тут ссылка на ролик.
Мне нужно, что бы по принципу скрипта  "Вывод последних 10 сообщений форума" на главной, отображались именно название фильма "Джентельмены удачи" более из этого поста ничего отображаться не должно и таких названий ссылок будет к примеру 10, по мере наполнения темы, названия-ссылки обновлялись. Ну как у том известном скрипте.
У меня ранее было что то подобное Запросы по скриптам[10] но там был вывод последних обновленных тем. А так как у меня посчитай 1 видео тема, вот надо из нее, выводить на главную именно названия поста то есть название ролика-фильма.
Воткнуть все это дело в объявление.

1-е Выводим только ссылку на пост и название, последние 10 сообщений с названиями фильмов из одной темы?, между постами в теме есть другие сообщения без названий ?
Если есть - оборачиваешь каждое название в теги  [block="out_movie"] [/block], чтобы выводить только их

Выводим табличку с фильмами ссылками только на главной или ?
Куда выводим ? Укажи прямоугольником на скриншоте

Отредактировано Deff (Сб, 9 Ноя 2024 21:48:09)

0

1442

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3005
  • Уважение: +1674
  • Позитив: +2292
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:43:05
Deff написал(а):

Выводим только ссылку на пост и название

https://i4.imageban.ru/thumbs/2024.11.09/4b42897bfdfb3d1812e28f2995ed2f72.jpg
Выводим только ссылку на пост и название, выделено желтым, текст должен автоматом браться из поста, текст в посту всегда идет первым.

Deff написал(а):

последние 10 сообщений с названиями фильмов из одной темы?

Да

Deff написал(а):

между постами в теме есть другие сообщения без названий ?

Нет

Deff написал(а):

Выводим табличку с фильмами ссылками только на главной или ?

Да

Deff написал(а):

Куда выводим ? Укажи прямоугольником на скриншоте

https://i6.imageban.ru/thumbs/2024.11.09/c311767560a810ee4b00bcab3fb724ea.jpg
в любое из трех мест
Под бегущей строкой или под виджетом "FeedGrabbr" или под "Плагин слайдер" пофиг где.

Отредактировано ACT3255 (Сб, 9 Ноя 2024 22:04:05)

0

1443

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51478
  • Уважение: +15440
  • Позитив: +12176
  • Последний визит:
    Сегодня 19:23:16

Заскриншоть пост с названием фильмов, ток вставь через загрузку тут в сообщение, ну и ссылку на тему видную гостю - где посмотреть вживую эту тему ну или ник пароль в личку

0

1444

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3005
  • Уважение: +1674
  • Позитив: +2292
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:43:05

Deff
https://upforme.ru/uploads/0000/14/1c/32894/t55980.jpg
https://act3255.mybb.ru/viewtopic.php?i … 144#p45015

+1

1445

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51478
  • Уважение: +15440
  • Позитив: +12176
  • Последний визит:
    Сегодня 19:23:16

ACT3255
Т.е Название у тебя всегда в самом начале сообщения и жирным ?
Ну вроде боль мень понятно, постараюсь завтра наваять в течении суток(но это не точно, ибо ещё есть заказы)

Отредактировано Deff (Сб, 9 Ноя 2024 23:17:41)

+1

1446

  • Автор: sant24
  • Заслуженный
  • Зарегистрирован: Пт, 8 Ноя 2024
  • Сообщений: 19
  • Уважение: +11
  • Позитив: +3
  • Последний визит:
    Сб, 21 Июн 2025 14:42:51
sant24 написал(а):
Alex_63 написал(а):

sant24
Только я бы убрал строчку, которая уже не нужна, но создает лишний запрос на каждой странице )

Код:
<script src="/export.php?type=js&max=30" type="text/javascript"></script>

Ну и АДРЕС ВАШЕГО ФОРУМА/ можно заменить везде на просто / - для универсальности. Работать будет так же )
А также можно оптимизировать вот это:

Код:
var lastPageUrl = `АДРЕС ВАШЕГО ФОРУМА/viewtopic.php?id=${topicId}&p=${pageNum}`;
Код:
var lastPageUrl = `/viewtopic.php?pid=${lastPostId}#p${lastPostId}`;

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

Отредактировал   :cool:

Спасибо !

Код:
<!------------------------------------------------------------------------------------------------------------------------>
<!-- Последние сообщения форума, новая версия © Alex_63 + API  -->
<style>
.container.stats { margin-bottom: -10px; }
.stats table {
  padding: 0 !important;
  margin-top: 1px;
  width: 100%;
  table-layout: auto; /* Автоматическая подстройка ширины столбцов */
  border-collapse: collapse; /* Объединяет границы ячеек */
}
.stats table th, .stats table td {
  padding: .30em .60em;
  border: 1px solid #ADD8E6; /* Стандартный цвет для всех границ */
  text-align: center; /* Центрируем текст */
}
.stats table td a.tcr:hover {
  text-decoration: underline;  /* Подчеркивание текста при наведении */
  color: #32CD32; /* Салатовый цвет при наведении */
}
</style>
<script type="text/javascript">
(function() {
  var numPosts = 9; // Количество выводимых сообщений (не более 20)
  var html = '';
  var html0 = '<div class="container stats"><span class="t-head">Последние сообщения форума</span><table cellspacing="0" class="container">\
                <thead><tr><th>Автор</th><th>Последнее сообщение в теме</th><th>Дата</th><th>Время написания поста</th></tr>\
                </thead><tbody class="hasicon">';
 
  // Получаем данные с API форума
  fetch('/api.php?method=topic.getRecent')
    .then(response => response.json())
    .then(data => {
      if (data.response && data.response.length > 0) {
        for (var i = 0; i < Math.min(data.response.length, numPosts); i++) {
          var post = data.response[i];
          var s0 = post.posted;  // Время сообщения
          var s1 = post.username;  // Автор
          var s2 = post.subject;  // Название темы
          var s3 = post.last_username;  // Автор последнего сообщения
          var topicId = post.id;  // Идентификатор темы
          var lastPostId = post.last_post_id;  // Идентификатор последнего сообщения
      
          // Преобразуем Unix timestamp в дату и время
          var ts = new Date(s0 * 1000);
          var datePart = ts.toISOString().slice(0, 10);
          var timePart = ts.toTimeString().slice(0, 8);
 
          // Формируем ссылку на последнюю страницу темы
          var lastPageUrl = `/viewtopic.php?pid=${lastPostId}#p${lastPostId}`;
 
          // Формируем строку для таблицы
          var row = `<tr> <td>${s3}</td><td class="tc2"><a href="${lastPageUrl}" target="_blank" class="tcr">${s2}</a></td><td class="tc2">${datePart}</td><td class="tc2">${timePart}</td></tr>`;
 
          // Добавляем строку в итоговый HTML
          html += row;
        }
        // Завершаем таблицу
        var finalHtml = html0 + html + '</tbody></table></div><br/><h2><span>Общая статистика</span></h2>';
        
        // Проверка наличия элемента с классом .statscon
        if ($('.statscon').length) {
          $('.statscon').prepend(finalHtml);
        } else {
          console.error('Элемент с классом .statscon не найден');
        }
      } else {
        console.error("Нет данных или формат ответа неправильный");
      }
    })
    .catch(error => console.error("Ошибка при получении данных:", error));
})();
</script>
 
<!------------------------------------------------------------------------------------------------------------------------>

Исправил баги с датой и временем

Код:
<!------------------------------------------------------------------------------------------------------------------------>
<!-- Последние сообщения форума, новая версия © Alex_63 + API  -->
<style>
.container.stats { margin-bottom: -10px; }
.stats table {
  padding: 0 !important;
  margin-top: 1px;
  width: 100%;
  table-layout: auto; /* Автоматическая подстройка ширины столбцов */
  border-collapse: collapse; /* Объединяет границы ячеек */
}
.stats table th, .stats table td {
  padding: .30em .60em;
  border: 1px solid #ADD8E6; /* Стандартный цвет для всех границ */
  text-align: center; /* Центрируем текст */
}
.stats table td a.tcr:hover {
  text-decoration: underline;  /* Подчеркивание текста при наведении */
  color: #32CD32; /* Салатовый цвет при наведении */
}
</style>
<script type="text/javascript">
(function() {
  var numPosts = 9; // Количество выводимых сообщений (не более 20)
  var html = '';
  var html0 = '<div class="container stats"><table cellspacing="0" class="container">\
                <thead><tr><th>Автор</th><th>Последнее сообщение в теме</th><th>Дата</th><th>Время написания поста</th></tr>\
                </thead><tbody class="hasicon">';

  // Получаем данные с API форума
  fetch('/api.php?method=topic.getRecent')
    .then(response => response.json())
    .then(data => {
      if (data.response && data.response.length > 0) {
        for (var i = 0; i < Math.min(data.response.length, numPosts); i++) {
          var post = data.response[i];
          
          var s1 = post.username;  // Автор
          var s2 = post.subject;  // Название темы
          var s3 = post.last_username;  // Автор последнего сообщения
          var topicId = post.id;  // Идентификатор темы
          var lastPostId = post.last_post_id;  // Идентификатор последнего сообщения
          var DatetimePost = post.last_post_date; 

          var ts = new Date(DatetimePost * 1000);  // Преобразуем Unix timestamp в миллисекунды
          // Форматируем дату и время для отображения
          var datePart = ts.toLocaleDateString();
          
         // Отнимаем 2 часа   (часовой пояс)
          ts.setHours(ts.getHours() - 2);
         // Форматируем время    
         var timePart = ts.toLocaleTimeString();  // Локальное время с учетом изменения

          // Формируем ссылку на последнюю страницу темы
          var lastPageUrl = `/viewtopic.php?pid=${lastPostId}#p${lastPostId}`;

          // Формируем строку для таблицы
          var row = `<tr> <td>${s3}</td><td class="tc2"><a href="${lastPageUrl}" target="_blank" class="tcr">${s2}</a></td><td class="tc2">${datePart}</td><td class="tc2">${timePart}</td></tr>`;

          // Добавляем строку в итоговый HTML
          html += row;
        }
        // Завершаем таблицу
        var finalHtml = html0 + html + '</tbody></table></div><br/><h2><span>Общая статистика</span></h2>';
        
        // Проверка наличия элемента с классом .statscon
        if ($('.statscon').length) {
          $('.statscon').prepend(finalHtml);
        } else {
          console.error('Элемент с классом .statscon не найден');
        }
      } else {
        console.error("Нет данных или формат ответа неправильный");
      }
    })
    .catch(error => console.error("Ошибка при получении данных:", error));
})();
</script>

<!------------------------------------------------------------------------------------------------------------------------>

+3

1447

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3005
  • Уважение: +1674
  • Позитив: +2292
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:43:05
Deff написал(а):

Т.е Название у тебя всегда в самом начале сообщения и жирным ?

Все верно

0

1448

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7446
  • Уважение: +5999
  • Позитив: +6587
  • Пол: Мужской
  • Последний визит:
    Сегодня 17:21:11
ACT3255 написал(а):

Я конечно может туплю, но я и правда немного недопонял.
Я имел введу скрипт, как "Вывод последних 10 сообщений форума"
Пример: создал пост -
"Джентельмены удачи"
Тут скрины
Тут ссылка на ролик.
Мне нужно, что бы по принципу скрипта  "Вывод последних 10 сообщений форума" на главной, отображались именно название фильма "Джентельмены удачи" более из этого поста ничего отображаться не должно и таких названий ссылок будет к примеру 10, по мере наполнения темы, названия-ссылки обновлялись. Ну как у том известном скрипте.

Я делал когда то вывод по разделам: https://kolobdur.mybb.ru/viewtopic.php?id=11 Пример: https://kolobdur.mybb.ru/viewforum.php?id=4 Можно переделать его и для тем, в темах тоже есть RSS. Можно с выносом в определенное место, а можно куда сам захочешь поставить. Если хочешь могу переделать, только скажи в какое место и ссылку на форум.

0

1449

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7446
  • Уважение: +5999
  • Позитив: +6587
  • Пол: Мужской
  • Последний визит:
    Сегодня 17:21:11

ACT3255, вот так как то:

Код:
<!-- Последние 10 сообщений из темы с наведением -->
<style>
#pun-t10, .stats-t10 {
  display: grid;
}
 
#pun-t10 h3 {
  font-size: 16px;
  text-align: center;
  padding-bottom: 16px;
  color: #999;
  background: url(/img/Mybb_iPhone/sub.gif) repeat-x #343434;
}
 
.stats-t10 {
  grid-template-columns: 40% 10% auto;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
  background: url(/img/Mybb_iPhone/alt0.gif) repeat-x #C7C7C7 bottom;
}
 
.author-t10, .last-post-t10 {
  justify-self: left;
  padding-left: calc(54px + 2em);
}
 
.body-t10 {padding: 1em 0;}
 
.body-t10 .author-t10 {color: #61492c;}
.last-post-t10 {position: relative;}
.tipsy-t10 {display: none;}
 
.last-post-t10:hover .tipsy-t10 {
  display: block;
  position: absolute;
  min-width: 100%;
  max-width: 400px;
  padding: 5px 8px 4px;
  background-color: white;
  color: inherit;
  font-size: 12px;
  bottom: 30px;
  border-radius: 5px;
  border-width: 1px 0px 1px 1px;
  box-sizing: content-box;
}
 
.tipsy-t10:after {
  content: '';
  border: 10px solid transparent;
  border-top-color: white;
  position: absolute;
  margin: 0 0 0 0px;
}
</style>
<script type="text/javascript">
$(function(){
var arrays = 859;
$.get('export.php?type=rss&tid=' + arrays,'',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text().split('.').join('');
var JLink=$(this).find('link').text();
var JContent=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-5);
 
var vtopB = '<div class="stats-t10 body-t10">\
            <div class="author-t10">'+JAuthor+'</div>\
            <div class="time-t10">'+JPosted+'</div>\
            <div class="last-post-t10"><a href="'+JLink+'" target="_blank">'+JTitle+'</a><div class="tipsy-t10">'+JContent+'</div></div></div>';
 
$('#pun-t10').append(vtopB);
});
} 
var vtopA = '<div id="pun-t10"><h3>Название темы</h3>\
             <div class="stats-t10 inscription">\
             <div class="author-t10">Автор</div>\
             <div class="time-t10">Время</div>\
             <div class="last-post-t10">Пост</div></div>';
 
$('#pun-index #pun-ulinks').append(vtopA);
});
</script>

var arrays = 859; - номер темы

Пример: https://digitalferrum.bbmy.ru/ ,наверху.

Стиль только надо подрихтовать..

0

1450

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3005
  • Уважение: +1674
  • Позитив: +2292
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:43:05

kolobdur74
Приветствую Вас.
Сейчас нафотошоплю, выложу макет чего по идее хочу.

0

1451

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3005
  • Уважение: +1674
  • Позитив: +2292
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:43:05

kolobdur74
https://upforme.ru/uploads/0000/14/1c/32894/t31892.jpg
Вот так сейчас
https://upforme.ru/uploads/0000/14/1c/32894/t709566.jpg
вот так с Вашим кодом
https://upforme.ru/uploads/0000/14/1c/32894/t228677.jpg
вот так желательно, ток черточки разделители белыми, чет у меня не получилось нафотошопить качественно.
Добавлено спустя 6 минут 14 секунд:
и названия желательно выводить полностью, в Вашем коде они обрезаются, так теряется весь смысл этой плюшки.

https://act3255.mybb.ru/

Отредактировано ACT3255 (Вс, 10 Ноя 2024 12:22:43)

0

1452

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7446
  • Уважение: +5999
  • Позитив: +6587
  • Пол: Мужской
  • Последний визит:
    Сегодня 17:21:11
ACT3255 написал(а):

и названия желательно выводить полностью, в Вашем коде они обрезаются, так теряется весь смысл этой плюшки.

В RSS количество символов ограничено для выводимого названия.

+1

1453

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7446
  • Уважение: +5999
  • Позитив: +6587
  • Пол: Мужской
  • Последний визит:
    Сегодня 17:21:11

ACT3255, поставьте этот код на форум, чтобы я мог поправить стиль:

Код:
<!-- Последние 10 сообщений в темах с наведением -->
<style>
#pun-t10, .stats-t10 {
  display: grid;
}
 
#pun-t10 h3 {
  font-size: 16px;
  text-align: center;
  padding-bottom: 16px;
  color: #999;
  background: #5381B5;
}
 
.stats-t10 {
  grid-template-columns: 40% 10% auto;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
  background: #5381B5;
}
 
.author-t10, .last-post-t10 {
  justify-self: left;
  padding-left: calc(54px + 2em);
}
 
.body-t10 {padding: 1em 0;}
 
.body-t10 .author-t10 {color: #61492c;}
.last-post-t10 {position: relative;}
.tipsy-t10 {display: none;}
 
.last-post-t10:hover .tipsy-t10 {
  display: block;
  position: absolute;
  min-width: 100%;
  max-width: 400px;
  padding: 5px 8px 4px;
  background-color: white;
  color: inherit;
  font-size: 12px;
  bottom: 30px;
  border-radius: 5px;
  border-width: 1px 0px 1px 1px;
  box-sizing: content-box;
}
 
.tipsy-t10:after {
  content: '';
  border: 10px solid transparent;
  border-top-color: white;
  position: absolute;
  margin: 0 0 0 0px;
}
</style>
<script type="text/javascript">
$(function(){
var arrays = 859;
$.get('export.php?type=rss&tid=' + arrays,'',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text().split('.').join('');
var JLink=$(this).find('link').text();
var JContent=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-5);
 
var vtopB = '<div class="stats-t10 body-t10">\
            <div class="author-t10">'+JAuthor+'</div>\
            <div class="time-t10">'+JPosted+'</div>\
            <div class="last-post-t10"><a href="'+JLink+'" target="_blank">'+JTitle+'</a><div class="tipsy-t10">'+JContent+'</div></div></div>';
 
$('#pun-t10').append(vtopB);
});
} 
var vtopA = '<div id="pun-t10"><h3>Название темы</h3>\
             <div class="stats-t10 inscription">\
             <div class="author-t10">Автор</div>\
             <div class="time-t10">Время</div>\
             <div class="last-post-t10">Пост</div></div>';
 
$('#pun-index #pun-title').append(vtopA);
});
</script>

0

1454

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3005
  • Уважение: +1674
  • Позитив: +2292
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:43:05

kolobdur74
готово

0

1455

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7446
  • Уважение: +5999
  • Позитив: +6587
  • Пол: Мужской
  • Последний визит:
    Сегодня 17:21:11

ACT3255, немного скрипт поправил, вот этот код поставьте:

Код:
<!-- Последние 10 сообщений в темах с наведением -->
<style>
#pun-t10, .stats-t10 {
  display: grid;
}
 
#pun-t10 h3 {
  font-size: 16px;
  text-align: center;
  padding-bottom: 16px;
  color: #999;
  background: #5381B5;
}
 
.stats-t10 {
  grid-template-columns: 40% 10% auto;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
  background: #5381B5;
}
 
.author-t10, .last-post-t10 {
  justify-self: left;
  padding-left: calc(54px + 2em);
}
 
.body-t10 {padding: 1em 0;}
 
.body-t10 .author-t10 {color: #61492c;}
.last-post-t10 {position: relative;}
.tipsy-t10 {display: none;}
 
.last-post-t10:hover .tipsy-t10 {
  display: block;
  position: absolute;
  min-width: 100%;
  max-width: 400px;
  padding: 5px 8px 4px;
  background-color: white;
  color: inherit;
  font-size: 12px;
  bottom: 30px;
  border-radius: 5px;
  border-width: 1px 0px 1px 1px;
  box-sizing: content-box;
}
 
.tipsy-t10:after {
  content: '';
  border: 10px solid transparent;
  border-top-color: white;
  position: absolute;
  margin: 0 0 0 0px;
}
</style>
<script type="text/javascript">
$(function(){
var arrays = 859;
$.get('export.php?type=rss&tid=' + arrays,'',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text().split('.').join('');
var JLink=$(this).find('link').text();
var JContent=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-5);
 
var vtopB = '<div class="stats-t10 body-t10">\
            <div class="author-t10">'+JAuthor+'</div>\
            <div class="time-t10">'+JPosted+'</div>\
            <div class="last-post-t10"><a href="'+JLink+'" target="_blank">'+JTitle+'</a><div class="tipsy-t10">'+JContent+'</div></div></div>';
 
$('#pun-t10').append(vtopB);
});
} 
var vtopA = '<div id="pun-t10"><h3>Название темы</h3>\
             <div class="stats-t10 inscription">\
             <div class="author-t10">Автор</div>\
             <div class="time-t10">Время</div>\
             <div class="last-post-t10">Пост</div></div>';
 
$('#pun-index #pun-title').after(vtopA);
});
</script>

0

1456

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3005
  • Уважение: +1674
  • Позитив: +2292
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:43:05

kolobdur74
готово

0

1457

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7446
  • Уважение: +5999
  • Позитив: +6587
  • Пол: Мужской
  • Последний визит:
    Сегодня 17:21:11

ACT3255, поставьте вот этот код:

Код:
<!-- Последние 10 сообщений в темах с наведением -->
<style>
#pun-t10 {
  margin-top: 155px;
  margin-bottom: -144px;
}

#pun-t10, .stats-t10 {
  display: grid;
}
 
.stats-t10 {
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
  background: #5381B5;
}
 
.author-t10, .last-post-t10 {
  justify-self: left;
  padding-left: calc(54px + 2em);
}
 
.body-t10 {padding: 1em 0;}
 
.body-t10 .author-t10 {color: #61492c;}
.last-post-t10 {position: relative;}
.tipsy-t10 {display: none;}
 
.last-post-t10:hover .tipsy-t10 {
  display: block;
  position: absolute;
  min-width: 100%;
  max-width: 400px;
  padding: 5px 8px 4px;
  background-color: white;
  color: inherit;
  font-size: 12px;
  bottom: 30px;
  border-radius: 5px;
  border-width: 1px 0px 1px 1px;
  box-sizing: content-box;
}
 
.tipsy-t10:after {
  content: '';
  border: 10px solid transparent;
  border-top-color: white;
  position: absolute;
  margin: 0 0 0 0px;
}

.last-post-t10 a {
  color: #fff;
  text-shadow: 0 -1px 0 #38;
}
</style>
<script type="text/javascript">
$(function(){
var arrays = 859;
$.get('export.php?type=rss&tid=' + arrays,'',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text().split('.').join('');
var JLink=$(this).find('link').text();
var JContent=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-5);
 
var vtopB = '<div class="stats-t10 body-t10">\
            <div class="last-post-t10"><a href="'+JLink+'" target="_blank">'+JTitle+'</a><div class="tipsy-t10">'+JContent+'</div></div></div>';
 
$('#pun-t10').append(vtopB);
});
} 
var vtopA = '<div id="pun-t10"></div>';
 
$('#pun-index #pun-title').after(vtopA);
});
</script>

0

1458

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3005
  • Уважение: +1674
  • Позитив: +2292
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:43:05

kolobdur74
Есть такое дело.

0

1459

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7446
  • Уважение: +5999
  • Позитив: +6587
  • Пол: Мужской
  • Последний визит:
    Сегодня 17:21:11

ACT3255, поставьте этот код:

Код:
<!-- Последние 10 сообщений в темах с наведением -->
<style>
#pun-t10 {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
  grid-gap: 2px;
  background: #000000;
}
 
.stats-t10 {
  background: #5381B5;
}
 
.body-t10 {padding: 1em 0;}

.last-post-t10 {
  position: relative;
  text-align: center;
}

.tipsy-t10 {display: none;}
 
.last-post-t10:hover .tipsy-t10 {
  display: block;
  position: absolute;
  min-width: 100%;
  max-width: 400px;
  max-height: 170px;
  overflow: hidden
  padding: 5px 8px 4px;
  background-color: white;
  color: inherit;
  font-size: 12px;
  bottom: 30px;
  border-radius: 5px;
  border-width: 1px 0px 1px 1px;
  box-sizing: content-box;
  z-index: 1000;
}
 
.tipsy-t10:after {
  content: '';
  border: 10px solid transparent;
  border-top-color: white;
  position: absolute;
  margin: 0 0 0 0px;
}

.last-post-t10 a {
  color: #fff !important;
  text-shadow: 0 -1px 0 #385b83;
}
</style>
<script type="text/javascript">
$(function(){
var arrays = 859;
$.get('export.php?type=rss&tid=' + arrays,'',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text().split('.').join('');
var JLink=$(this).find('link').text();
var JContent=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-5);
 
var vtopB = '<div class="stats-t10 body-t10">\
            <div class="last-post-t10"><a href="'+JLink+'" target="_blank">'+JTitle+'</a><div class="tipsy-t10">'+JContent+'</div></div></div>';
 
$('#pun-t10').append(vtopB);
});
} 
var vtopA = '<div id="pun-t10"></div>';
 
$('#pun-index #My_Marq001').after(vtopA);
});
</script>

0

1460

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3005
  • Уважение: +1674
  • Позитив: +2292
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:43:05

kolobdur74
Поставил
kolobdur74
если названия не длинные, может тогда 3 колонки по 5 названий фильмов?

Отредактировано ACT3255 (Вс, 10 Ноя 2024 13:49:56)

0

Страница:   1 … 71 72 73 74 75 … 98  

Вы здесь » Единый форум поддержки » Форум для новичков » Общие вопросы от новичков (63) #2