Общие вопросы по оформлению (64)

Поделиться1Пн, 21 Май 2018 19:56:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 21:57:05

Предыдущая тема: Общие вопросы по оформлению (63)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Deff (Вт, 5 Июн 2018 18:07:41)

+1

Поделиться921Пт, 11 Янв 2019 21:55:58

Автор: Armavel
Заслуженный
Зарегистрирован: Пт, 20 Мар 2015
Сообщений: 310
Уважение: +173
Позитив: +357
Пол: Женский
Последний визит:
Ср, 6 Мар 2024 00:41:03

Riya
попробуйте в конец первого окна стилей:

.post table .quote-box{width:85%!important;}

+3

Поделиться922Пт, 11 Янв 2019 22:10:38

Автор: Riya
Заслуженный
Зарегистрирован: Вс, 5 Июл 2009
Сообщений: 299
Уважение: +187
Позитив: +665
Пол: Женский
Последний визит:
Вс, 10 Дек 2023 21:54:36

Armavel
Спасибо! Все стало, как и должно быть))

0

Поделиться923Сб, 12 Янв 2019 14:45:15

Автор: sims3society
Заслуженный
Зарегистрирован: Вт, 16 Окт 2018
Сообщений: 168
Уважение: +115
Позитив: +110
Пол: Женский
Последний визит:
Вчера 07:21:18

Здравствуйте!
Во-первых, счастливого всем 2019 года!
Я заканчиваю создавать стиль для своего форума, и я нашел некоторые проблемы. Я пытался всеми способами, которые я знал, чтобы исправить это, но все это было безуспешно. Поэтому я прошу помощи здесь ...

1º У меня проблемы с настройкой дизайна форума под мобильный телефон. Дизайн с гигантскими неудачами на правом берегу. Ссылки в шапке с разными отступами, как показано на рисунке ниже:

Как я могу это исправить, чтобы мне не пришлось изменять используемый стиль? На моем компьютере все идеально, просто на мобильном телефоне это выглядит так ...

2º Почему размер шрифта несоразмерен (какой-то большой, а какой-то маленький) при просмотре форума по телефону? Что я могу сделать, чтобы он выглядел как размер, который появляется на компьютере?

3º Как я могу отрегулировать отступ нижнего колонтитула так, чтобы в нижней части было свободное пространство?

Форум

Спасибо за любую помощь и желаю всем отличного дня!

0

Поделиться924Сб, 12 Янв 2019 15:11:47

Автор: sshmmv
Заслуженный
Зарегистрирован: Вс, 5 Мар 2017
Сообщений: 644
Уважение: +429
Позитив: +415
Последний визит:
Вс, 7 Апр 2024 18:59:27

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

2º Почему размер шрифта несоразмерен (какой-то большой, а какой-то маленький) при просмотре форума по телефону?

Из-за дурнейшего подхода к масштабированию текста в современных мобильных браузерах на базе хромовского движка.
В настройках масштаба текста в браузере масштаб выставьте на 0:

Тогда браузер станет отображать шрифты корректно:

Это именно что проблема браузера, а не сайта.

Отредактировано sshmmv (Сб, 12 Янв 2019 15:42:10)

+2

Поделиться925Сб, 12 Янв 2019 15:21:03

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

У меня проблемы с настройкой дизайна форума под мобильный телефон

Пока над этим работаем: Библиотека Device.js или о мобильных дизайнах

0

Поделиться926Сб, 12 Янв 2019 15:44:59

Автор: sims3society
Заслуженный
Зарегистрирован: Вт, 16 Окт 2018
Сообщений: 168
Уважение: +115
Позитив: +110
Пол: Женский
Последний визит:
Вчера 07:21:18

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

Из-за дурнейшего подхода к масштабированию текста в современных мобильных браузерах на базе хромовского движка.
В настройках масштаба текста в браузере масштаб выставьте на 0:

Большое спасибо за ваш ответ!
Из того, что я понимаю, это проблема с браузером Chrome ... Но тогда нет способа исправить это, чтобы пользователи, использующие форум на мобильном телефоне, тоже сталкивались с этой проблемой?

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

