Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Настройка мобильной версии форума


Настройка мобильной версии форума

Сообщений 1 страница 7 из 7

1

Здравствуйте!
Скажите, пожалуйста, как можно настроить мобильную версию форума?

0

2

Arlekina
Администрирование - Настройки - Включить "Мобильный стиль"
--

0

3

ACT3255
А если, она у меня криво отображается? Можно ли отдельный стиль мобильной версии сделать?

0

4

И тишинааааааааааа!
А вопросы-то есть!!!!
Куча воппрсов...
Где бы я ни щадавала вопросы, не только здесь, на любом бесплатном движке, ответов не дожлёшься((((
Грустно, конечно!
Ну да ладно, попробую задать!

ВОПРОС:
Скажите, пожалуйста, в моьильном стиле есть возможность видоизменить иконки Панели навигации на свои?????

0

5

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)

0

6

kolobdur74 написал(а):

Здесь нет платных сотрудников включая модераторов и админов, кроме одного, вам отвечают такие же пользователи как вы..

Я знаю!!!
Спасибо, что отвечаете! --
Мы на своём форуме Мама солдата тоже так делаем))))

kolobdur74 написал(а):

Только учтите, что в мобильном стиле картинка такая:

Я видела картинку!

kolobdur74 написал(а):

В НТМЛ верх:

Угу! Спасибо! попробую.
А если в Свой стиль засунуть?

А иконка Звёздочка и Мелкие квадратики (короче, две предпоследние иконки) - они где вообще отображаются???? А то их ни разу не видела на мобильном((((

А вот в этой строчке background-image: url(ССЫЛКА НА КАРТИНКУ) !important; что, откуда и куда импортируется? Из файла мобильного(адаптивного) стиля в вертикальное положение гаджета? Или ...????


И ещё вопрос: а можно ли как-то для мобильного стиля иконки прописать как-то иначе? Или вот прямо в обязоне именно такого плана иконки ставить? И вот именно так: background-image: url(ССЫЛКА НА КАРТИНКУ) !important;?

Отредактировано uliana-new (Вт, 30 Окт 2018 17:25:10)

+1

7

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)

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Настройка мобильной версии форума