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

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

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

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

Автор: Технический аккаунт
Участник
Уважение: +923

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

Автор: Romych

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подпись автора: Просьба не писать в ЛС, этот аккаунт исключительно для публикаций.

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

Автор: Deff
Советник форума
Наградные баллы: 35
Уважение: +2625
Достижения/подарки: 2 1

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

Подпись автора: Скрипт мгновенных уведомлений^new
(для замены от rusff), Платно! писать в Лс на РЕНО

Портфолио https://forumd.ru/viewtopic.php?id=6184

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

Автор: Технический аккаунт
Участник
Уважение: +923

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

Подпись автора: Просьба не писать в ЛС, этот аккаунт исключительно для публикаций.

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

Автор: Герда
Команда ForumD.ru
Наградные баллы: 397
Уважение: +5944
Достижения/подарки: 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.14 01:56)

Подпись автора

ForumD очень нужны подписчики в социальных сетях!

С увеличением числа подписчиков нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект, просто подпишись!

Портфолио http://zlober.ru/

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

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

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

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

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

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

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

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

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

Автор: Deff
Советник форума
Наградные баллы: 35
Уважение: +2625
Достижения/подарки: 2 1

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

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

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

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

Подпись автора: Скрипт мгновенных уведомлений^new
(для замены от rusff), Платно! писать в Лс на РЕНО

Портфолио https://forumd.ru/viewtopic.php?id=6184

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

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

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

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

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

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

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

Автор: Deff
Советник форума
Наградные баллы: 35
Уважение: +2625
Достижения/подарки: 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.14 17:41)

Подпись автора: Скрипт мгновенных уведомлений^new
(для замены от rusff), Платно! писать в Лс на РЕНО

Портфолио https://forumd.ru/viewtopic.php?id=6184

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

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

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

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

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

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

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

Объявление

Поисковой ресурс

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

Мийрон

FD Chat - Чат на вашем форуме

Макет для сайта «Fantasy Calalogue»

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

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