Настраиваемые кнопки: лайки и украшательства

[Luchiana]

По просьбам страждущих.
Проходим: Настройки - Настройка сайта - Настраиваемые кнопки.
Инструкция по настройке кнопок здесь
Готовые кнопки от администрации здесь
В разделе настраиваемые кнопки есть малозаметная ссылка на библиотеку кнопок

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

Список кнопок:
1) Сарказм
Обозначение:

http://static.diary.ru/userdir/6/5/4/6/654656/85337524.gif

Значение:

[IMG]http://static.diary.ru/userdir/6/5/4/6/654656/85337524.gif[/IMG]

2) Лайка. Спонсор лайки - Hokori.
Иконка:

http://static.diary.ru/userdir/1/1/2/3/112371/85333510.gif

Значение:

<img src="http://static.diary.ru/userdir/1/1/2/3/112371/85333510.gif">

3) Собака (спиной). Идея - Black Queen, спонсор картинки - HarukaTenoh
Иконка:

http://static.diary.ru/images/2007/dog_back.gif

Значение:

<img src="http://static.diary.ru/images/2007/dog_back.gif">

4) What did I miss?
Иконка:

http://static.diary.ru/userdir/4/3/0/1/430184/85203367.gif

Значение:

<img src="http://static.diary.ru/userdir/4/3/0/1/430184/85203367.gif">

5) Собаки
Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338323.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338325.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338328.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338331.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338326.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338329.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338332.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338330.gif">

Еще больше кнопочек:

Волшебная кнопочка, которая подстраивает ширину картинки под ширину окна!

Волшебная кнопочка, которая подстраивает ширину картинки под ширину окна!
Иконка: (что хотите)
Значение:

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

Вместо АДРЕС подставить url картинки.
НАЗВАНИЕ - собсна, как картинку назовёте.

Полку смайликов прибыло

Полку смайликов прибыло:
Иконка:

http://static.diary.ru/userdir/1/7/9/7/1797613/83855947.gif

Значение:

<img src="http://static.diary.ru/userdir/1/7/9/7/1797613/83855947.gif">

Иконка:

http://static.diary.ru/userdir/1/7/9/7/1797613/82746164.gif

Значение:

<img src="http://static.diary.ru/userdir/1/7/9/7/1797613/82746164.gif">

Иконка:

http://static.diary.ru/userdir/1/7/9/7/1797613/79185932.gif

Значение:

<img src="http://static.diary.ru/userdir/1/7/9/7/1797613/79185932.gif">

Море прелестных собачек!

Море прелестных собачек!
Иконка:

http://s.rimg.info/1b2bc3f3ce0cac8a5af730172ffc9aeb.gif

Значение:

<img src="http://s.rimg.info/1b2bc3f3ce0cac8a5af730172ffc9aeb.gif">

Иконка:

http://s.rimg.info/c7d49e6fb8ddd1041e6ad35f1dac96b6.gif

Значение:

<img src="http://s.rimg.info/c7d49e6fb8ddd1041e6ad35f1dac96b6.gif">

Иконка:

http://s.rimg.info/c65ee689637eb42b3e80268a2a4e2b76.gif

Значение:

<img src="http://s.rimg.info/c65ee689637eb42b3e80268a2a4e2b76.gif">

Иконка:

http://s.rimg.info/b52716187cd2bece72fd6087c7389960.gif

Значение:

<img src="http://s.rimg.info/b52716187cd2bece72fd6087c7389960.gif">

Иконка:

http://s.rimg.info/caa7241cbae3d23eecfc94a3f470ea8f.gif

Значение:

<img src="http://s.rimg.info/caa7241cbae3d23eecfc94a3f470ea8f.gif">

Иконка:

http://s.rimg.info/00c63e0e5b11bdc7cf1a6e21cb9447c4.gif

Значение:

<img src="http://s.rimg.info/00c63e0e5b11bdc7cf1a6e21cb9447c4.gif">

Иконка:

http://s20.rimg.info/0e87fceabfbc783815b8bccfcd53585b.gif

Значение:

<img src="http://s20.rimg.info/0e87fceabfbc783815b8bccfcd53585b.gif">

Иконка:

http://s.rimg.info/beb00177bcd5a2d90d2a0c82832401c8.gif

Значение:

<img src="http://s.rimg.info/beb00177bcd5a2d90d2a0c82832401c8.gif">

Иконка:

http://s.rimg.info/c54391eebf7083ff44f25407bc179f46.gif

Значение:

<img src="http://s.rimg.info/c54391eebf7083ff44f25407bc179f46.gif">

Иконка:

http://s.rimg.info/5106e26607bbad87ca21de55e3d15bde.gif

Значение:

<img src="http://s.rimg.info/5106e26607bbad87ca21de55e3d15bde.gif">

Иконка:

http://www.animatedimages.org/data/media/202/animated-dog-image-0926.gif

Значение:

<img src="http://www.animatedimages.org/data/media/202/animated-dog-image-0926.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338938.gif">

Иконка:

http://s18.rimg.info/2aceadd0ad524e79ac687f3698becef1.gif

Значение:

<img src="http://s18.rimg.info/2aceadd0ad524e79ac687f3698becef1.gif">

Название: Хатико
Иконка:

http://www.animatedimages.org/data/media/202/animated-dog-image-0482.gif

Значение:

<img src="http://www.animatedimages.org/data/media/202/animated-dog-image-0482.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338955.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338952.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85338965.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85339017.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85339014.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85339013.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85339148.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85339945.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85339953.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85339964.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340000.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340003.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340004.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340006.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340053.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340054.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340056.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340058.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340043.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340046.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340048.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340050.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340105.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340106.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85340104.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85341260.gif">

