Здравствуйте!
Скажите, пожалуйста, как можно настроить мобильную версию форума?
Настройка мобильной версии форума
Страница: 1
Сообщений 1 страница 7 из 7
Поделиться1Пн, 1 Окт 2018 19:59:45
Поделиться2Пн, 1 Окт 2018 20:11:20
- Заслуженный
- Зарегистрирован: Пт, 7 Ноя 2014
- Сообщений: 2971
- Уважение: +1649
- Позитив: +2254
- Пол: Мужской
- Последний визит:
Вчера 12:07:56
Arlekina
Администрирование - Настройки - Включить "Мобильный стиль"
Поделиться3Ср, 3 Окт 2018 19:34:10
ACT3255
А если, она у меня криво отображается? Можно ли отдельный стиль мобильной версии сделать?
Поделиться4Вс, 28 Окт 2018 16:01:49
- Заслуженный
- Зарегистрирован: Вс, 5 Июн 2016
- Сообщений: 148
- Уважение: +20
- Позитив: +50
- Пол: Женский
- Последний визит:
Вт, 22 Янв 2019 14:05:07
И тишинааааааааааа!
А вопросы-то есть!!!!
Куча воппрсов...
Где бы я ни щадавала вопросы, не только здесь, на любом бесплатном движке, ответов не дожлёшься((((
Грустно, конечно!
Ну да ладно, попробую задать!
ВОПРОС:
Скажите, пожалуйста, в моьильном стиле есть возможность видоизменить иконки Панели навигации на свои?????
Поделиться5Вс, 28 Окт 2018 18:31:56
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7432
- Уважение: +5958
- Позитив: +6562
- Пол: Мужской
- Последний визит:
Вчера 22:08:58
uliana-new написал(а):
Где бы я ни щадавала вопросы, не только здесь, на любом бесплатном движке, ответов не дожлёшься((((
Грустно, конечно!
Здесь нет платных сотрудников включая модераторов и админов, кроме одного, вам отвечают такие же пользователи как вы..
uliana-new написал(а):
Скажите, пожалуйста, в моьильном стиле есть возможность видоизменить иконки Панели навигации на свои?????
В НТМЛ верх:
<style>
@media screen and (max-width: 540px) {
#pun-ulinks, #pun-navlinks .container li a, #pun-navlinks .container li a:hover {
background-image: url(ССЫЛКА НА КАРТИНКУ) !important;
}
}
</style>
Только учтите, что в мобильном стиле картинка такая:
http://forumfiles.ru/img/navicons.png
Отредактировано kolobdur74 (Вс, 28 Окт 2018 18:33:35)
Поделиться6Вт, 30 Окт 2018 17:24:07
- Заслуженный
- Зарегистрирован: Вс, 5 Июн 2016
- Сообщений: 148
- Уважение: +20
- Позитив: +50
- Пол: Женский
- Последний визит:
Вт, 22 Янв 2019 14:05:07
kolobdur74 написал(а):
Здесь нет платных сотрудников включая модераторов и админов, кроме одного, вам отвечают такие же пользователи как вы..
Я знаю!!!
Спасибо, что отвечаете! 
Мы на своём форуме Мама солдата тоже так делаем))))
kolobdur74 написал(а):
Только учтите, что в мобильном стиле картинка такая:
Я видела картинку!
kolobdur74 написал(а):
В НТМЛ верх:
Угу! Спасибо! попробую.
А если в Свой стиль засунуть?
А иконка Звёздочка и Мелкие квадратики (короче, две предпоследние иконки) - они где вообще отображаются???? А то их ни разу не видела на мобильном((((
А вот в этой строчке background-image: url(ССЫЛКА НА КАРТИНКУ) !important; что, откуда и куда импортируется? Из файла мобильного(адаптивного) стиля в вертикальное положение гаджета? Или ...????
И ещё вопрос: а можно ли как-то для мобильного стиля иконки прописать как-то иначе? Или вот прямо в обязоне именно такого плана иконки ставить? И вот именно так: background-image: url(ССЫЛКА НА КАРТИНКУ) !important;?
Отредактировано uliana-new (Вт, 30 Окт 2018 17:25:10)
Поделиться7Вт, 30 Окт 2018 17:53:13
- ...
- Зарегистрирован: Пн, 6 Сен 2010
- Сообщений: 7432
- Уважение: +5958
- Позитив: +6562
- Пол: Мужской
- Последний визит:
Вчера 22:08:58
uliana-new написал(а):
А если в Свой стиль засунуть?
Можно и в свой стиль поставить, только без тегов <style></style>..
uliana-new написал(а):
А иконка Звёздочка и Мелкие квадратики (короче, две предпоследние иконки) - они где вообще отображаются???? А то их ни разу не видела на мобильном((((
Возможно они в спрайте на будущее или сам спрайт импортирован откуда-то..
uliana-new написал(а):
А вот в этой строчке background-image: url(ССЫЛКА НА КАРТИНКУ) !important; что, откуда и куда импортируется? Из файла мобильного(адаптивного) стиля в вертикальное положение гаджета? Или ...????
!important - это указание приоритета для браузера, то есть если есть два одинаковых кода, к примеру фон, с разными картинками, один код с !important, а второй без, то второй код браузером будет игнорироваться и будет отображать фон где есть !important.. Более подробно: Правила приоритетов в CSS и http://htmlbook.ru/css/!important
Так как в стиле от сервиса был код с !important, то чтобы его перебить код надо тоже использовать с !important, в ином случае картинка не изменится..
uliana-new написал(а):
И ещё вопрос: а можно ли как-то для мобильного стиля иконки прописать как-то иначе? Или вот прямо в обязоне именно такого плана иконки ставить? И вот именно так: background-image: url(ССЫЛКА НА КАРТИНКУ) !important;?
Так как в стиле используется спрайт, то лучше так же использовать такой же по размерам спрайт, в ином случае придется много переделывать в мобильном стиле.. То есть я вам дал код с минимальными телодвижениями для верстки, только в фотошопе подогнать нужные картинки и скомпоновать в точно такой же спрайт.. Более подробно о спрайтах: https://learn.javascript.ru/css-sprite
Отредактировано kolobdur74 (Вт, 30 Окт 2018 17:57:57)
Страница: 1
Похожие темы
| Мобильная версия форума | Коллективная работа | Вт, 14 Апр 2015 |
| Мобильная версия форума | Вопросы по оформлению форума | Пт, 19 Авг 2016 |
| 26 апреля 2015г.: Мобильный стиль форумов | Информация сервиса | Сб, 28 Дек 2024 |
| Улучшеный аккаунт, и проблемы с мобильной версией | Форум для новичков | Ср, 26 Авг 2020 |
| Вопрос по мобильной версии | Вопросы по оформлению форума | Вт, 30 Янв 2018 |