Дополнительные наборы смайлов на отдельных вкладках

Страница: 1 2 3 »

Сообщений 1 страница 10 из 27

Поделиться107.04.2012 16:58:03

Автор: max, the murderer!
Советник форума
Уважение: +887
Достижения/подарки: 1 0

Дополнительные наборы смайлов в одном окне со стандартными
Добавляет в окно для смайлов дополнительные вкладки со своими картинками.

Автор: Romych

код и описание

в HTML в форме ответа:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Чтобы не допустить ошибок при составлении наборов смайлов, можете воспользоваться Генератором смайлов
в нём всё происходит наглядно:
1. вы видите точное количество смайлов в каждом наборе
2. вы видите не просто ссылки, а сами смайлы на которые эти ссылки ведут
3. вы можете свободно добавлять / удалять смайлы и вкладки
4. вкладки можете переименовывать прям в них же
5. вам не надо заботиться о кавычках, скобках и запятых, вы получаете готовый код
как пользоваться генератором
Как добавлять / удалять вкладки?

Как переименовывать вкладки?

Как добавлять / удалять поля для смайлов ?

Добавляем ссылки на смайл в поля

Как сортировать набор смайлов?

Как сортировать вкладки?

Дополнительные наборы смайлов в отдельном окне
Добавляет новое окно для смайлов с вкладками-наборами своих смайлов.
Смайлы грузятся из отдельного файла и не занимают место в Форме ответа.

Автор: Человек-Шаман

код и описание

Возможности:
1. Есть вкладка, где пользователь может сохранить собственные стикеры для личного пользования
2. Ссылки на стикеры хранятся в отдельном файле и не засоряют поля html в настройках
3. Можно легко и просто разделить стикеры на группы
4. Картинки смайлов грузятся только при вызове меню, а не вместе со страницей

в HTML в форме ответа:
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.
Вместо ССЫЛКА_НА_ФАЙЛ_СО_СТИКЕРАМИ должна стоять ссылка на файл формата txt в кодировке UTF8 with BOM (иначе название вкладок будет нечитаемо в кириллице).

Пример файла.
Если название не указать, но оставить пустую строку, получится следующая группа с названием Pack 3 (или какая она там будет по счёту).
Скрытый текст:
Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано Герда (20.07.2020 08:36:28)

Цитировать Сообщение 1

Поделиться207.04.2012 17:06:37

Автор: Deff
Советник форума
Уважение: +1814
Достижения/подарки: 2 1

Отредактировано Deff (07.04.2012 18:24:15)

Поделиться307.04.2012 17:42:16

Автор: max, the murderer!
Советник форума
Уважение: +887
Достижения/подарки: 1 0

Дефф, я видела, чуть попозже запосчу.

Цитировать Сообщение 3

Поделиться417.01.2014 01:56:17

Автор: Герда
Команда ForumD.ru
Уважение: +5745
Достижения/подарки: 7 7

Модификация скрипта от Romych "Дополнительный набор смайлов в одном окне со стандартными" (c) Deff

Узрел на практике на сколько долго подгружается страница с тучей смайлов (не менее десятков секунд)
1. Нет загрузки без клика на иконку смайлов
2. Упрощена вставка новых смайлов

В HTML низ

