Deff
кстати, на тему мыслей по скриптам. как те такая мысль:
в топиках с закрепленным первым постом (если первый пост длинный - ну, статья какая-нибудь, например) бесит проматывать его, когда переключаешь странички.
было бы круто скриптом прыгать при переключении страниц топика, не на закрепленный пост, а на первый коммент этой страницы.
при этом пагинацию и "ответить" на всех страницах, кроме первой ваще сдавинуть под закрепленное сообщение (шоб было удобно переключать страницы, не мотая через закрепленную статью вверх). тогда пост становится как бы "шапкой" топика, и становится очевидно, что он закрепленный без каких-либо телодвижений в css (не путается с остальными комментами, отделен от них пагинацией по страницам).
Народное мнение (советуемся на любую тему, делимся опытом)
Сообщений 141 страница 150 из 163
Поделиться14106.06.18 16:30
Поделиться14206.06.18 17:16
Герда
Ну такой Вариант не подойдет ? В Топике с закреплённым первопостом на всех страницах, кроме первой, сделать первопост мелким по высоте со скролом...
дабы видно было 3-5 первых строк... Ибо к примеру на ЕТП, в теме для новичков надпись: Не забывайте оставлять ссылку на форум с проблемой - желательно была бы видна всегда... Ну если оч хочется - можно добавить к этому еще код, если курсор стоит на тексте первопоста три и более секунд - он авто-плавно разворачивается( ибо что то делал подобное как ты говоришь, при гигантской шапке с многотаблами... ну разражает постоянный прибамбас висящий сверху, даже с автопрокруткой...
При таком подходе тогда и с пагинацией мудрить не надо ?
Отредактировано Deff (06.06.18 17:28)
Поделиться14306.06.18 17:42
если курсор стоит на тексте первопоста три и более секунд - он авто-плавно разворачивается
угу, или по клику кнопки.
да, в таком случае все под рукой.
сложные замуты с пагинацией - это менее универсальная вещь. подходит скорее для каких-нить долбанутых дизайнов, типа нашего текущего.
Поделиться14406.06.18 17:58
Ок
Поделиться14506.06.18 20:00
Для твоего извернутого дизайна... => В HTML верх
<style id="hidFirstPost">.post.topicpost{ overflow:hidden; overflow-y:auto; max-height:300px;/*Начальная максимальная в свернутом*/ transition: 1s!important;} </style> <script>// if(document.URL.indexOf('&p=')==-1)$('#hidFirstPost').remove(); if($('#hidFirstPost').length)$().pun_mainReady(function(){var a = $('.post.topicpost .post-body'); setHeight__ = function (th){$('#hidFirstPost').remove();$(th).remove();} a.prepend('<button type="button" style="float:right;position:relative;z-index:1000" onclick="setHeight__(this)">Развернуть Пост</button>');}); </script>
Плавности не получается, авик в оверлее до раскрытия обрезается, поколь вынут за .post, а элемент внутренний...
Могу добавить класс, чтоб уменьшить авик в таком свёрнутом ?
Мон уменьшить пропорционально через transform: scale(.5); http://htmlbook.ru/css/transform
Для обычных форумов:
В HTML верх
<style id="hidFirstPost">.topicpost.firstpost{ overflow:hidden; overflow-y:auto; max-height:300px;height:300px; transition: 1s!important;} </style> <script>// if(document.URL.indexOf('&p=')==-1)$('#hidFirstPost').remove(); if($('#hidFirstPost').length)$().pun_mainReady(function(){var a = $('.topicpost.firstpost .post-content'), H = $('.topicpost.firstpost .container').outerHeight()+$('.topicpost.firstpost h3').outerHeight()+0; setHeight__ = function (th){$('<style>.topicpost.firstpost{max-height:none;height:'+H+'px}</style>').insertAfter($('#hidFirstPost'));$(th).remove();} a.prepend('<button type="button" style="float:right" onclick="setHeight__(this)">Развернуть Пост</button>');}); </script>
Отредактировано Deff (06.06.18 21:13)
Поделиться14606.06.18 21:19
авик в оверлее до раскрытия обрезается, поколь вынут за .post
дак сворачивать же можно чисто post-content
или эт сложна?
ваще я на основе твоего скрипта чуть попозжа поковыряюсь - там все понятно, могу допилить под наш без обрезаний ав.
ты молодец!
Поделиться14706.06.18 21:26
Герда
Я хотел, чоб часть инфы, для заинтересованности пользователя оставалась( иначе нафег их закреплять ?)
Вот с Уменьшением Аввы /когда пост в свёрнутом виде/:
СКРИНШОТ
<style id="hidFirstPost">.post.topicpost{ overflow:hidden; overflow-y:auto; max-height:300px;/*Начальная максимальная в свернутом*/ transition: 1s!important;} .post.topicpost .post-author{ transform: scale(.7);margin-left:-15%; } </style> <script>// if(document.URL.indexOf('&p=')==-1)$('#hidFirstPost').remove(); if($('#hidFirstPost').length)$().pun_mainReady(function(){var a = $('.post.topicpost .post-body'); setHeight__ = function (th){$('#hidFirstPost').remove();$(th).remove();} a.prepend('<button type="button" style="float:right;position:relative;z-index:1000" onclick="setHeight__(this)">Развернуть Пост</button>');}); </script>
Отредактировано Deff (07.06.18 00:16)
Поделиться14808.06.18 11:39
Я хотел, чоб часть инфы, для заинтересованности пользователя оставалась( иначе нафег их закреплять ?)
ну, дак усе остается: Диалог с администрацией
хз, чем тебе пост-контент не понравился
аватарки не режутся, контент сворачивается.
красота, по-моему.
скрипт замечательный, спасибо.
Поделиться14908.06.18 11:48
Герда, Приветствую,
хз, чем тебе пост-контент не понравился
Затупил просто, поскок делал быстро
Поделиться15009.06.18 19:33
если курсор стоит на тексте первопоста три и более секунд - он авто-плавно разворачивается
угу, или по клику кнопки.
Сейчас развернешь по любопытке, а обратно не свернешь?
Отредактировано Эgoistk@ (09.06.18 19:34)