Ознакомьтесь с нашей политикой обработки персональных данных
10:00 

Настраиваемые кнопки

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Может, я плохо смотрел - вроде бы про это еще не было)
Между тем, исходя из личного опыта - мне очень облегчили жизнь настраиваемые кнопки. Не нужно вводить теги вручную, щелкнул по кнопочке и красота!)
Итак, у каждого в настройках есть ссылочка: "Настраиваемые кнопки".


Кликнув по строчке, попадаем в меню настройки кнопок.
Значения для добавления кнопки "вставить картинку с другого ресурса":


В графе "Обозначение" нужно вставить ссылку на картинку, которая и будет кнопкой на панели форматирования текста. Можно со стороннего ресурса, можно из собственной БИ. Я использовал эту:


Код для графы "Значение":


Далее, у меня есть еще 2 кнопочки (бесплатный тип @дневника позволяет до 3-х настраиваемых кнопок, а с подключённым сервисом число кнопок не ограничивается): "Картинка с другого ресурса в превью (MORE)" и "Вставка кликабельной картинки вместо строчки "Читать дальше" в MORE". Если интересно, как это делается, то под катом инструкции:)

читать дальше

* * *

Подключить платный сервис "Настраиваемые кнопки редактирования" (с этим сервисом число кнопок не ограничивается; без сервиса доступны только три кнопки) можно в настройках. Если для сервиса доступно бесплатное ознакомительное подключение, то сначала нужно использовать его: выбрать сервис и нажать на кнопку "Попробовать". Если бесплатное ознакомительное подключение недоступно, то сервис можно подключить только платно: выбрать сервис галочкой, выбрать для него срок действия и нажать кнопку "Оплатить".

запись создана: 05.11.2012 в 23:37

@темы: Теги оформления записи, Сервис настраиваемых кнопок, Платные сервисы, Настройки, Настраиваемые кнопки, Добавление изображений

Комментарии
2014-09-09 в 13:05 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Kaisla, свята, пожалуйста)

Тикисана, это вы для обтекания картинки текстом? А если текста много, а картинка мелкая?) Для этого есть другой код, более удобный, где-то в этом же соо лежал) Хотите, дам?)

2014-09-09 в 13:13 

Тикисана
Внутри нас больше, чем снаружи.
Дейдара Роджерс, Не обтекание, но что-то около того. Одна ячейка подстраивается под ширину картинки (если в первой ячейке одна лишь картинка), вторая по ширине - все остальное пространство.
Если есть что-то более удобное - буду благодарна за код! ^^

UPD: Кажется нашла, спасибо!

2014-09-09 в 13:26 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Тикисана, держите)
Картинка слева, без отступов:

Для того, чтоб картинка была справа, нужно поменять параметр left на right.

В стиле можно задать еще кучу всяких параметров для пущей красивости)
То же самое с отступами:

Отступ в примере равняется 10-ти пикселям. Можно поставить любое число, и даже чтоб не со всех сторон, а только справа и снизу (поскольку текст в примере обтекает именно с этих сторон):


+ границы:

— где solid — это параметр вида границы ("рамки", в данном случае сплошная), бывает еще dashed (пунктирная) и dotted (точечная). Мб, и какие-то еще виды работают на дайри, не проверял) Эти 3 — точно работают) Далее, 1 — толщина в пикселях и #ff0000 - параметр цвета (красный).

2014-09-09 в 14:15 

Тикисана
Внутри нас больше, чем снаружи.
Дейдара Роджерс, Большое-большущее спасибо! *-*

2014-09-09 в 15:04 

Таши
Всему своё тайми-вайми (с)
о, я тоже себе на одну кнопку болванку таблицы повесила, часто нужны. а с картинками мучилась - не додумалась. спасибо большое за идею и готовые коды! :heart:

2014-09-09 в 15:07 

Uk@R
Quincy reseARCHER
Дейдара Роджерс, ни в коем случае не хочу умалить прелесть стилей, но не проще ли к картинке приписать в теге align=left hspace=10, что на выходе дает тот же результат (на втором примере конкретно), только набирается быстрее и вручную?

2014-09-09 в 15:07 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Тикисана, пожалуйста)
Таши, с картинками можно не занимать кнопку, там выше человек совершенно верно подсказывал — ту же функцию прекрасно выполняет "родная" дайревская кнопка вставки картинки при зажатом контроле)
Пожалуйста)

2014-09-09 в 15:10 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Uk@R, а текст не получится ПОД картинкой? Впрочем, чего я спрашиваю, сейчас испытаем)
проверка

