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

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

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

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

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

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

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

1

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51458
  • Уважение: +15421
  • Позитив: +12051
  • Последний визит:
    Вчера 20:42:58

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

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

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

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

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

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

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

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

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

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

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

+2

1441

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2989
  • Уважение: +1650
  • Позитив: +2262
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:49:46

kolobdur74
готово

0

1442

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7442
  • Уважение: +5967
  • Позитив: +6566
  • Пол: Мужской
  • Последний визит:
    Вчера 19:25:02

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

1443

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2989
  • Уважение: +1650
  • Позитив: +2262
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:49:46

kolobdur74
готово

0

1444

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7442
  • Уважение: +5967
  • Позитив: +6566
  • Пол: Мужской
  • Последний визит:
    Вчера 19:25:02

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

1445

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2989
  • Уважение: +1650
  • Позитив: +2262
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:49:46

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

0

1446

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7442
  • Уважение: +5967
  • Позитив: +6566
  • Пол: Мужской
  • Последний визит:
    Вчера 19:25:02

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

1447

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2989
  • Уважение: +1650
  • Позитив: +2262
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:49:46

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

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

0

1448

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7442
  • Уважение: +5967
  • Позитив: +6566
  • Пол: Мужской
  • Последний визит:
    Вчера 19:25:02

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

1449

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2989
  • Уважение: +1650
  • Позитив: +2262
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:49:46

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

0

1450

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7442
  • Уважение: +5967
  • Позитив: +6566
  • Пол: Мужской
  • Последний визит:
    Вчера 19:25:02
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

1451

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2989
  • Уважение: +1650
  • Позитив: +2262
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:49:46

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

0

1452

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7442
  • Уважение: +5967
  • Позитив: +6566
  • Пол: Мужской
  • Последний визит:
    Вчера 19:25:02
ACT3255 написал(а):

Как то так )))

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

0

1453

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2989
  • Уважение: +1650
  • Позитив: +2262
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:49:46

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

0

1454

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2989
  • Уважение: +1650
  • Позитив: +2262
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:49:46
kolobdur74 написал(а):

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

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

Как то так )))

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

Отлично!
Наведение лучше оставить ибо там видно полное название, вот ток прозрачку по бокам скрина бы и вообще идеально.
https://forumupload.ru/uploads/0000/14/1c/32894/t988444.jpg

Отредактировано ACT3255 (Вс, 10 Ноя 2024 14:20:42)

0

1455

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7442
  • Уважение: +5967
  • Позитив: +6566
  • Пол: Мужской
  • Последний визит:
    Вчера 19:25:02
ACT3255 написал(а):

Наведение лучше оставить ибо там видно полное название, вот ток прозрачку по бокам скрина бы и вообще идеально.

Это где?

0

1456

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2989
  • Уважение: +1650
  • Позитив: +2262
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:49:46

kolobdur74
Скрин выше сделал, когда при наведении открывается, там Название, его желательно с фоном, а скрин без фона, ну по бокам белый фон есть.

0

1457

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7442
  • Уважение: +5967
  • Позитив: +6566
  • Пол: Мужской
  • Последний визит:
    Вчера 19:25:02

ACT3255, как на счет такого варианта:

Код:
<!-- Последние 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: #fff;
  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: rgba(83, 129, 181, 0.8);
  color: #fff !important;
  text-shadow: 0 -1px 0 #385b83;
  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>

+1

1458

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2989
  • Уважение: +1650
  • Позитив: +2262
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:49:46
kolobdur74 написал(а):

  • <!-- Последние 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: #fff;

  • 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: rgba(83, 129, 181, 0.8);

  • color: #fff !important;

  • text-shadow: 0 -1px 0 #385b83;

  • 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

1459

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7442
  • Уважение: +5967
  • Позитив: +6566
  • Пол: Мужской
  • Последний визит:
    Вчера 19:25:02
ACT3255 написал(а):

Да, вроде смотрится хорошо. Наверное так и оставим, правда название не очень выделяется и впритык к скрину, там наверное расстояние между названием и скрином не раздвинуть?

Вот так:

Код:
<!-- Последние 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: #fff;
  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: rgba(83, 129, 181, 0.8);
  color: #fff !important;
  text-shadow: 0 -1px 0 #385b83;
  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;
}

.tipsy-t10 p strong {
  display: inline-block;
  margin-bottom: 6px;
}

.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>

+2

1460

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2989
  • Уважение: +1650
  • Позитив: +2262
  • Пол: Мужской
  • Последний визит:
    Сегодня 09:49:46

kolobdur74
Да, вот так хорошо, спасибо огромное, дай Бог Вам здоровья.

+1

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

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