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

[Diaryalive]

Проходим: Настройки - Настройка сайта - Настраиваемые кнопки.
Инструкция по настройке кнопок здесь
В разделе Настраиваемые кнопки есть малозаметная ссылка на Библиотеку кнопок.
В Библиотеке кнопок находятся такие полезные кнопки, как Обтекание картинки текстом, таблица, красный цвет шрифта.

Кнопке можно задать практически любое значение и накодировать много чего прекрасного и упрощающего жизнь при оформлении постов.
При перерыве в оплате кнопки исчезают, но возвращаются в полном порядке после оплаты.

Значения цветов можно взять здесь.

Если вы в предыдущем треде поделились кодом, но я забыла вас указать, сообщайте!

Сноски

Название: Текст в сноске
Значение:

<span title="ТЕКСТ ПРИМЕЧАНИЯ" style="border-bottom: 1px dashed black; padding-bottom: 1.8 cursor: help;">СЛОВО</span>*

Название: Сноска с картинкой
Значение:

<div style="display: inline;" class="withfloat"><font color="#A52A2A">СЛОВО</font><div class="flwin" style="margin-bottom: -200margin-right: 0px"><img src="АДРЕС КАРТИНКИ" width="50%;"></div></div>

Название: Сноска с картинкой и текстом
Значение:

<span class="withfloat" style="display:inline"><span style="color:#A52A2A; ">СЛОВО</span><div class="flwin" style="margin: 10px 0"><div style="padding-right: 15 padding-left: 15 padding-bottom: 5 color: #000000; font-size:14 line-height:20 padding-top: 5 background-color: #FFFFFF"><div align="center"> <img src="АДРЕС КАРТИНКИ" width="50%;"> 
КОММЕНТАРИЙ</div></div></div></span>

Подстройка изображений под ширину основного поля на любых дневниках– от Чиф:
Кнопку можно настроить следующим образом:

вставив в значении

<img style="max-width:ПРОЦЕНТ%;" src="АДРЕС" alt="НАЗВАНИЕ">

таким образом при необходимости вы легко нажмете на эту кнопку в процессе написания поста, добавите адрес нужной картинки в кавычки после src= и (опционально) название картинки в кавычки после alt= (оно будет отображаться в посте, если картинка не загрузится, что оч важно, если ваша картинка — не просто картинка, а еще и тег more).

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

От Леди*Ночь:
для изменения размера текста:
вот такое надо прописать в значении кода кнопки, вместо 25 можно поставить нужный вам размер. Написав текст, нужно выделить его и нажать на кнопку, чтобы все заработало.))

<span style="font-size:25px">[maRk]</span>[cuRs]

для изменения цвета текста:
у меня задан фиолетовый, но вы можете подставить любое другое значение цвета

<font color="BlueViolet">[maRk]</font>[cuRs]

Для обтекания картинки текстом справа:
можно посадить на кнопку и коды посложнее, например, картинка, обтекаемая текстом справа. При использовании нужно просто вставить ссылку на ваше изображение между кавычек в строке с кодом.

<img src="[maRk]" style="margin: 0pt 8px 0pt 0pt; float: left;" vspace="2" hspace="4" />[cuRs]

От lady snark:
Рамка для картинки
Я еще сделала там сверху отступ: если ставить несколько картинок одну за другой без пустой строки - между ними будет небольшой зазор (в половину строки). Но если вам это не нужно, просто замените в коде 5 на 0.

Иконка:

http://static.diary.ru/userdir/3/1/3/6/3136550/85341101.gif

Код:

<img src="http://[maRk]" style="border:1px solid black; margin-top:5 margin-bottom:0" alt="image">[cuRs]

Цитата
Я специально сделала без курсива: не люблю большие тексты курсивом, да и в тексте может быть свое форматирование - чтоб не сбивалось. Если любите цитаты курсивом, можно просто вставить в начале и в конце

<i> ...</i>

Иконка:

http://static.diary.ru/userdir/3/1/3/6/3136550/85343821.gif

Код:

<div align=left style="margin-top:10 margin-left:20 margin-bottom:10 padding: 6 border-style:solid; border-width:1 opacity:.7;">[maRk]</div>

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

http://static.diary.ru/userdir/3/1/3/6/3136550/85341099.gif

Код:

<div align="left">[cuRs][maRk]</div>

Линк
Иконка (с лошадью))

http://static.diary.ru/userdir/3/1/3/6/3136550/85343240.gif

Код:

<a href="[cuRs]">[maRk]</a>

Отступ
Иконка:

http://static.diary.ru/userdir/3/1/3/6/3136550/85343089.gif

Код:

<span style="padding-left:25">[cuRs][maRk]</span>

Еще есть такой отступ, что весь абзац сдвигается, а не только первая строка. Но я этот код на память знаю, так что не стала делать кнопку. Вот так делается:

<ul> ... </ul>

Автор
Я обычно таким образом приделываю линк на источники: (c). Можно и знак копирайта поставить, но там неочевидно что кликабельно - а в таком варианте можно догадаться )).
Иконка:

http://static.diary.ru/userdir/3/1/3/6/3136550/85341133.gif

Код:

(<a href="http://[maRk]" alt="author" target=_blank>c</a>)[cuRs]

Оформление цитаты:

<span style="font: italic 14px Verdana; display: block; margin: 0 padding: 7 border-top: 1px solid BlueViolet; border-right: 1px solid BlueViolet; border-bottom: 1px solid BlueViolet; border-left: 5px solid BlueViolet"></span>

От mr_death:
Подсказка
Есть такой вариант подсказки

<span title="подсказка" style="border-bottom: 1px dashed grey; padding-bottom: 0.8 cursor: help">текст</span>

Код вставки музыки:

<i>@музыка:</i> <object data= http://whiteheadman.narod.ru/webplayer-en/webplayer.swf type="application/x-shockwave-flash" width="240" height="64">
<param name="movie" value= http://whiteheadman.narod.ru/webplayer-en/webplayer.swf>
<param name="menu" value="false"> 
<param name="scale" value="noscale">
<param name="flashvars" value="src=[maRk]&autostart=no"></object>[cuRs]

Выделяешь прямую ссылку на музыку в теле поста и жмешь на кнопку. Я ее делал для контакта, но для этого нужно извлечь ссылку с помощью приложений для скачивания музыки.

@музыка:

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

От Bacca.:
Кнопка, позволяющая менять размер картинки в превью:
Без марков и курсоров, просто код. Там же на странице настройки кнопок их можно скопировать и добавить.

<a href="ссылка на картинку" target=_blank><img src="ссылка на картинку" width="сколько надо"></a> 

Это код картинки, которая в оригинале на стороннем хостинге.

От  Ver/o/nika:

галочка и крестик

<img src="http://static.diary.ru/userdir/4/3/0/1/430184/84725119.png">
 [cuRs] 

<img src="http://static.diary.ru/userdir/4/3/0/1/430184/82739746.png"> [cuRs]