Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Сделаем сервис лучше » Ошибки, баги и недоработки в СТАНДАРТНЫХ стилях
тема для баг-репортов в стандартных стилях, которые выбираются в админке.
их очень много, но многие из них сделаны криво.
было бы неплохо исправить хотя бы критические баги.
хотя бы только в тех стилях, которые ВОСТРЕБОВАННЫ пользователями - то есть они находят эти баги и просят помощи на техподдержке.
не забывайте указывать название стиля!
Oxygen_Reloaded_Red
https://bloodtundra.icebb.ru/style/Oxyg … ed_Red.css
#pun-profile #profilenav {
margin: -3.9em -2.21em 1.8em -2.2em;
}вызывает вот такое:
Общие вопросы от новичков (63) #2
И можно заодно разобраться с багом в профилях? Не понимаю, что произошло, раньше так не отображалось и всё было в порядке (скрипты вроде проверяла)... Буду признательна за помощь, где что пофиксить для изначально ровного отображения этой полосы.
можно просто удалить, можно заменить на
#pun-profile #profilenav {margin-top: -2em;}
Герда
Благодарю Вас за тему!
Кто-нибудь шарящий, помогите с этим пожалуйста без вмешательства доп. скриптов, молю (чтобы все полосы профиля отображались ровно). 
Опять всё в профилях поехало (кроме Просмотр)... ничего не трогала. Что со скриптом, что без (проще было бы действительно пофиксить в базе без лишнего вмешательства).
<style> #pun-profile #viewprofile-next #profilenav {margin: -2.22em 0 0 0;} </style>
Отредактировано <3 (Сб, 17 Авг 2024 01:20:36)
Опять всё в профилях поехало (кроме Просмотр)...
Ну оно однозначно будет ехать в зависимости от размера экрана, поскольку в этом дизе от сервиса ширина полотна форума не фиксирована...
Как вариант, попробовать дизайны в которых пункты меню профиля расположены вертикально...
По идее можно уменьшить отступы меж пунктами меню, но опять же при меньшем размере экрана чем пункты вплотную к друг-другу опять уедут на вторую строку...
В HTML верх:
<style>
#profilenav li a { padding: .55em .1em;}
</style>
Deff
Другой дизайн исключён, этот бы пофиксить, вроде не большая беда... И оно не ехало недавно, было всё норм. Щас опять началось по неведомой причине, ваш скрипт не исправил ничего (пробовала с моим и без него). Экран, к слову, большой. И скрипт от Герды работал. А теперь перестал.
Отредактировано <3 (Сб, 17 Авг 2024 03:26:31)
. И скрипт от Герды работал. А теперь перестал.
Вероятно Вы изменили масштаб отображения в браузере. Ссылка
По идее под юзером строка должна влезать в экран. ибо ссылка Управление только под админом-модером
<3
В случае переполнения пунктов меню или недостаточной ширины экрана для влезания всех пунктов, таким и должен быть эффект (с новой строки для отображения всех пунктов). Можно вывернуться несколькими способами:
уменьшить размер текста пунктов меню;
уменьшить отступы по бокам пунктов меню;
попробовать растянуть меню до краёв профиля.
Но все эти способы решат проблему только для экрана вашего размера, а на менее широких экранах такой эффект останется.
Если вы всё же хотите горизонтальное меню, есть вариант сделать его во всю в ширину, выходящую за рамки видимой области с горизонтальной прокруткой.
Этот стиль полностью исправляет оформление меню, делая его горизонтальным и прокручивающимся (в том числе на сенсорных устройствах):
<style>
#pun-profile #viewprofile-next #profilenav {
margin: -2.4em -2em 0;
padding: 0 2em;
}
#pun-profile #profilenav {
margin: -4em -2.2em 1em -2.2em;
padding: 0;
background: transparent;
}
#pun-profile #profilenav ul {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
}
#pun-profile #profilenav ul::-webkit-scrollbar {
-webkit-appearance: none;
}
#pun-profile #profilenav ul::-webkit-scrollbar:vertical {
width: 8px;
}
#pun-profile #profilenav ul::-webkit-scrollbar:horizontal {
height: 6px;
}
#pun-profile #profilenav ul::-webkit-scrollbar-thumb {
background-color: rgba(170,55,55,.5);
border-radius: 10px;
border: 1px solid #fff;
}
#pun-profile #profilenav ul:hover::-webkit-scrollbar-thumb {
background-color: rgba(197,0,0,.5);
border-width: 0;
}
#pun-profile #profilenav ul::-webkit-scrollbar-track {
background-color: transparent;
}
#pun-profile #profilenav li a {
padding: .5em;
margin: 0;
}
@media screen and (max-width: 540px) {
#pun-profile #viewprofile-next #profilenav li a {
margin-top: .2em;
}
}
</style>Уберите все выше предложенные способы и поставьте этот код.
Должно получиться что-то вроде такого:
В том числе исправляет пункты меню на странице Просмотр, делая всё в едином стиле
Deff
Не меняла вообще ничего...
Reysler
Помогло, спасибо огромное, пока всё идеально!
Вы здесь » Единый форум поддержки » Сделаем сервис лучше » Ошибки, баги и недоработки в СТАНДАРТНЫХ стилях