Инициировал идею своим Скриптом Romych (Спасибо Ему!
У него же бессовестно спер идею сворачивания Окна смайлов по клику на смайл /пасиб за поцказку
Попробовать можно здесь, -в самом низу, в поле ответа >http://hostjs-mybb2011.narod.ru/SmiliesBoxes.htm
и тут >http://hostjs-mybb2011.narod.ru/SmiliesBoxes2.htm
(*
Основная ориентация шла на простоту добавки пользователем собственного контента смайлов
Собственно в HTML верх идет вот такой контент
<link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/ScrollboxSmiliesTable.css" /> <script src="http://hostjs-mybb2011.narod.ru/js/SmiliesBox.js"></script> <style> /* Стиль для ScrollboxSmilies */ #smilies-area.container { width:476px!important; /* Ширина таблички */ padding:10px; } #Ekr,#Ekr td,#Ekr td div { height:250px!important; /* Высота Экрана таблицы */ } #Tab_01 { height:323px; /* Общая высота таблицы(К высоте #Ekr добавить 73px(паддинги и кнопки) */ } </style> <div id="FutureScrollboxSmilies" style="display:none"> <!--====== &&&\ START TABLEBox Smilies ======= --> <center><table id="Tab_01" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="100%" valign="bottom" colspan="8"> <table id="Tab_Ekr" align="left" width="100%" border="0" cellspacing="0" cellpadding=0"> <tbody> <tr id="Ekr"> <!--&&& BOXES Smilies --> </tr> </tbody> </table><!--&&&End EKR table--> </td> </tr> <tr id="prevnext" style="height:27px!important;"> <td id="prevtd" width="50%" height="23" valign="center" align="right" colspan="4"> </td> <td id="nexttd" width="50%" height="23" align="left" colspan=4> </td> </tr> </tbody> </table></center> <!-- ============== &&&"/End/TABLEBox/ =========== --> </div> <style>/* ========= Персональные Поправки для некоторых ОКОН ========= */ /* Развижка Смайлов в третьем Скролл-блоке */ #Ekr td.E3 div img{ line-height:0!important; margin: 8px 3px; padding:0 1px; } /* End -Стиль для CScrollboxSmilies */ </style>
в самое начало HTML низ (*или в HTML верх, сразу за предыдущим кодом..
Идёт Вот Это:
<script type="text/javascript"><!--&&ScrollboxSmilies Setting-->
var Nmax,N_max;
var L=1300 // время - развертывания
var datsplus=22SmileArr = new Array ();
SmileArr[1]=new Array(
"http://savepic.net/428106.gif", // Юзерский Блок смайлов 1
"http://savepic.net/426058.gif",
"http://savepic.net/433226.gif",
"http://savepic.net/419914.gif",
"http://savepic.net/420938.gif",
"http://savepic.net/424010.gif",
"http://savepic.net/422986.gif",
"http://savepic.net/416842.gif",
"http://savepic.net/402506.gif",
"http://savepic.net/396362.gif",
"http://savepic.net/453709.gif",
"http://savepic.net/451661.gif",
"http://savepic.net/454733.gif",
"http://savepic.net/455757.gif",
"http://savepic.net/445517.gif",
"http://savepic.net/448589.gif",
"http://savepic.net/446541.gif",
"http://savepic.net/437325.gif",
"http://savepic.net/440397.gif",
"http://savepic.net/428109.gif",
"http://savepic.net/426061.gif",
"http://savepic.net/432205.gif",
"http://savepic.net/430157.gif",
"http://savepic.net/419917.gif",
"http://savepic.net/427084.gif",
"http://savepic.net/432204.gif",
"http://savepic.net/430156.gif",
"http://savepic.net/431180.gif",
"http://savepic.net/420940.gif",
"http://savepic.net/417868.gif",
"http://savepic.net/424012.gif",
"http://savepic.net/425036.gif",
"http://savepic.net/421964.gif",
"http://savepic.net/412748.gif",
"http://savepic.net/409676.gif",
"http://savepic.net/410700.gif",
"http://savepic.net/416844.gif",
"http://savepic.net/414796.gif",
"http://savepic.net/404556.gif",
"http://savepic.net/402508.gif",
"http://savepic.net/407628.gif",
"http://savepic.net/408652.gif",
"http://savepic.net/406604.gif",
"http://savepic.net/393292.gif",
"http://savepic.net/399436.gif",
"http://savepic.net/397388.gif" //SmileArr[1]!!Последняя ссылка без Запятой!!!
)SmileArr[2]=new Array(
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/01.gif", // Юзерский Блок смайлов 2
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/02.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/03.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/04.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/05.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/06.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/07.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/11.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/12.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/13.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/49.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/46.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/43.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/41.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/38.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/39.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/37.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/34.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/33.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/31.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/28.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/26.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/25.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/23.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/20.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/19.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/17.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/16.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/15.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/50.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/bandit.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/bug.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/fubar.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/rock.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/smoke.gif",
"http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/swear.gif" //End SmileArr[2]!!Последняя ссылка без Запятой!!!
)//END
N_max=SmileArr.length;Nmax=N_max-1 //
</script><!--End ScrollboxSmilies -->
Очередной, добавляемый Экранный Блок Смайлов синим жирным - размножаем сколько влезет (контент ссылок ставим конечно свой) , - главное не забывать прописывать цифру(красным) в начале каждого блока смайлов
Ps: Cмайлы лучше заливать на собственный форум и ссылки всталять уже свои, родные > Как залить изображение на свой форум
Теги: смайлы, свои смайлы, deff, Romych, скрипты
Отредактировано Deff (2011-02-13 12:42:47)