Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Запросы по скриптам[10]
Предыдущая тема - Запросы по скриптам[9]
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
А вообще надо будет как нить подумать и на вариант без абсолюта..
С нетерпением буду ждать! 
А то я так и не смог справиться с его прыгучестью в @media screen.
А остальное работает.
<style type="text/css">
#pun .punbb div.post-rating p {
float: none !important;
}
.post-box {
position: relative;
}
.post-rating {
margin: 20px;
}
.post-rating p {
position: absolute;
right: 11px;
bottom: 10px;
}
@media screen and (max-width: 540px) {
.post-rating p {
position: absolute;
right: 11px !important;
bottom: 10px !important;
}
}
</style>Только при попытке поставить оценку плюсик с минусиком вверх убегают. 
В общем, ни один из этих скриптов не годится. Здесь надо двигать одновременно итоговую оценку, плюс и минус, и список оценивших пост – целую кучу объектов!
Отредактировано sshmmv (Пт, 12 Апр 2019 23:16:59)
На доработке..
Отредактировано kolobdur74 (Сб, 13 Апр 2019 13:53:46)
попытке поставить оценку плюсик с минусиком вверх убегают
position: absolute !important;
На доработке..
Доработал вроде, хак получился большой (более простого варианта без передела всего дизайна не нашел):
<!-- Хак для опускания вниз рейтинга в посту -->
<style>
.post>.container {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.post-body {
flex: 1;
margin-left: 0 !important;
}
.post-links {flex: 1 100%;}
.post-author, .post-body {word-wrap: break-word;}
.post-box {
display: grid;
grid-template-areas: "content content content content" ". . vote rating";
grid-template-rows: 1fr 1vw 0 0;
height: 96%;
}
.post-content {grid-area: content;}
.post-rating {grid-area: rating;}
.post-vote {grid-area: vote;}
</style>Тестируйте..
Тестируйте..
Станный баг: проявляется только в одном сообщении на странице. В других сообщениях более-менее нормально.
Пробовал с красной скобочкой, и без нее:
<!-- Хак для опускания вниз рейтинга в посту -->
<style>
.post>.container {
Есть еще замечания. Контейнер наезжает на слова "Удалить Редактировать Цитировать" в полной версии, а в мобильной версии еще и контент сообщения закрывает.
Станный баг: проявляется только в одном сообщении на странице. В других сообщениях более-менее нормально.
Ссылку на проблемный пост?
Ссылку
Этот: http://cebro.mybb.ru/viewtopic.php?id=1 … p=23#p9700
Добавлено спустя 8 минут 21 секунду:
На всякий случай ник и пароль отправил в личку.
Отредактировано sshmmv (Сб, 13 Апр 2019 21:06:30)
Есть еще замечания. Контейнер наезжает на слова "Удалить Редактировать Цитировать" в полной версии, а в мобильной версии еще и контент сообщения закрывает.
Попробуйте поставить 92% здесь:
.post-box {
display: grid;
grid-template-areas: "content content content content" ". . vote rating";
grid-template-rows: 1fr 1vw 0 0;
height: 96%;
}
kolobdur74
Не помогло. А так оно в мобильном стиле:
sshmmv
Вот такой вариант попробуйте:
.post-box {
display: grid;
grid-template-areas: "content content content content" ". . vote rating";
grid-template-rows: 1fr 40px 0 0;
grid-template-columns: 1fr 0 1fr 40px;
height: 92%;
}
kolobdur74
В полной версии почти нормально, а в мобильной не очень. Сложно описать словами, и скрин тут не поможет. Лучше попробуйте взглянуть сами – надо пощелкать по рейтингу во всех постах, и посмотреть, где и как располагается контейнер с оценками, где и что он закрывает, и где из под него вылазит какая-то желтая полоса. Почему-то во всех постах по разному: http://cebro.mybb.ru/viewtopic.php?id=147&p=23 
Насчет желтой полосы, кажется, догадался. Вроде, это родной фон поля сообщения моего стиля "Оранж" кое-где стал почему-то выглядывать.
Отредактировано sshmmv (Сб, 13 Апр 2019 22:57:48)
sshmmv
Вот такой вариант попробуйте:
.post-box {
display: grid;
grid-template-areas: "content content content content" ". . vote rating";
grid-template-rows: 1fr 40px 0 0;
grid-template-columns: 1fr 0 1fr 40px;
height: 98%;
padding-bottom: 0 !important;
}И добавьте:
.post-links {margin-top: 20px;}kolobdur74
Кажись, теперь получилось! Спасибо!
Теперь вам из этих кусочков надо собрать итоговый код, и выложить его в скрипты. 
Теперь вам из этих кусочков надо собрать итоговый код, и выложить его в скрипты.
Полностью переработал хак и выложил его сюда: CSS трюки Теперь должен ставится нормально на любой стандартный дизайн..
Отредактировано kolobdur74 (Вс, 14 Апр 2019 14:03:05)
но вот готовый вариант:
А теперь его - в Скрипты от пользователей....
нужен скрипт КОпирование с ББкодами, не цитирование а копирование в форму ответа
нужен скрипт КОпирование с ББкодами, не цитирование а копирование в форму ответа
А в чём различие ?
Deff
без тегов цитаты
чтоб были картинки
tartar1
Ок платно 
раз вам тег тяжко удалить...
А теперь его - в Скрипты от пользователей....
Полностью переработал хак и выложил его сюда: CSS трюки Пост 115. Теперь должен ставится нормально на любой стандартный дизайн..
Отредактировано kolobdur74 (Вс, 14 Апр 2019 14:09:40)
Вы здесь » Единый форум поддержки » Архив » Запросы по скриптам[10]