Пока над этим работаем: Библиотека Device.js или о мобильных дизайнах

Спасибо за ваш ответ.
Я анализировал этот пост, который вы мне прислали, и понял, что если мы добавим теги html.mobile в стиль, можно создать отдельный стиль для использования на телефоне ...
Как я могу использовать это, чтобы настроить дизайн моего форума?
Извините, я не много понимаю, а также русский язык не является моим родным языком ....

0

Поделиться927Сб, 12 Янв 2019 15:53:05

Автор: sshmmv
Заслуженный
Зарегистрирован: Вс, 5 Мар 2017
Сообщений: 644
Уважение: +429
Позитив: +415
Последний визит:
Вс, 7 Апр 2024 18:59:27

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

это проблема с браузером Chrome

И его "клонов", типа Opera и т. д, которые используют движок Chromium.

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

Но тогда нет способа исправить это

Со стороны форума – нет. Со стороны форумчан, кому не нравится кривое масштабирование в браузере на Chromium – есть. Они или сами разберутся с этим, или смирятся.

Отредактировано sshmmv (Сб, 12 Янв 2019 15:56:44)

+1

Поделиться928Сб, 12 Янв 2019 16:00:34

Автор: sims3society
Заслуженный
Зарегистрирован: Вт, 16 Окт 2018
Сообщений: 168
Уважение: +115
Позитив: +110
Пол: Женский
Последний визит:
Вчера 07:21:18

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

Со стороны форума – нет. Со стороны форумчан, кому не нравится кривое масштабирование в браузере – есть. Они или сами разберутся с этим, или смирятся.

Так как это не проблема со стилем форума и да с используемым браузером, я могу написать сообщение на форуме как решение этой проблемы. Так что каждый, кто использует телефон и Chrome или их клоны, может это исправить.
Спасибо за всю эту информацию и счастливого нового года!

+1

Поделиться929Сб, 12 Янв 2019 16:10:56

Автор: sshmmv
Заслуженный
Зарегистрирован: Вс, 5 Мар 2017
Сообщений: 644
Уважение: +429
Позитив: +415
Последний визит:
Вс, 7 Апр 2024 18:59:27

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

я могу написать сообщение на форуме как решение этой проблемы. Так что каждый, кто использует телефон и Chrome или их клоны, может это исправить.

Да.
А еще можно посмотреть, как будет смотреться ваш форум в мобильном стиле. Может быть, он вам понравится. Для этого включите его в Forum administration - Options

Так:

И вас с Новым Годом!

Отредактировано sshmmv (Сб, 12 Янв 2019 16:42:45)

+2

Поделиться930Сб, 12 Янв 2019 16:25:48

Автор: sshmmv
Заслуженный
Зарегистрирован: Вс, 5 Мар 2017
Сообщений: 644
Уважение: +429
Позитив: +415
Последний визит:
Вс, 7 Апр 2024 18:59:27

sims3society,

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

А еще можно посмотреть, как будет смотреться ваш форум в мобильном стиле.

И при разных разрешениях экрана. Например, тут: http://quirktools.com/screenfly/

Отредактировано sshmmv (Сб, 12 Янв 2019 16:31:19)

+2

Поделиться931Сб, 12 Янв 2019 17:09:41

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

Я анализировал этот пост, который вы мне прислали, и понял, что если мы добавим теги html.mobile в стиль, можно создать отдельный стиль для использования на телефоне ...
Как я могу использовать это, чтобы настроить дизайн моего форума?
Извините, я не много понимаю, а также русский язык не является моим родным языком ....

По сути - это создание второго стиля для мобильных устройств. После установки этого скрипта:

Код:

<script src="https://unpkg.com/current-device/umd/current-device.min.js"></script>

В тег html добавляется новый класс в зависимости от устройства пользователя, для компьютера - это html.desktop, для мобильных устройств - это html.mobile. Добавив в свой стиль, который для компьютеров html.desktop, и используя для мобильных устройств html.mobile можно разделить стили для компьютера и для мобильных устройств. Как пример:
Здесь на форуме фон такой:

#pun {
background: #fff;
}

