Пошаговая установка и эксплуатация:

1. Загрузка контента:
- Для того, чтобы грузануть скрипты на форум, нам понадобится сохранить предоставленный ниже документ цсс.
  • жмякаем на ссылку
  • клацаем правой кнопкой мышки на свободном месте
  • сохраняем на компьютер.
  • грузим имеющийся у вас на компьютере скрипт в Фаилы форума.
- Мы добавили скрипт в память форума. Но что же делать? Как заставить его работать? Все просто, нужно поместить его в минискрипт Прогрузки контента, который я предоставлю ниже.
html-верх

Код:
<!-------Смайлы------->
<script> //СКРИПТ ПОДГРУЗКИ CMАЙЛО-КОНТЕНТА Ч1 в HTML верх//
//Тут в кавычках Ссылка на файл  подгружаемого контента//
var  Link='ССЫЛКУ ВСТАВЛЯТЬ СЮДА';
function getXmlHttp(){var xmlhttp;try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")}catch(e){try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")}catch(E){xmlhttp=false}}if(!xmlhttp&&typeof XMLHttpRequest!='undefined'){xmlhttp=new XMLHttpRequest()}return xmlhttp}
var SmileHTml='';function tstSmileLoad_2(){if(SmileHTml!=''&&!($("#Smile_smil_box").length)){
var Lft='</';$("#html-footer").prepend('<script>document.write(SmileHTml)'+Lft+'script>')}};
var xmlhttp=getXmlHttp();
function SmileLoad_0(){
xmlhttp.open('GET',Link,true);xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4){if(xmlhttp.status==200){SmileHTml='<div id="Smile_smil_box"></div>'+xmlhttp.responseText;if($("#html-footer").length){$("#html-footer").prepend(SmileHTml)}}}};xmlhttp.send(null);}
if($("#pun-messages").length||$("#pun-viewtopic").length||$("#pun-post").length||$("#pun-edit").length||$("#pun-poll").length){SmileLoad_0()}
</script>
<!-------Смайлы------->

html-низ

Код:
<!-------Смайлы------->
<!-- //ПОДГРУЗКА КОНТЕНТА CМАЙЛОВ Ч2,HTML низ/ -->
<script>tstSmileLoad_2()</script>
<!-------Смайлы------->

- Чтобы поместить наш документ в скрипт, необходимо открыть его. Для этого необходимо просто жмакнуть на нем в файлах форума. Документ должен открыться в новой вкладке. Ссылку нужно скопировать и поместить в скрипт в html-верх, где помечено:

var  Link='ССЫЛКУ ВСТАВЛЯТЬ СЮДА';

- После этого сохраняем и смело пользуемся смайликами. ;з
В общем то и готово.

Оформление:
Оформление скрипта спрятано в файле цсс. Чтобы сменить оформление, нам нужно:
- открыть скрипт нотпадом, он удобнее обычного текстовика, но можно и в текстовике.
- сменить оформление в верхней части скрипта, а именно в:

<style>
.smile_Cnt{border:#060606 1px solid;padding:4px;float:left!important;width:100%;display:none;height:100%!important;overflow:auto;
background:url(--);color:transparent;margin:0;opacity:1!important;background-color:#faf8f4;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;

    box-shadow: 0px 5px 10px #060606;
    -webkit-box-shadow: 0px 5px 10px #060606;
    -khtml-box-shadow: 0px 5px 10px #060606;
    -moz-box-shadow: 0px 5px 10px #060606;
}
#KnopK_Sml td.Active.but_smL{color:#000000;background:url(--) top center no-repeat; none;background-color:#c1b9a9;border:3px #e2d3b5 solid;}

</style>
<style>
#KnopK_Sml td.but_smL{border-top-color:transparent;color:#000000;background:url(--) top center no-repeat;border-bottom: ridge;cursor:pointer;background-color:#faf8f4;border:3px #e2d3b5 solid;}
/*.punbb .main #KnopK_Sml{position:relative;padding:right:15px;}*/
#KnopK_Sml{margin-right:6px;margin-bottom:-3px;position:relative;z-index:120;border-collapse:collapse!important;height:27px;padding:0!important;/*float:center;*/width:98%;color:transparent;
border-color:transparent!important;}
#KnopK_Sml td{border-color:transparent;text-align:center;padding:0;height:23px!important;border-top-right-radius:8px!important;}
#KnopK_Sml td.td0{border-color:transparent;}
.smile_Cnt[alt] img{
background-color:transparent;
border:1px transparent solid;
padding:2px;

max-height:65px;max-width:67px;min-height:23px!important;
   
    border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    -moz-border-radius:3px;

    box-shadow: 0px 2px 3px transparent;
    -webkit-box-shadow: 0px 2px 3px transparent;
    -khtml-box-shadow:  0px 2px 3px transparent;
    -moz-box-shadow:  0px 2px 3px transparent;/* 0px 2px 3px transparent;*/
}
</style>

Где стоят подобные (--) прочерки, можно поместить картинки. Все цвета можно изменить на свои, пиксельное и процентное соотношение тоже, но тут будьте внимательны, ибо если запилить значение больше, то может вылезти за рамки форума, ну или же потеряет пропорции и у вас будет кракозабро некрасивое.
В общем, если подумать, разобраться можно легко. Не глупенькие, я уверен, что поймете. ;3
- После этого сохраняем фаил. А тут СТОП. Внимательно выбирайте то, в каком формате вы сохраняете документ! Формат должен быть только CSS, в ином случае работать скрипт не будет.
- Потом вновь грузим обновленный документ в Файлы форума, при этом старый можно удалить, а ссылку в скрипте в html-верх заменить на новую.
Конец. ;3