<style type="text/css">
/* вкладки доп смайлов */
#wrapper {width: 600px;}
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png") no-repeat scroll -652px 0 transparent;color: #444444;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;}
ul.tabs li a:hover {color:#EFEFEF;padding: 0 14px;background: url("http://uploads.ru/i/P/5/Q/P5Q2V.png")no-repeat scroll;background-position: -652px -31px; text-decoration:none;}
ul.tabs li.tab-current a {color: #444;padding: 0px 14px 2px;border:medium hidden;line-height: 22px;background-position: -652px -62px;}
ul.tabs li.tab-current a:hover {color: #6A5ACD;}
div.t2,div.t3 {display: none;width: 450px;}
</style>
<script language="javascript">
$(document).ready(function() {
if($('#smilies-block').length==0) return false;
$('#smilies-block').addClass('t1');
function abc(){/*==123==;
<div id="wrapper">
<ul class="tabs tabs1"><li class="t1 tab-current"><a>Первый набор</a></li><li class="t2"><a>Второй набор</a></li><li class="t3"><a>Третий набор</a></li></ul>
<div class="t2"><p></p></div><div class="t3"><p><br></p></div>
</div> ==123==;*/} abc = abc.toString().split('==123==;')[1];
$(abc).prependTo('#smilies-area');
function abc1(){

//Второй Блок Смайлов;
/*==123==;
http://i070.radikal.ru/1005/c7/0e77ae8a9874.gif
http://s59.radikal.ru/i166/1005/2f/5b1c0605032a.gif
http://i054.radikal.ru/1005/f6/13dcca4f279d.gif
http://s56.radikal.ru/i151/1005/a3/85c037c68925.gif
http://i072.radikal.ru/1005/6f/c90a718466a8.gif
http://i077.radikal.ru/1005/1d/a629f081ef7f.gif
http://s59.radikal.ru/i166/1005/5a/6bc6b02280ac.gif
http://i053.radikal.ru/1005/21/123a52ee0534.gif
http://s61.radikal.ru/i174/1005/29/606e8da4d6a3.gif
http://s59.radikal.ru/i166/1005/88/477afdf0dd76.gif
http://s52.radikal.ru/i136/1005/b2/aab2ba0a2bde.gif
http://s61.radikal.ru/i174/1005/94/78a759f0ae02.gif
http://i061.radikal.ru/1005/ba/3b89a947cb01.gif
http://s61.radikal.ru/i174/1005/4e/b5e2c635f00d.gif
http://i035.radikal.ru/1005/91/ed0ded51be72.gif
http://i073.radikal.ru/1005/fa/96e053ab7c23.gif
http://s53.radikal.ru/i140/1005/e9/0768f063410c.gif
http://s49.radikal.ru/i123/1005/fc/fd0d83f120c1.gif
http://s58.radikal.ru/i161/1005/3b/5e65a19efafb.gif
http://s09.radikal.ru/i182/1005/6e/44e8b1d40f2d.gif
http://i072.radikal.ru/1005/1f/61fabf24866d.gif
http://s40.radikal.ru/i087/1005/73/453c7686ee37.gif
http://i066.radikal.ru/1005/89/131741843d79.gif
==123==;*/} abc1 = abc1.toString().split('==123==;')[1];
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var tgEnd = '" onclick="smile('+bb+')" />';
function abc2(){

//Третий Блок Смайлов;
/*==123==;
http://yapro.ru/javascript/jquery.lebni … les/01.gif
http://yapro.ru/javascript/jquery.lebni … les/02.gif
http://yapro.ru/javascript/jquery.lebni … les/03.gif
http://yapro.ru/javascript/jquery.lebni … les/04.gif
http://yapro.ru/javascript/jquery.lebni … les/05.gif
http://yapro.ru/javascript/jquery.lebni … les/06.gif
http://yapro.ru/javascript/jquery.lebni … les/07.gif
http://yapro.ru/javascript/jquery.lebni … les/11.gif
http://yapro.ru/javascript/jquery.lebni … les/12.gif
http://yapro.ru/javascript/jquery.lebni … les/13.gif
http://yapro.ru/javascript/jquery.lebni … les/49.gif
http://yapro.ru/javascript/jquery.lebni … les/46.gif
http://yapro.ru/javascript/jquery.lebni … les/43.gif
http://yapro.ru/javascript/jquery.lebni … les/41.gif
http://yapro.ru/javascript/jquery.lebni … les/38.gif
http://yapro.ru/javascript/jquery.lebni … les/39.gif
http://yapro.ru/javascript/jquery.lebni … les/37.gif
http://yapro.ru/javascript/jquery.lebni … les/34.gif
http://yapro.ru/javascript/jquery.lebni … les/33.gif
http://yapro.ru/javascript/jquery.lebni … les/31.gif
http://yapro.ru/javascript/jquery.lebni … les/28.gif
http://yapro.ru/javascript/jquery.lebni … les/26.gif
http://yapro.ru/javascript/jquery.lebni … les/25.gif
http://yapro.ru/javascript/jquery.lebni … les/23.gif
http://yapro.ru/javascript/jquery.lebni … les/20.gif
http://yapro.ru/javascript/jquery.lebni … les/19.gif
http://yapro.ru/javascript/jquery.lebni … les/17.gif
http://yapro.ru/javascript/jquery.lebni … les/16.gif
http://yapro.ru/javascript/jquery.lebni … les/15.gif
http://yapro.ru/javascript/jquery.lebni … les/50.gif
http://yapro.ru/javascript/jquery.lebni … bandit.gif
http://yapro.ru/javascript/jquery.lebni … es/bug.gif
http://yapro.ru/javascript/jquery.lebni … /fubar.gif
http://yapro.ru/javascript/jquery.lebni … s/rock.gif
==123==;*/} abc2 = abc2.toString().split('==123==;')[1];
$('#button-smile').one('click',function(){
abc1=abc1.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
abc2=abc2.replace(/^(http:.*?)$/gim,'<img src="$1'+tgEnd);
$(abc1).prependTo('#smilies-area div.t2');
$(abc2).prependTo('#smilies-area div.t3');
});
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1, div.t2, div.t3').hide();
$('div.' + thisClass).fadeToggle('slow');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
return false;
}); });
</script>

Красные ссылки меняем на свои, если нужно

Модификация скрипта "Кнопка дополнительных смайлов в форме ответа" (с) Deff
1. Нет загрузки без клика на иконку смайлов
2. Упрощена вставка новых смайлов
3. Возможность вставки новых кнопок смайлов, дублированием кода, заменяя лишь ссылки;

В HTML в форме ответа

<script type="text/javascript">
(function (){
var fun = 'showhide'+(+new Date()%40000);
var b='<style>.custom-smilies img {cursor:pointer !important}</style>'
+'<div class="custom-smilies"><input type="Button" value="Дополнительные смайлы" onclick="return '+fun;
document.write(b+'(this)"><p style="display:none"></p></div>');
var bb = "\'["+'img'+"]\'+this.src+\'["+'/img'+"]\'";
var c = '" onclick="smile('+bb+')" />';
function ass(){/*==123==;

http://funportal.info/smiles/smile66.gif
http://s7.rimg.info/00d3b01c3604095f552 … af2e58.gif
http://s5.rimg.info/a871d0a789e1de16896 … 9d5d5d.gif
http://funportal.info/smiles/smile146.gif
http://s8.rimg.info/42e1a8deb81188c73bd … 4d32eb.gif
http://s9.rimg.info/a24fe349ad000250c34 … 09b9a6.gif
http://s8.rimg.info/d2d9c61661288a36064 … cc265b.gif
http://s9.rimg.info/ca92124f75f67cd09ab … f29dfe.gif
http://s9.rimg.info/45d296af09b36683bdb … 06e82e.gif
http://s.rimg.info/f904c4b040270ea61019c644838fb9cc.gif
http://s.rimg.info/76609ad7ca2d11817fa97bc5231b0965.gif
http://s9.rimg.info/1c0b68c3dc26c551710 … 6a88ff.gif
http://doodoo.ru/smiles/wo/s16.gif
http://doodoo.ru/smiles/wo/s17.gif
http://doodoo.ru/smiles/wo/s24.gif
http://doodoo.ru/smiles/wo/bubu.gif
http://doodoo.ru/smiles/wo/encore.gif
http://doodoo.ru/smiles/wo/expect.gif
http://doodoo.ru/smiles/wo/prayer.gif
http://s6.rimg.info/fc5cd1f26e4f0855d93 … 175498.gif
http://s8.rimg.info/626081c25f2ca2eccd7 … 0dcf53.gif
http://doodoo.ru/smiles/wo/s01.gif
http://doodoo.ru/smiles/wo/s22.gif
http://doodoo.ru/smiles/wo/s34.gif
http://doodoo.ru/smiles/wo/cook.gif
http://doodoo.ru/smiles/wo/crash.gif
http://doodoo.ru/smiles/wo/declare.gif
http://doodoo.ru/smiles/wo/locomotive.gif
http://doodoo.ru/smiles/wo/woodpecker.gif
http://doodoo.ru/smiles/smush/s005.gif
http://s4.rimg.info/f616d7008cdba4fc754 … 59759d.gif
http://s3.rimg.info/60e5b04866d90e6324f … 03e193.gif
http://s9.rimg.info/1503450350a79dce71a … 2aff3f.gif
http://img218.imageshack.us/img218/7699 … ticaa9.gif
http://i019.radikal.ru/0802/f3/d401bcb531b6.gif
http://s13.rimg.info/4301ffbd890f487874 … 495e92.gif

==123==;*/
} ass = ass.toString().split('==123==;')[1];
ass=ass.replace(/^(http:.*?)$/gim,'<img src="$1"'+c);
var load = false;
window[fun] = function (b){
p = b.parentNode.getElementsByTagName("p")[0]
if(!load){load = true;$(ass).appendTo(p);}
if(b.value=="Дополнительные смайлы"){
b.value="Скрыть смайлы"
p.style.display="block"}
else{
b.value="Дополнительные смайлы"
p.style.display="none"}
return false}}());
</script>

Красные ссылки меняем на свои, если нужно

Отредактировано Герда (17.01.2014 01:56:59)

Поделиться506.02.2014 15:41:00

Автор: Бармалей
Участник
Уважение: +11

Герда написал(а):

Модификация скрипта "Кнопка дополнительных смайлов в форме ответа" (с) Deff
1. Нет загрузки без клика на иконку смайлов
2. Упрощена вставка новых смайлов
3. Возможность вставки новых кнопок смайлов, дублированием кода, заменяя лишь ссылки;

Герда!
А вот к этому куску, что вставляется в форму ответа, что нужно ставить в HTML-верх и HTML-низ?

Цитировать Сообщение 5

Поделиться606.02.2014 15:55:47

Автор: Бармалей
Участник
Уважение: +11

И еще есть глюк!
Этот скрипт конфликтует со скриптом Контейнер с вкладками для информации Ccылка
Т.е. настройка вкладок в одном сбивает настройки в другом.

Цитировать Сообщение 6

Поделиться707.02.2014 15:12:35

Автор: Deff
Советник форума
Уважение: +1814
Достижения/подарки: 2 1

Бармалей написал(а):

И еще есть глюк!Этот скрипт конфликтует со скриптом Контейнер с вкладками для информации Ccылка Т.е. настройка вкладок в одном сбивает настройки в другом.

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

Отредактировано Deff (07.02.2014 15:13:29)

Поделиться807.02.2014 17:02:45

Автор: Бармалей
Участник
Уважение: +11

Вот ссылка на тестовый форум

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Пиар вход поставил

Цитировать Сообщение 8

Поделиться907.02.2014 17:40:25

Автор: Deff
Советник форума
Уважение: +1814
Достижения/подарки: 2 1

Бармалей
У Вас Глюк совсем в Ином месте, можете проверить и убрать скрипт смайлов!

Попробуйте переставить этот код из HTML верх

<script>
$(document).ready(function(){
var СhangSTR = "В фонде форума:"
var СhangSTR2= ""
var СhangSTR3="кредитов"

$("#pun-status span.item3 a").html(СhangSTR2)
$("#pun-status span.item3").html(СhangSTR+$("#pun-status span.item3").html().substring(15))
$("#pun-status span.item3").html($("#pun-status span.item3").html().replace("кредитов",СhangSTR3))
});
</script>

В Cамый конец HTML низ! (А В Принципе задайте Вопрос на оффсайте этого скрипта, ибо он портит
$(document).ready(function(){
Независимо, от того где он стоит!

Отредактировано Deff (07.02.2014 17:41:42)

Поделиться1007.02.2014 17:52:15

Автор: Бармалей
Участник
Уважение: +11

Я убрал с тестовика скрипт "Настройка оплаты кредитов."
Но проблема осталась
Кнопки на вкладках в объявлении обрезаются по правилам вкладок в дополнительных смайлах. Если доп. смайлы убрать, то кнопки смотрятся совсем по другому (см. Основной форум Ccылка ), где доп. смайлы пока не устанавливал.

Цитировать Сообщение 10

Ответить

Страница: 1 2 3 »

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»

Имя

ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."

ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Меню навигации

Пользовательские ссылки

Объявление

Загадочный Дом «Кузнечик»

Мийрон

Дизайн «Warlords of Draenor»

Светлый дизайн в фентези стиле с аниме-графикой

Поддержать проект

Информация о пользователе