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

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

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


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


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

Сообщений 1421 страница 1440 из 1501

1

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

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

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

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

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

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

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

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

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

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

+1

1421

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

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

Все верно

0

1422

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

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

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

0

1423

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

1424

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

0

1425

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

https://act3255.mybb.ru/

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

0

1426

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

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

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

+1

1427

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

1428

kolobdur74
готово

0

1429

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

1430

kolobdur74
готово

0

1431

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

1432

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

0

1433

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

1434

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

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

0

1435

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

Код:
<!-- Последние 10 сообщений в темах с наведением -->
<style>
#pun-t10 {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
  column-gap: 4px;
  row-gap: 2px;
  background: #000000;
  width: calc(100% - 4px);
  margin-bottom: 4px;
}
 
.stats-t10 {
  background: #5381B5;
  width: 100%;
}
 
.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

1436

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

0

1437

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

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

Попробуйте такой код:

Код:
<!-- Последние 10 сообщений в темах с наведением -->
<style>
#pun-t10 {
  display: grid;
  grid-template-columns: 33.2% 33.2% 33.2%;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
  column-gap: 4px;
  row-gap: 2px;
  background: #000000;
  width: calc(100% - 4px);
  margin-bottom: 4px;
}
 
.stats-t10 {
  background: #5381B5;
  width: 100%;
}
 
.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: 10000;
}
 
.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(15)').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

1438

kolobdur74
https://forumupload.ru/uploads/0000/14/1c/32894/t857143.jpg
Как то так )))

0

1439

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

Как то так )))

Нормально? Наведение оставить?

0

1440

kolobdur74
https://forumupload.ru/uploads/0000/14/1c/32894/t235295.jpg
А по бокам скрина никак прозрачку не сделать? Что бы название было с фоном, а скрин без фона?

0


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