...о, точно! Большое спасибо!

2014-09-09 в 15:11 

Таши
Всему своё тайми-вайми (с)
Дейдара Роджерс, оу, да? сколько секретов таит, казалось бы, давно знакомый сервис...) спасибо!

2014-09-09 в 15:12 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Таши, и не говорите) Я ж тоже не знал, пока не подсказали)

2014-09-09 в 17:34 

dpleshakov
Для a-s-k-a и всех желающих.
Дополнительные кнопки с ссылками можно создать следующим путем.
1. Ставим расширение для Chrome / Firefox: dpleshakov.diary.ru/p182567388.htm
2. Появляется кнопка установленного расширения, например "Tampermonkey". Жмем ее.
3. Выбираем "Добавить новый скрипт".
4. Вставляем скрипт:

5. Меняем в 'AddButton' названия и ссылки на желаемые.
6. Сохраняем, пользуемся.

Скрипт предоставляется "как есть", вы устанавливаете его на свой страх и риск.
Можно использовать, редактировать и продавать по вашему желанию.
Если кто-то настроит стили лучше - буду признателен.

2014-09-09 в 17:58 

dpleshakov
dpleshakov,
Упс, забыл, что дневник закрыт. Ссылки на расширения для браузеров:

Google Chrome - Tampermonkey
Mozilla Firefox - Greasemonkey

2014-09-09 в 19:15 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
dpleshakov, вау, вот это штука!
А подскажите, пожалуйста, вот я задаю к примеру данную страницу diary-tips.diary.ru/p182299566.htm?from=30 и на ней у меня появляются кнопки. А как задать все дайры разом?

2014-09-09 в 22:43 

dpleshakov
Тайя, которая душит романтиков,
Признаться - я не понял, что вы делаете :)
Кнопка всегда должна появляться только на странице создания нового поста.

2014-09-10 в 01:36 

Таши
Всему своё тайми-вайми (с)
dpleshakov, извините, а для Greasemonkey где искать, куда текст из кода вставлять? Я что-то не нахожу :shy:

кстати, очень жаль, что вы закрылись( у меня на пару ваших скриптов были ссылки, хотела недавно обновить (ФФ на работе переустанавливала) - а фигушки((

2014-09-10 в 08:14 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
dpleshakov, у меня там какое-то окошко есть, куда вставлять ссылки, если вставить ссылку на конкретную страницу, то кнопки появятся и на панели кнопок внизу, в области добавления комментария. А так при создании нового поста появляются, супер!
Спасибо вам)

2014-09-10 в 09:27 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
dpleshakov, расширение для Хрома!:ura: Спасибо!!! *побежал устанавливать*

2014-09-10 в 13:15 

beside
Гавайи двигаются в сторону Японии со скоростью десять сантиметров в год
Дейдара Роджерс, спасибо!)) Установила кнопку Картинка с другого ресурса в превью (MORE)

2014-09-10 в 13:17 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
beside, пожалуйста!)

2014-09-12 в 00:53 

dpleshakov
Все еще раз привет.

Блог закрыт, но он бы и не помог: раньше скрипты лежали на userscripts.org, но сайт перестал существовать. Поэтому я перенес все имеющиеся скрипты на GitHub: github.com/dpleshakov/diary.ru-scripts
Для установки нужно нажать на нужный файл, а потом на кнопку 'Raw'. Расширение предложит установить скрипт.

Инструкции и пр. я постараюсь написать в ближайшее время. Как и что делать в Greasemonkey для редактирования скрипта.

2014-09-14 в 21:06 

Таши
Всему своё тайми-вайми (с)
dpleshakov, спасибо :inlove:

2014-09-27 в 20:27 

Bernadett-e
В море соли и так до чёрта, морю не надо слёз.
Это очень удобный и крутой сервис. Потому что в кнопку можно встроить не только фразу или тег, но даже куски кода. Большие куски, на несколько тыщ знаков.

Это лайфхак тем, кто будет верстать на конкурах типа ФБ и ЗФБ. ;)

2014-09-27 в 23:48 

Таши
Всему своё тайми-вайми (с)
Беатрикс, да-да)

2014-10-09 в 23:35 

Bernadett-e
В море соли и так до чёрта, морю не надо слёз.
2015-12-04 в 04:53 

Велс
Коты это ценнейший ресурс. Они уют вырабатывают
очень нужная вещь, спасибо) :ura:

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@Дневники: секреты, тонкости и хитрости

главная