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

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

10:00

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

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

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

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

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

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

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

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

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

* * *

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

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

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

URL

http://obzor.info/news/technology/2...161_1016029697/ ... Вэсна прышоль - лубит приньос! Всем девушкам гарнизо... Сегодня у меня абсолютно пустая голова и в ней, что удиви...

Вычитала сегодня: Называться будет "Lyrics of love&... Вот это действительно сделано с умом! http://develop... МЮHХГАУЗЕH ВСЕ ВРЕТ!

Комментарии

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 Последняя


Запомнить

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

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