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

вторник, 09 сентября 2014

10:00

все записи пользователя в сообществе Дейдара Роджерс

после нападения читаури Нью-Йорку срочно был нужен лермонтов (с)

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

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

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

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

<img src="[maRk]">[cuRs]

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

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

* * *

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

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

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

URL

Это я http://www.dirty.ru/users/777 Current music: ... http://www.livejournal.com/talkread...mp;itemid=20451 ... Захожу в ванную комнату, а там на стену повешена ловушка ...

Остался лишь один шаг до тышщи... Интересно, кто его сдел... так не хочется заниматься на работе тем чему тебя не учил... Стояла жара. Безжалостно палило солнце. Усталые люди та...

Комментарии

09.09.2014 в 13:05

Дейдара Роджерс

после нападения читаури Нью-Йорку срочно был нужен лермонтов (с)

Kaisla, свята, пожалуйста)

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

URL

09.09.2014 в 13:13

Тикисана

Внутри нас больше, чем снаружи.

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

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

URL

09.09.2014 в 13:26

Дейдара Роджерс

после нападения читаури Нью-Йорку срочно был нужен лермонтов (с)

Тикисана, держите)
Картинка слева, без отступов:

<img src="URL_картинки" style="float: left;">текст текст текст

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

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

<img src="URL_картинки" style="float: left; margin: 10px;">текст текст текст

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

<img src="URL_картинки" style="float: left; margin-right: 10px; margin-bottom: 10px;">текст текст текст

+ границы:

<img src="URL_картинки" style="float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ff0000;">текст текст текст

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

URL

09.09.2014 в 14:15

Тикисана

Внутри нас больше, чем снаружи.

Дейдара Роджерс, Большое-большущее спасибо! *-*

URL

09.09.2014 в 15:04

Таши

Всему своё тайми-вайми (с)

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

URL

09.09.2014 в 15:07

Uk@R

Quincy reseARCHER

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

URL

09.09.2014 в 15:07

Дейдара Роджерс

после нападения читаури Нью-Йорку срочно был нужен лермонтов (с)

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

URL

09.09.2014 в 15:10

Дейдара Роджерс

после нападения читаури Нью-Йорку срочно был нужен лермонтов (с)

Uk@R, а текст не получится ПОД картинкой? Впрочем, чего я спрашиваю, сейчас испытаем)
проверка

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

URL

09.09.2014 в 15:11

Таши

Всему своё тайми-вайми (с)

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

URL

09.09.2014 в 15:12

Дейдара Роджерс

после нападения читаури Нью-Йорку срочно был нужен лермонтов (с)

Таши, и не говорите) Я ж тоже не знал, пока не подсказали)

URL

09.09.2014 в 17:34

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

// ==UserScript==
// @name       diary additional buttons
// @namespace  diary_additional_buttons
// @author     dpleshakov
// @version    0.1
// @include    *://*diary.ru/?newpost*
// ==/UserScript==

var css='.AdditionalButton { display: block!important; float: left!important; height: 20px!important; line-height: 21px!important; background-color: #e1e5e0!important; cursor: default!important; color: black!important; font-weight: bolder!important; } .AdditionalButton:hover {background-color: #B6BDD2!important;}';
style=document.createElement('style');
if (style.styleSheet)
    style.styleSheet.cssText=css;
else 
    style.appendChild(document.createTextNode(css));
document.getElementsByTagName('head')[0].appendChild(style);

function AddButton(name, url) {
    var newAnchor = document.createElement('a');
    newAnchor.setAttribute('href', url);
    newAnchor.setAttribute('target', '_blank');
    newAnchor.setAttribute('class', 'AdditionalButton');
    newAnchor.setAttribute('style', 'margin: 2px!important; padding: 0px 5px!important; border: 1px solid black!important;');
	newAnchor.innerHTML = name;
    
    var buttonsDiv = document.getElementById("codebuttons");
	buttonsDiv.insertBefore(newAnchor, buttonsDiv.lastChild);
}

AddButton('Link', 'http://ya.ru')
AddButton('Link', 'http://ya.ru')

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

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

URL

09.09.2014 в 17:58

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

Google Chrome - Tampermonkey
Mozilla Firefox - Greasemonkey

URL

09.09.2014 в 19:15

Тайя.

Не говорите так быстро, я не успеваю класть х*р на ваши слова.

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

URL

09.09.2014 в 22:43

Тайя, которая душит романтиков,
Признаться - я не понял, что вы делаете

Кнопка всегда должна появляться только на странице создания нового поста.

URL

10.09.2014 в 01:36

Таши

Всему своё тайми-вайми (с)

dpleshakov, извините, а для Greasemonkey где искать, куда текст из кода вставлять? Я что-то не нахожу :shy:

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

URL

10.09.2014 в 08:14

Тайя.

Не говорите так быстро, я не успеваю класть х*р на ваши слова.

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

URL

10.09.2014 в 09:27

Дейдара Роджерс

после нападения читаури Нью-Йорку срочно был нужен лермонтов (с)

dpleshakov, расширение для Хрома! :ura:

Спасибо!!! *побежал устанавливать*

URL

10.09.2014 в 13:15

beside

Гавайи двигаются в сторону Японии со скоростью десять сантиметров в год

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

URL

10.09.2014 в 13:17

Дейдара Роджерс

после нападения читаури Нью-Йорку срочно был нужен лермонтов (с)

beside, пожалуйста!)

URL

12.09.2014 в 00:53

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

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

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

URL

14.09.2014 в 21:06

Таши

Всему своё тайми-вайми (с)

dpleshakov, спасибо :inlove:

URL

27.09.2014 в 20:27

Bernadett-e

В море соли и так до чёрта, морю не надо слёз.

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

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

URL

27.09.2014 в 23:48

Таши

Всему своё тайми-вайми (с)

Беатрикс, да-да)

URL

09.10.2014 в 23:35

Bernadett-e

В море соли и так до чёрта, морю не надо слёз.

Таши,

URL

04.12.2015 в 04:53

Велс

Коты это ценнейший ресурс. Они уют вырабатывают

очень нужная вещь, спасибо) :ura:

URL

20.02.2021 в 14:29

Книгоголик

Здравствуйте! Может, мне кто-нибудь сможет подсказать, как исправить такую проблему: настраиваемая кнопка в сообществе видна только с аккаунта владельца, остальные пользователи (даже модератор) эту кнопку не видят. У владельца кнопка работает, значит, сделана правильно.

URL

← Предыдущая 1 2 Последняя


Запомнить

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

@Секреты и хитрости