26 апреля 2015г.: Мобильный стиль форумов

Поделиться141Вс, 6 Мар 2022 11:56:21

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

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

В смысле, переставить ее туда, где обычно высвечивается какое-то содержимое блока html-низа (без абсолютизированной привязки кнопки к краю браузера)

Поставить этот код в НТМЛ низ:

<div id="on_OfMobile"><span onclick="FORUM.on_of_Mobile()"></span></div>

Убрать в коде (выделил красным):

<style type="text/css">
#on_OfMobile {
position:fixed;
top:4px;left:3px; /* Начальное положение */
z-index:20000;
}

+1

Поделиться142Ср, 9 Мар 2022 08:16:51

Автор: Wilhelm
Заслуженный
Зарегистрирован: Вс, 29 Ноя 2015
Сообщений: 48
Уважение: +48
Позитив: +120
Последний визит:
Вс, 7 Апр 2024 15:35:10

kolobdur74
не подходит, иконка тогда вообще исчезает. В коде есть, на форуме в видимом пространстве - нет :dontknow:

Окольными путями сделал видимой - пропала сама возможность "выключения": кнопка есть, на нее можно кликнуть, но не срабатывает скрипт.

Отредактировано Wilhelm (Ср, 9 Мар 2022 08:20:13)

0

Поделиться143Ср, 9 Мар 2022 10:02:14

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

Вариант(без перемещения в HTML низ):

<style type="text/css">
#on_OfMobile {
position:absolute;
margin-left:-30px; /* Начальное положение */
bottom:30px;
z-index:20000;
}

Отредактировано Deff (Ср, 9 Мар 2022 10:29:02)

+3

Поделиться144Пт, 11 Мар 2022 13:52:19

Автор: Wilhelm
Заслуженный
Зарегистрирован: Вс, 29 Ноя 2015
Сообщений: 48
Уважение: +48
Позитив: +120
Последний визит:
Вс, 7 Апр 2024 15:35:10

Deff
нет, это я уже пробовала )
Тогда просто перемещается в низ body. А можно ли переместить кнопку в нижний правый/левый угол pun?

Скажем, у меня есть ряд кнопок/блоков. И мне просто надо рядом с ними притулить эту кнопку, чтобы она была просто частью этого самого ряда и подчинялась правилам "обволакивающего" блока (перемещалась по центу/вправо/влево вместе с другими элементами в ряду, перемещалась на другую строку при сжатии форума)

Отредактировано Wilhelm (Пт, 11 Мар 2022 13:52:37)

0