Новые 100 комментариев на сайте

Лучше было опубликовать действительно отдельным материалом на сайте или на форуме, а не писать к решению на чистых стилях... или хотя бы в комментарий написать к какому-то близкому по реализаций решению на js... иначе можно сколько угодно постить таких решений сюда (с использованием целых отдельных библиотек дополнительно), из разряда "возможно кому пригодиться". И да, ваша ссылка не будет работать, поскольку она сделана с привязкой по странице, у кого сортировка идёт на вывод новых сообщений первыми - старые на других страницах (у кого-то коммент выше, а у кого-то ниже), такие вот дела (думал, что вы в курсе - оказалось, что нет). Вот я выше написал другое решение - можете в свой коммент тот перекинуть, Kosten, а тот что вы на js выложили - куда-то в другое место... правка есть, нужно пользоваться.

waak, причем здесь демонстрация? Тут ответ нужно писать, если знаешь (а не где-то там решать в скайпах). И нет смысла забивать такими комментами (мол, чтобы ссылки на сайты свои указывали прям здесь - для этого нужно создать тему на форуме, а уже там пусть свои проблемы решают и кидают куски своих кодов с ошибками, что сами и поделали - не касается материала, только других сбивает с толку потом). Ну, а adf7977575 не написал под коммент pelimeshki, мол, такая же проблема, а просто дублировать начал (тут не "чат", как бы, подобный копипаст не к чему). И если бы почитать не поленились комментарии ранее добавленные, то ответ увидели бы - к примеру, First уже написал там. Если не устраивает как работает данная реализация - есть другие решения.