Иконка:

http://snarkk.narod.ru/smiles/laiki/laik_white_left_40_red_heart_chest.gif

Значение:

<img src="http://snarkk.narod.ru/smiles/laiki/laik_white_left_40_red_heart_chest.gif">

Иконка:

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

Значение:

<img src="http://static.diary.ru/userdir/3/1/3/6/3136550/85341262.gif">

Лайколапка

Название: Лайколапка
Иконка:

http://static.diary.ru/userdir/3/3/9/1/3391510/85342154.png

Значение:

<img src="http://static.diary.ru/userdir/3/3/9/1/3391510/85342154.png">

А этот пушной зверёк настигнет вас, когда вы всё просохатили...

А этот пушной зверёк настигнет вас, когда вы всё просохатили...
Иконка:

http://s20.rimg.info/442d9795a519dcf4c614f666caf65e9c.gif

Значение:

<img src="http://s20.rimg.info/442d9795a519dcf4c614f666caf65e9c.gif">

СНОСКИ

Больше полезных кнопочек! Теперь и сноски:-)

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

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

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

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

Спонсоры кнопочек Чиф, _.Shurale._, Bacca., СанДжанна, lady snark, Ver/o/nika, Хэльги и jihiri_kuro

Картинки, которые можно использовать для создания кнопок с животными: раз и два

Также имеется отдельный пост с кнопками-лапками; а в комментариях юзеры делятся полезными кодами для кнопок и оформления текста

запись создана: 08.11.2017 в 13:57

Comments

[Хэльги]

Мне кажется, вот собак, похожий на акиту (Хатико), который выглядит вразмерно дайри-смайлам.

[lady snark]

Хэльги, да, он отличный!

Я еще попыталась приделывать сердца к собачкам, чтоб было без всяких подписей ясно, что это именно лайк, а ни что иное. Но задолбалась... Фотошопом я пользоваться не умею, но есть онлайн редактор, где кой-какие опции для анимированных гифок:
online-image-editor.com/

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

   

[lady snark]

еще вариант

[lady snark]

Вот еще редактор: ezgif.com
Ни в том, ни в другом я не нашла, как увеличить поле изображения (canvas), оставив размер самого зверька без изменений. Мне кажется, если поле немного увеличить, будет куда всобачить надпись. А пока - так...



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

[Luchiana]

lady snark, к чёрту самокритику, мне всё нравится!

[lady snark]

Luchiana, а мне нет! Теперь надо затащить сюда нормальных художников и эта... воодушевить.... чтоб то же самое, но по-человечески!

[_.Schurale._]

lady snark, Спасибо! 8))

Вот пишу "спасибо вам", а сам орал тут уже сколько дней, что надо на ты, чтобы атмосфера была не рабочей 8))

[lady snark]

_.Shurale._, я не против ))

[_.Schurale._]

lady snark, Рад 8))

[lady snark]

[Black Queen]

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

[Ver/o/nika]

Black Queen, оплачиваете платные сервисы и устанавливаете в кнопки хоть тыщу лаек

[Black Queen]

Ver/o/nika, ну я это на тот случай, если лайки все-таки введут, так сказать, официально))

[_.Schurale._]

Подключил кнопок. Теперь буду собирать лаек 8)

[*Bacca*]

а мне самая первая больше всех нравится. Надо попробовать ее уменьшить и сердечко присобачить.

[lady snark]

Bacca., моих способностей по уменьшению не хватает. Я ее пыталась уменьшать, тогда линии лапок делаются плохо различимые, и в целом лайка выходит некрасивая. Тут нужен человек, хорошо владеющий фотошопом. Чтоб не только уменьшить, но сперва сделать линии более яркими, в общем как следует обработать. А я чота никак его освоить не могу (вернее, мне это не то чтоб позарез надо, для подобных мелких хотелок хватает всяких костылей).

[lady snark]

О! Зато в этом лайке достаточно места для текста! Вот пожалуй этот вариант даже мне самой нравится ))



А вот с сердечком:

[Ver/o/nika]

и сердечко под хвостом

[lady snark]

Еще вариант:

[_.Schurale._]

lady snark, Так, этот лучше на кнопочку. Сейчас пересадим 8) Спасибо!

[Ver/o/nika]

[Ver/o/nika]

_.Shurale._, я все видела!

[_.Schurale._]

Ver/o/nika, Палево! Криво вставил 8) и снова криво 8)

[lady snark]

и сердечко под хвостом

Идею, " чтоу лайки под хвостом" мы прикопаем для дислайка!

Палево! Криво вставил 8) и снова криво 8)

Ой! А чего - показывают лайку с подхвостным сердцем? А мне не видно!!!! ПОКАЖЫТЕ!

А пока - эксперименты с уменьшением:

        

Щас еще попробую статичные варианты сделать. А то меня это виляние тоже уже раздражать начинает

[Ver/o/nika]

lady snark, а можно и с красненькой подписью и с сердечком?

[_.Schurale._]

вышло! 8)

[lady snark]

Ver/o/nika, вам именно с красной хочется? Я делала OrangeRed. Но если и то и другое, то конечно лучше с красной, под цвет сердца ). Ща сделаю, только
сперва посмотрите вот эти варианты, плиз - может лучше с ними сделать?

1) Вдвое замедлена скорость виляния:



2) Статично:

[Ver/o/nika]

lady snark, не, мне не нравится медленное виляние, я быстрое хочу))))))

[lady snark]

Вопщем, вот все три варианта: быстрый, медленный, и статичный!



Фсё, я одурела уже от этих лаек!

[Ver/o/nika]

lady snark,