Ваши вопросы по копанию в css стилях форума. Часть седьмая.
Если у вас вопросы технического характера конкретно по вашему форуму - оставляйте адрес, иначе помочь вам не смогут.
Предыдущая часть темы: Вопрос/ответ по дизайну css #6
Вопрос/ответ по дизайну css #7
Сообщений 61 страница 70 из 370
Поделиться113.01.21 16:12
- технозомби
- Уважение: +9811
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться6126.02.21 12:13
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
#p148080,Automation Baby написал(а):
. В Мозилле почему-то форма ответа сузилась:
У меня под гостем = норма: https://forumupload.ru/uploads/0007/e3/ … 407422.jpg
Поделиться6226.02.21 12:57
- Участник
- Уважение: +61
- Достижения/подарки: cake 0 emoji_events 1
#p148080,Automation Baby написал(а):
Подскажите пожалуйста, случилось что-то странное. В Мозилле почему-то форма ответа сузилась:
В остальных браузерах норм, только с мозиллой проблемы. Посмотреть можно тут: https://nolf.rusff.me/viewtopic.php?id= … =30#p64927
Мозилла 85 все нормально.
Мозилла 86 обрезано.
Поделиться6326.02.21 13:27
- Проверенный специалист
- Уважение: +953
По ходу чёт намутили в новой версии
Можно поставить пока такое решение в хтмл-верх:
Код:
<style>
@-moz-document url-prefix() {.punbb #post fieldset {display:block;}}
</style>Поделиться6426.02.21 13:29
- Техномаг
- Уважение: +1105
- Достижения/подарки: cake 6 emoji_events 3
- Наградные баллы: 52
- Проверенный спец: FDFD
#p148098,ACT3255 написал(а):
Мозилла 86 обрезано.
Мда, действительно, именно в 86 после обновления браузера вылезает...
Automation Baby, думаю, стоит попробовать сделать так:
Код:
.punbb .formal #post fieldset {
display: block;
}Поделиться6526.02.21 13:33
- Техномаг
- Уважение: +1105
- Достижения/подарки: cake 6 emoji_events 3
- Наградные баллы: 52
- Проверенный спец: FDFD
max, the murderer!, а вот любопытно, с какой вообще целью в экстра-стиле прописали display:table-column для fieldset? Чего-то я в этом мире не понимаю...
Поделиться6626.02.21 13:40
- Проверенный специалист
- Уважение: +953
#p148102,satsana написал(а):
max, the murderer!, а вот любопытно, с какой вообще целью в экстра-стиле прописали display:table-column для fieldset? Чего-то я в этом мире не понимаю...
Хороший вопрос
Как и многие другие вопросы к экстре на майбб)
Поделиться6726.02.21 15:20
- Атаманша
- Уважение: +8403
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 085
#p148098,ACT3255 написал(а):
Мозилла 85 все нормально.
Мозилла 86 обрезано.
Всё так...
#p148086,max, the murderer! написал(а):
Проблема появилась внезапно? Может, какие-то скрипты ставили или меняли стиль?
Да, вчера ночью писала, забыла написать: внезапно: человек с моего форума сказал что обновил браузер, сразу пошёл на нолф и там такое.
#p148101,satsana написал(а):
думаю, стоит попробовать сделать так:
#p148100,max, the murderer! написал(а):
Можно поставить пока такое решение в хтмл-верх:
Спасибо, помогло!
Поделиться6827.02.21 20:15
- Ломастер
- Уважение: +2525
- Достижения/подарки: cake 3 emoji_events 7
- Наградные баллы: 1 462
- Проверенный спец: FDFD
Гайс, как лучше сделать в дизе, чтобы юзерлинкс и приветствие были как-то на одной линии, а в мобильной версии/при сильном сужении окна браузера юзерлинкс преобразовались в менюшку-гамбургер и по клику выезжали куда-нибудь (всплывающим окошком или на весь экран или по типу спойлера вниз открывалось).
Естессно, это набросок, я там откорректирую ширины/размеры и т.п., мне бы главное упихнуть в одну линию всё без лишних танцев с бубном.
Если это можно сделать как-то через flex, flex-direction: column и order, то мне бы понять, на какие элементы это всё прикручивать, это же довольно глобальная перестройка форума... Не уверен, справлюсь ли.
Поделиться6928.02.21 01:38
- Проверенный специалист
- Уважение: +953
бродяга
Флексы не надо)
1) Повесить inline-block на #pun-ulinks и #pun-status
2) Для #pun-ulinks указать ширину по формуле — из ширины форума вычесть ширину приветствия
3) Указать высоту #pun-ulinks равную высоте приветствия
А чтобы сделать гамбургер, просто пиздни из родного mobile.7.css всё что касается юзерлинков, оберни в медиа-запрос и колдуй с дизайном, там идея в том, что ul появляется по ховеру (в мобилке = клик), не идеально, но это просто и это работает
Добавлено спустя 1 минуту 24 секунды:
Если хочешь резиново, то можно указать ширину юлинков и статуса в процентах, типа в соотношении 70/30, а в медиазапросе поменять, скажем, на 10/90, смотря как сверстаешь гамбургер
Отредактировано max, the murderer! (28.02.21 01:40)
Поделиться7028.02.21 01:41
- Ломастер
- Уважение: +2525
- Достижения/подарки: cake 3 emoji_events 7
- Наградные баллы: 1 462
- Проверенный спец: FDFD
#p148146,max, the murderer! написал(а):
1) Повесить inline-block на #pun-ulinks и #pun-status
А место для объявления им не помешает?
#p148146,max, the murderer! написал(а):
2) Для #pun-ulinks указать ширину по формуле — из ширины форума вычесть ширину приветствия
С calc не очень дружу пока (я так понимаю, о нём речь?), но, думаю, разберусь.
#p148146,max, the murderer! написал(а):
А чтобы сделать гамбургер, просто пиздни из родного mobile.7.css всё что касается юзерлинков, оберни в медиа-запрос и колдуй с дизайном, там идея в том, что ul появляется по ховеру (в мобилке = клик), не идеально, но это просто и это работает
Это мысль :з
#p148146,max, the murderer! написал(а):
Если хочешь резиново, то можно указать ширину юлинков и статуса в процентах, типа в соотношении 70/30, а в медиазапросе поменять, скажем, на 10/90, смотря как сверстаешь гамбургер
Посмотрю, как будет лучше)
Спасибо)