<div class="web_now clearfix">
<div class="web_now_ava circle">
<a href="$PROFILE_URL$"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/avatar/noavatar.gif<?endif?>" width="37" alt="" /></a></div>
<div class="web_now_body">
<div class="web_now_body_top">
<a href="$ENTRY_URL$" class="fa fa-arrow-circle-o-right pull-right"></a>
$DATE$ | $TIME$</div>
<div class="web_now_body_container">
<span class="comm_sprt"></span>
<div class="web_now_body_mess shadow">
<div class="web_now_body_comment"><a href="$ENTRY_URL$"style="color: #4D6D91;">$MESSAGE$</a> </div>
</div>
</div>
</div>
</div>
<style>
.web_now:nth-of-type(odd) .web_now_ava {float: right;}
.circle {border-radius: 30%;}
.web_now_ava {height: 37px;width: 37px;border: 2px solid #fff; box-shadow: 0px 0px 1px 1px #DDD;overflow: hidden;float: left;margin-top: 3px;}
.web_now_ava img {width: 110%;min-height: 112%; margin-top: -3px;margin-left: -2px;}
.web_now {position: relative;display: block;margin-bottom: 15px;}
.web_now_ava {height: 37px;width: 37px;border: 2px solid #fff;box-shadow: 0px 0px 1px 1px #DDD;overflow: hidden;float: left;margin-top: 3px;}
.web_now_ava img {width: 110%;min-height: 112%;margin-top: -3px;margin-left: 0px;}
.web_now:nth-of-type(even)
.web_now_body {margin-left: 50px;margin-top: 10px;}
.web_now:nth-of-type(odd)
.web_now_body {padding-right: 5px;margin-top: 10px;display: block;}
.web_now_body_top {margin-bottom: 10px;padding:0 5px;line-height: 20px;}
.web_now_body_top a.comm-user {color: #000;font-size: 12px;font-family: 'Roboto Medium';}
.web_now_date {color: #000;float: right;font-size: 10px;margin-top: 2px;}
.web_now_body_top a.fa {margin-left: -10px;font-size: 10px;opacity: 0;visibility: hidden;transition:all 0.3s ease 0s;color: #d8d8d8;margin-top: 5px;}
.web_now_body_top a.fa:hover {color: #5bc4f3;}
.web_now_body_container {position: relative;}
.web_now_body_mess {background: #fff;border: 1px solid rgba(196, 196, 196, 0.47);border-radius: 5px;padding: 8px 12px 10px;color: #00ffff;font-size: 11px;line-height: 18px;z-index: 0;display: block;font-family: 'Exo 2', sans-serif;font-style: italic;font-weight: 1800;}
.web_now_body_comment {max-height: 120px;overflow: hidden;}
.web_now_body_comment a {color: #00ffff}
.web_now:nth-of-type(even) .web_now_body .web_now_body_container span.comm_sprt{background: url(/comm_sprt_l.png) no-repeat 0px 0px;width: 25px;height: 17px;display: block;position: absolute;left: -8px;top: 8px;}
.web_now:nth-of-type(odd) .web_now_body .web_now_body_container span.comm_sprt{background: url(/comm_sprt_r.png) no-repeat 0px 0px;width: 25px;height: 17px;display: block;position: absolute;right: -22px;top: 8px;}
.web_now_body_comment img {max-width:100px;max-height:200px} .web_now_body_comment blockquote, .web_now_body_comment iframe, .web_now_body_comment object, .web_now_body_comment embed {width:100px;}

.web_now:nth-of-type(odd) .web_now_ava {float: right;}
.web_now:nth-of-type(odd) .web_now_body {margin-right: 45px;}
</style>

Там до сих пор "контузит" тем, что в системе не сделали переменную для вывода аватара пользователя (автора темы или последнего отписавшегося в теме) - приходиться через персональные страницы get-ить, а это делает нагрузку (там уже сокращать нагрузку тем, что в скрипте делать тайминги между запросами, подключать uAPI или сходу решение на PHP ставить).

Подрезка делается лишь для того, чтобы было по аналогии с тем, что прописано в данном материале. Ибо переменная $THREAD_AUTHOR$ отдаёт участок кода другой, вот пример:Мы видим, что классы прописаны, следовательно стили на них подключить не проблема, чтобы цветом выделить. Если в ПУ настроено открытие страниц участников не во всплывающем окне, а на отдельной оформленной странице и в новом окне (вкладке браузера), то можно ID автора темы так получить:Если кому-то нужно ник сам оттуда вырезать, то вот так:Но ссылку на профиль автора лучше не делать по нику, поскольку попадаются с такими символами в них, что после страницу профиля не всегда откроет (и в зависимости от браузера, например, в Opera проблема с этим), то есть нужно делать по ID ссылку там.

<div class="sorter icon-r" data-label="Сортировка по">
<form name="news_set_sort" id="news_set_sort" method="post"><ul class="sort"><li class="asc"><a href="#" onclick="dle_change_sort('date','asc'); return false;">дате</a></li><li><a href="#" onclick="dle_change_sort('rating','desc'); return false;">популярности</a></li><li><a href="#" onclick="dle_change_sort('news_read','desc'); return false;">посещаемости</a></li><li><a href="#" onclick="dle_change_sort('comm_num','desc'); return false;">комментариям</a></li><li><a href="#" onclick="dle_change_sort('title','desc'); return false;">алфавиту</a></li></ul><input type="hidden" name="dlenewssortby" id="dlenewssortby" value="date" />
<input type="hidden" name="dledirection" id="dledirection" value="DESC" />
<input type="hidden" name="set_new_sort" id="set_new_sort" value="dle_sort_main" />
<input type="hidden" name="set_direction_sort" id="set_direction_sort" value="dle_direction_main" />
</form>
</div>

К примеру, в этом материале вот чего прописано:Кто писал такой код, то не понял для чего, видимо (или просто на сайте csomsk, где откуда-то взяли этот профиль, то картинку прописали одну и ту же по ошибке, что на тот момент графика на сайте-источнике vktorrent уже была удалена, соответственно картинки заменили другими вместо этих). То есть там нужно строчку картинки менять через условие, чтобы когда новые ЛС приходят - другая была, тем самым визуально оповещение делается. И так далее - код весь исходный нелепый изначально, еще с 2010 года (как по логике составленных условий, так по html разметке - по нынешним стандартам, так тем более... ну, а для всяких ГС кланов, к примеру, где админы чего-попало ставят с ошибками, от незнания и не парясь по этому поводу - покатит).

Ну и переименовать колонку еще останется:Или еще можно размером шрифта и(или) прозрачностью попробовать.

Так и должно быть, поскольку до момента обработки документа скриптом, происходит обработка браузером того содержимого, которое подгружается изначально. И я даже больше скажу - этот скрипт писался тогда, когда в системе не было соответствующего шаблона для правки... ну, так он уже есть, следовательно необходимость в таких скриптах отпала (но люди их от незнания по инерции продолжают ставить). Можно взять и сразу написать такой вид, как хотите чтобы был - статически, а обработка скриптом - это динамически, что каждый раз приходиться после погрузки страницу обрабатывать. Единственное, в чём некоторая сложность - в системе не отдали тот код для правки людям, что идёт окружающая "требуха", а именно сама таблица, те названия колонок и их количество. Но это не значит, что их нельзя поменять без скриптов. Просто стилем можно визуально скрыть ненужную колонку (и даже через стиль переименовать), а через шаблон прописать содержимое строк и нужное количество ячеек. И это не пустые слова, могу дать примеры (собственно, про это же и был разговор здесь).