10:00 

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

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


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


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


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


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


Вставка кликабельной картинки вместо строчки "Читать дальше" в MORE

Обозначение: я использовал вот эту картинку

Значение:


Картинка с другого ресурса в превью (MORE)

Обозначение: я использовал вот эту картинку

Значение:


* * *

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

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

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

Комментарии
2012-11-06 в 00:03 

Ay_16r
Поймать и откмофортить. Насильно.
Вот спасибо за мануал!
И правда удобно, ато вручную замучилась уже...

2012-11-06 в 00:19 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Ay_16r, рад, что пригодилось)
Сам мучился, аж завел черновик с готовыми кодами. Потом как-то лазал по настройкам - дай, думаю, погляжу, что за ссылка) А там - ыыы, то, что мне было нужно! Настроил немедля и не парюсь теперь)

2012-11-06 в 00:37 

Galla-Mer
В жизни всегда есть место подвигу. Главное — держаться от этого места подальше.
Дейдара-семпай), спасибо за подсказку! Взяла кнопку превью картинки с др. ресурса.

2012-11-06 в 00:51 

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

2012-11-06 в 01:01 

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

2012-11-06 в 01:08 

Хэльги
"Семья заменяет всё. Поэтому, прежде чем её завести, стоит подумать, что тебе важнее:всё или семья." Фаина Раневская
И от меня спасибо!

2012-11-06 в 01:13 

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

2012-11-06 в 02:43 

Vezuvian
И всё-таки творческий пёр прекрасен!
Допустим, для такой же обработки кода, как на первой кнопке, достаточно нажать на «», зажав контрол...

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

2012-11-06 в 04:05 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Vezuvian, ак же в эту форму можно забить сразу форму для заполнения шапки фика. =)
Совершенно верно - я вот думаю, от чего отказаться в пользу этой полезной функции))

2012-11-06 в 07:26 

dpleshakov
Код моей кнопки для цитирования.



“Пример”

© работы

2012-11-06 в 12:40 

Золотая Хатор
Чем больше я узнаю людей, тем больше люблю собак ©
Супер! Благодарности нет предела!

2012-11-06 в 13:38 

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

2012-11-29 в 00:19 

jollymuse
weirdo
Спасибо )))

2012-11-29 в 23:22 

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

2014-09-09 в 10:40 

Darta
Классно, очень полезный пост! Я-то почему-то думала, что этим кнопки только за деньги...

2014-09-09 в 10:51 

Kakou ECTb
After silence that which comes nearest to expressing the inexpressible is music.
Тоже есть одна кнопка, которой постоянно пользуюсь :) Центрирование картинки + чёрная рамка.



Получается такое, к примеру :


2014-09-09 в 11:25 

a-s-k-a
Вот если бы по клику на настраиваемой кнопке в новой вкладке открывалась заданная ссылка - вот это было бы удобно! Потому что смайликов не хватает, я завела себе (в эпиграфе моего дневника) коллекцию тех, которых нет среди дайровских, часто туда лазаю - но приходится проматывать страницу, чтобы нажать на ссылку. А тут бы по одному клику...

2014-09-09 в 11:28 

quirischa
администратор
(с капибарой на аватарке)
a-s-k-a, я завела себе (в эпиграфе моего дневника) коллекцию тех, которых нет среди дайровских, часто туда лазаю

Но вы же можете создать кнопку, которая будет вставлять все такие смайлики, а потом просто удалите из вставленных ненужные и оставите нужные =]

2014-09-09 в 11:39 

a-s-k-a
quirischa, не поняла :) (У меня в эпиграфе сотни смайликов, понасобирала из разных мест. Они там по темам рассортированы, как и дайровские смайлы, каждая тема под тегом more. Можно, конечно, добавить себе на три бесплатные настраиваемые кнопки лишних три смайлика, но ведь это капля в море, я разные использую из своей коллекции.)

2014-09-09 в 11:41 

quirischa
администратор
(с капибарой на аватарке)
a-s-k-a, добавить себе на три бесплатные настраиваемые кнопки лишних три смайлика

Почему три? Почему только один смайлик на кнопку? Можно добавить на каждую кнопку по 10, по 20 смайликов, например, и при отправке комментария просто лишние смайлики удалить.

изображение

2014-09-09 в 11:46 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Про смайлы: я уже думал на эту тему)
Загрузите их к себе в БИ или на любой удобный вам хостинг, потом создайте кнопочку, которая бы их все вставляла сразу ссылкой на картинку с заполненным альтом - это чтоб вам самим потом ориентироваться, какой оставить, какие убрать)
Вроде этого:

Не слишком изящное решение, конечно, но все же поудобнее, чем лазать копировать ссылки)

2014-09-09 в 11:48 

a-s-k-a
quirischa, это неудобно. Когда я эти смайлы вставляю, это же идет как вставка картинки со внешнего сайта. И ссылки на эти картинки там соответствующие, по урлу невозможно понять, что изображено на картинке. Так что лучше открыть страницу, ткнуть правой кнопкой на нужный смайл, "Копировать ссылку на изображение", потом вернуться к редактированию комментария, там Ctrl+вставка картинки и вставить урл картинки. В общем, меня все устраивает, только неудобно каждый раз проматывать страницу до ссылки "Мой дневник". Если б можно было по одному клику открыть ссылку на эпиграф моего дневника и раскрыть там тег more, это было бы удобнее.

2014-09-09 в 11:55 

quirischa
администратор
(с капибарой на аватарке)
a-s-k-a, ¯\_(ツ)_/¯

2014-09-09 в 11:55 

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
a-s-k-a, Если б можно было по одному клику открыть ссылку на эпиграф моего дневника и раскрыть там тег more, это было бы удобнее.
Такую кнопку можно создать! Только все каты будут открыты сразу)

2014-09-09 в 12:19 

EStetKA
чем больше ответов, тем больше вопросов.
Спасибо большое)))) Отличный пост.

2014-09-09 в 12:29 

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

2014-09-09 в 12:59 

Kaisla
Когда-то я была Cara2003
Спасибо! Ценный пост!

2014-09-09 в 13:01 

свята
Всем, обсуждающим мои недостатки, я с улыбкой говорю: «Расслабьтесь! Меня и такую любят!»
Спасибо! Очень пригодилось.

2014-09-09 в 13:02 

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

И картиночку милую специально сделала -

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:

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

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

главная