Ваши вопросы по копанию в css стилях форума. Часть седьмая.
Если у вас вопросы технического характера конкретно по вашему форуму - оставляйте адрес, иначе помочь вам не смогут.
Предыдущая часть темы: Вопрос/ответ по дизайну css #6
Вопрос/ответ по дизайну css #7
Сообщений 31 страница 40 из 370
Поделиться113.01.21 16:12
- технозомби
- Уважение: +9814
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться3130.01.21 16:12
- Атаманша
- Уважение: +8421
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 085
#p146725,бродяга написал(а):
Но тот, если не просто для практики, а кому-то предполагался, то тоже доделаю чуть позже)
Насчёт этого ничего сказать не могу, так как не знаю. Среди заказов этого дизайна точно нет. Так что когда Герда вернётся, тогда и скажет, думаю.
Поделиться3231.01.21 13:28
- Ломастер
- Уважение: +2527
- Достижения/подарки: cake 3 emoji_events 7
- Наградные баллы: 1 462
- Проверенный спец: FDFD
Надо ли для того, чтобы работали настройки адаптивного стиля, включать в администрировании адаптивный стиль? Без него не работает, а с ним придётся многое переписывать, т.к. там вшитые коды и дофига импортантов, с которыми тяжко бороться.
Добавлено спустя 2 часа 7 минут 22 секунды:
Всё, сам разобрался. надо было просто вьюпорт прописать в метатегах, и можно пилить свой адаптив :з Надо ж было так тупануть и сразу не догадаться...
Поделиться3331.01.21 16:24
- Атаманша
- Уважение: +8421
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 085
#p146744,бродяга написал(а):
Всё, сам разобрался. надо было просто вьюпорт прописать в метатегах, и можно пилить свой адаптив :з Надо ж было так тупануть и сразу не догадаться...
Хорошо что догадался сам...
Поделиться3411.02.21 00:14
- Участник
- Уважение: +1136
- Достижения/подарки: cake 4 emoji_events 1
- Наградные баллы: 83
вопрос решен
добра
снова я тут
помогите пожалуйста разобраться
категории не отображаются, что-то я заплутала по ним
называется, взяла дизайн из общего доступа, а тут чутка проблемка : )
Отредактировано девятихвостая (11.02.21 00:19)
Поделиться3511.02.21 03:54
- Участник
- Уважение: +1136
- Достижения/подарки: cake 4 emoji_events 1
- Наградные баллы: 83
кажется я снова тут
подскажите пожалуйста, как немного опустить название категории? а то кажется я заплутала (и как изменить сам шрифт и размер)
и заодно, цвет ссылок изменить надо, а то его не видно
не могу найти этот пунктик 
Отредактировано девятихвостая (11.02.21 04:59)
Поделиться3611.02.21 04:31
- Участник
- Уважение: +1136
- Достижения/подарки: cake 4 emoji_events 1
- Наградные баллы: 83
и еще, точно не могу найти скрипт
нужна таблицу в шапку, что появляется при наведении курсором
пример
Отредактировано девятихвостая (11.02.21 05:01)
Поделиться3711.02.21 13:01
- Проверенный специалист
- Уважение: +953
девятихвостая, добрый день, пожалуйста, прикладывайте ссылку на форум. Навскидку могу предложить такое:
#p147315,девятихвостая написал(а):
подскажите пожалуйста, как немного опустить название категории?
#pun .category h2 span,
#pun-stats h2 span {
padding-top: 32px;
}
#p147315,девятихвостая написал(а):
и как изменить сам шрифт и размер
#pun .category h2 span,
#pun-stats h2 span {
font-size: 16px;
font-family: Arial;
}
#p147315,девятихвостая написал(а):
и заодно, цвет ссылок изменить надо, а то его не видно
.punbb .post h3 span a {
color: #000000;
}
#p147316,девятихвостая написал(а):
нужна таблицу в шапку, что появляется при наведении курсором
При вёрстке таблицы оберните её целиком в <div id="header_table"></div>, затем добавьте в стиль:
#header_table {
opacity: 0;
background: rgba(255 255 255 / .74);
transition: all ease .25s;
}#header_table:hover {
opacity: 1;
}
Где красным выделена степень прозрачности до наведения и цвет полупрозрачного фона, если нужно перекрыть шапку.
На будущее — пользуйтесь инспектором в браузере, чтобы определить классы элементов.
Поделиться3816.02.21 16:35
- Ломастер
- Уважение: +2527
- Достижения/подарки: cake 3 emoji_events 7
- Наградные баллы: 1 462
- Проверенный спец: FDFD
Гайс, я чото в ступоре нимношк.
Хочу, значит, сделать в шапку таблицу. Форум будет масштабируемый, ну то есть при сжатии браузера будет постепенно уменьшаться вплоть до переключения на мобильную версию.
Посоветуйте, плиз, как оптимальнее сверстать таблицу? Через table или лучше флекс/грид? Хотелось бы, чтобы блоки уменьшались/сжимались вместе с дизайном, а для мобильной версии была возможность их как-то перестроить, например, не в ряд, а в колонку.
Таблица, скорее всего, будет с переключением вкладок - ну с этим я разберусь.
Ориентировочно на каждой вкладке будет 2-3 колонки с разными картинками и текстом.
Флекс/грид как-то плоховато дружит с айфоном. М.б. просто надо префиксы где-то добавить, конечно - буду разбираться.
Если надо - могу скинуть примерный план таблицы и/или ссылку на форум, но последний пока не очень хочется палить) Ну по крайней мере не в общем доступе.
Поделиться3916.02.21 18:40
- Техномаг
- Уважение: +1105
- Достижения/подарки: cake 6 emoji_events 3
- Наградные баллы: 52
- Проверенный спец: FDFD
бродяга, если переставлять-перестраивать - лучше всего через флекс. С поддержкой айфонов у него нормально всё, нужно просто префикс -webkit- добавлять, display: -webkit-flex, а в остальных строчках в начале, перед названием свойств.
У меня вот есть свеженький пример с табличкой флексами, меняющей порядок элементов на маленьком экране: http://azerothcross.mybb.ru
Поделиться4016.02.21 19:45
- Ломастер
- Уважение: +2527
- Достижения/подарки: cake 3 emoji_events 7
- Наградные баллы: 1 462
- Проверенный спец: FDFD
satsana
Ясно, спасибо, это почти то, что нужно :з Буду смотреть)
