Здравствуйте!
Скажите, пожалуйста, как можно настроить мобильную версию форума?
Настройка мобильной версии форума
Страница: 1
Сообщений 1 страница 7 из 7
Поделиться1Пн, 1 Окт 2018 19:59:45
Поделиться2Пн, 1 Окт 2018 20:11:20
- Заслуженный
- Зарегистрирован: Пт, 7 Ноя 2014
- Сообщений: 2823
- Уважение: +1562
- Позитив: +2096
- Пол: Мужской
- Последний визит:
Вчера 20:21:39
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
- Сообщений: 7338
- Уважение: +5808
- Позитив: +6437
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 13:30:41
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
- Сообщений: 7338
- Уважение: +5808
- Позитив: +6437
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 13:30:41
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