Делаем его только для компьютера:

html.desktop #pun {
background: #fff;
}

Делаем его только для мобильных устройств:

html.mobile #pun {
background: red;
}

Свой стиль перевести в только для компьютера можно с помощью скрипта Деффа, который надо ставить на Свои страницы и там преобразовывать: Библиотека Device.js или о мобильных дизайнах пост №12.

Из минусов данного способа:
1. Стиль админки надо будет отдельно прописывать, так как скрипт на админку не действует.
2. Установленные стили в НТМЛ верху или других полях надо тоже разделять, иначе они тоже будут влиять на мобильный стиль.

+2

Поделиться932Сб, 12 Янв 2019 17:26:30

Автор: sims3society
Заслуженный
Зарегистрирован: Вт, 16 Окт 2018
Сообщений: 168
Уважение: +115
Позитив: +110
Пол: Женский
Последний визит:
Вчера 07:21:18

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

А еще можно посмотреть, как будет смотреться ваш форум в мобильном стиле. Может быть, он вам понравится. Для этого включите его в Forum administration - Options

Спасибо большое Я уже знал об этой функции и отключил ее, потому что у моего стиля были проблемы с мобильным телефоном. Если эта опция отключена, форум загружается как компьютер.

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

В тег html добавляется новый класс в зависимости от устройства пользователя, для компьютера - это html.desktop, для мобильных устройств - это html.mobile. Добавив в свой стиль, который для компьютеров html.desktop, и используя для мобильных устройств html.mobile можно разделить стили для компьютера и для мобильных устройств.

Спасибо за ваш ответ и терпение в попытках помочь. Теперь все кажется более понятным для меня.
Но мне все еще трудно понять, что не так с моим стилем, потому что, очевидно, проблема этого огромного недостатка только на главной странице ...
Проблема отступлений появляется только на главной странице:

При входе на форумах или других страницах правильно, без сбоев:

Я расстраиваюсь, потому что не могу понять, в чем проблема .... Я не понимаю, почему это происходит на главной странице ...

+2

Поделиться933Сб, 12 Янв 2019 19:38:37

Автор: Шустов Павел Николаевич
Заслуженный
Зарегистрирован: Чт, 28 Июн 2018
Сообщений: 122
Уважение: +15
Позитив: +26
Последний визит:
Ср, 6 Мар 2019 22:32:39

Хочу поставить на Ссылка фон из другого дизайна и ещё хочу поставить бордюр с форума http://pun.0pk.ru

Как выделить скрипт бордюра?

Отредактировано Шустов Павел Николаевич (Вс, 13 Янв 2019 16:17:13)

0

Поделиться934Сб, 12 Янв 2019 19:54:14

Автор: sshmmv
Заслуженный
Зарегистрирован: Вс, 5 Мар 2017
Сообщений: 644
Уважение: +429
Позитив: +415
Последний визит:
Вс, 7 Апр 2024 18:59:27

sims3society,
HTML code (source.html) вашего сайта я скопировал в этот файл: https://forumstatic.ru/files/0017/70/84/53396.zip (через несколько дней удалю его.)
Надо подождать, пока здешние спецы его просмотрят, и что скажут.

Добавлено спустя 8 часов 28 минут 37 секунд:
Удалил файл.

Отредактировано sshmmv (Вс, 13 Янв 2019 04:22:51)

+2

Поделиться935Сб, 12 Янв 2019 20:05:57

Автор: sims3society
Заслуженный
Зарегистрирован: Вт, 16 Окт 2018
Сообщений: 168
Уважение: +115
Позитив: +110
Пол: Женский
Последний визит:
Вчера 07:21:18

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

sims3society,
HTML code (source.html) вашего сайта я скопировал в этот файл: https://forumstatic.ru/files/0017/70/84/53396.zip (через несколько дней удалю его.)
Надо подождать, пока здешние спецы его просмотрят, и что скажут.

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

Добавлено спустя 7 часов 4 минуты 55 секунд:
Я был в состоянии решить проблему неудач. Больше нет необходимости проверять причину проблемы. Спасибо всем за попытку помочь.
Все работает отлично!