Кнопки в форме ответа пересортировать как...

Поделиться1Пн, 14 Авг 2017 12:08:09

Автор: Лора
Заслуженный
Зарегистрирован: Чт, 25 Окт 2007
Сообщений: 197
Уважение: +27
Позитив: +91
Последний визит:
Ср, 5 Дек 2018 12:09:18

Здравствуйте!
Возник вот такой вопрос, на котором я затупила вдруг, получается пока их только полностью убрать, но не это цель.
- хочу передвинуть из верхнего меню формы ответа кнопки выравнивания текста и таблицы под кнопочку "дополнительно"
#button-left
#button-center
#button-right
#button-table
- а также передвинуть кнопки смайлы и цвет текста к кнопке зачеркнутого текста.

Идея такая возникла из-за того, что в мобильной версии они просто толкаются локтями, а так станет чуть просторнее, да и не используются эти кнопки постоянно форумчанами. Вот и хочется их с самого видного места сдвинуть.

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

Помогите, пожалуйста, с перемещением кнопочек, спасатели наши.

0

Поделиться2Ср, 16 Авг 2017 10:01:43

Автор: Лора
Заслуженный
Зарегистрирован: Чт, 25 Окт 2007
Сообщений: 197
Уважение: +27
Позитив: +91
Последний визит:
Ср, 5 Дек 2018 12:09:18

Помогите кто-нибудь с этими кнопками. У меня самой что-то никак не получается...

0

Поделиться3Ср, 16 Авг 2017 10:14:29

Автор: Maquis
Модератор
Зарегистрирован: Чт, 5 Ноя 2009
Сообщений: 1938
Уважение: +1962
Позитив: +1658
Предупреждения: ‡
Последний визит:
Сб, 26 Фев 2022 23:41:00

Лора
Где адрес форума?

В постах-

0

Поделиться4Ср, 16 Авг 2017 10:32:30

Автор: Лора
Заслуженный
Зарегистрирован: Чт, 25 Окт 2007
Сообщений: 197
Уважение: +27
Позитив: +91
Последний визит:
Ср, 5 Дек 2018 12:09:18

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

Где адрес форума?

Все года есть под аватарой в "Вебсайт" или можно добавить - http://lili.5bb.ru/

0

Поделиться5Ср, 16 Авг 2017 14:22:43

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

У меня стоит такая добавка для ширины экрана меньше 1024px:

@media (max-width: 1024px) {
#form-buttons td{display:inline-block;}
#form-buttons td img{width:auto;}
}

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

смотреть

+2

Поделиться6Чт, 17 Авг 2017 11:13:14

Автор: Лора
Заслуженный
Зарегистрирован: Чт, 25 Окт 2007
Сообщений: 197
Уважение: +27
Позитив: +91
Последний визит:
Ср, 5 Дек 2018 12:09:18

Armavel
спасибо.
инлайн-блок стоит в свойствах изначально, а вот выстраивание в два ряда что-то не восхитило. Попробовала, не очень понравилось мне.

По-прежнему хочу пересортировать - выравнивания текста, таблицы убрать в блок под стрелочку "дополнительно", а смайлики и цвет сдвинуть к первым кнопкам по формату текста.
Я уж свои скромные познания перепробовала все, кроется мысль, что тут нужен скриптик, а не стили или HTML, но это уже вне моих возможностей пользователя. Учить языки на пенсии, конечно, прикольно. И я стараюсь это делать, но не так скоро получается... :blush:
Ребятки, ждем вашей помощи!

Отредактировано Лора (Чт, 17 Авг 2017 11:14:10)

0

Поделиться7Сб, 19 Авг 2017 08:32:02

Автор: Лора
Заслуженный
Зарегистрирован: Чт, 25 Окт 2007
Сообщений: 197
Уважение: +27
Позитив: +91
Последний визит:
Ср, 5 Дек 2018 12:09:18

Никто так и не подскажет способ пересортировать кнопки в форме ответа?.. очень хочется.
Помогите, пожалуйста!

0

Поделиться8Сб, 26 Авг 2017 13:44:17

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10691
Уважение: +7180
Позитив: +5260
Пол: Мужской
Последний визит:
Сегодня 01:32:37

Лора
Ну наверно так: (В HTML верх

<script type="text/javascript">
$().pun_aboutReady(function (){var s="#button-",o={smile:"strike",color:"smile",table:""};
for(var i in o){i=="table"?$(s+i).detach():$(s+i).insertAfter(s+o[i])}});
$.each("left,center,right,table".split(","),function(i,val){
FORUM.editor.addition.tags[val] = FORUM.editor[val];if(val!="table")delete FORUM.editor[val];});
</script>

+1