Тестовик

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Тестовик » Смайлики » Смайлики сбоку


Смайлики сбоку

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

1

Смайлики сбоку

Код:
<script type="text/javascript">
<!--
// Copyright 2009 SiteNull.ru
var forsm = document.getElementById("main-reply");
var smilies = new Array(
'http://sitenull.ru/images/smilies/ab.gif',
'http://sitenull.ru/images/smilies/ac.gif',
'http://sitenull.ru/images/smilies/ad.gif',
'http://sitenull.ru/images/smilies/ae.gif',
'http://sitenull.ru/images/smilies/af.gif',
'http://sitenull.ru/images/smilies/ag.gif',
'http://sitenull.ru/images/smilies/ah.gif',
'http://sitenull.ru/images/smilies/ai.gif',
'http://sitenull.ru/images/smilies/ak.gif',
'http://sitenull.ru/images/smilies/al.gif',
'http://sitenull.ru/images/smilies/au.gif',
'http://sitenull.ru/images/smilies/av.gif',
'http://sitenull.ru/images/smilies/ay.gif',
'http://sitenull.ru/images/smilies/az.gif',
'http://sitenull.ru/images/smilies/bc.gif',
'http://sitenull.ru/images/smilies/bf.gif',
'http://sitenull.ru/images/smilies/bi.gif',
'http://sitenull.ru/images/smilies/bj.gif',
'http://sitenull.ru/images/smilies/bk.gif',
'http://sitenull.ru/images/smilies/bl.gif',
'http://sitenull.ru/images/smilies/bn.gif',
'http://sitenull.ru/images/smilies/bp.gif',
'http://sitenull.ru/images/smilies/bq.gif',
'http://sitenull.ru/images/smilies/br.gif',
'http://sitenull.ru/images/smilies/bs.gif',
'http://sitenull.ru/images/smilies/bw.gif'
)
forsm.style.height='210px';
smcontainer = forsm.parentNode;
smcnt = smcontainer.innerHTML;
smcontainer.innerHTML = "<table><tr><td valign='top'>"+smcnt+"</td><td valign='top' width='170'><div id='smcontain' align='center' style='width: 170px; height: 210px; border: 1px solid #999999; float: right; overflow: auto;'>&nbsp;</div></td></tr></table>";
for(i=0;i<smilies.length;i++){
document.getElementById("smcontain").innerHTML +="<img src='"+smilies[i]+"' alt='Smilies' title='Smilies' onclick='ins(this);' style='cursor: pointer;'>&nbsp;&nbsp;"
};
function ins(img){
smile('[img]'+img.src+'[/img]');
}
//-->
</script>

Источник

Смайлики нерабочие, нужно добавлять свои ссылки на них.

0

2

ПРИМЕР с новогодними смайликами:

Код:
<script type="text/javascript">
<!--
// Copyright 2009 SiteNull.ru
var forsm = document.getElementById("main-reply");
var smilies = new Array(
'https://san2.ru/smiles/elka.gif',
'https://san2.ru/smiles/ded-moroz.gif',
'https://san2.ru/smiles/snow-maiden.gif',
'https://san2.ru/smiles/new-year-song.gif',
'https://upforme.ru/uploads/0000/14/1c/373452-1.gif',
'https://upforme.ru/uploads/0000/14/1c/356171-1.gif',
'https://forumstatic.ru/files/0013/1f/fe/53388.gif',
)
forsm.style.height='210px';
smcontainer = forsm.parentNode;
smcnt = smcontainer.innerHTML;
smcontainer.innerHTML = "<table><tr><td valign='top'>"+smcnt+"</td><td valign='top' width='105'><div id='smcontain' align='center' style='width: 105px; height: 210px; border: 1px solid #999999; float: right; overflow: auto;'>&nbsp;</div></td></tr></table>";
for(i=0;i<smilies.length;i++){
document.getElementById("smcontain").innerHTML +="<img src='"+smilies[i]+"' alt='Smilies' title='Smilies' onclick='ins(this);' style='cursor: pointer;'>&nbsp;&nbsp;"
};
function ins(img){
smile('[img]'+img.src+'[/img]');
}
//-->
</script>

0

3

ПРИМЕР поздравления с новогодними праздниками

Код:
<script type="text/javascript">
<!--
// Copyright 2009 SiteNull.ru
var forsm = document.getElementById("main-reply");
var smilies = new Array(
'https://san2.ru/smiles/elka.gif',
'https://upforme.ru/uploads/001b/1d/88/2/52834.gif'
)
forsm.style.height='205px';
smcontainer = forsm.parentNode;
smcnt = smcontainer.innerHTML;
smcontainer.innerHTML = "<table><tr><td valign='top'>"+smcnt+"</td><td valign='top' width='148'><div id='smcontain' align='center' style='width: 148px; height: 205px; border: 1px solid #999999; float: right; overflow: auto;'>&nbsp;</div></td></tr></table>";
for(i=0;i<smilies.length;i++){
document.getElementById("smcontain").innerHTML +="<img src='"+smilies[i]+"' alt='Smilies' title='Smilies' onclick='ins(this);' style='cursor: pointer;'>&nbsp;&nbsp;"
};
function ins(img){
smile('[img]'+img.src+'[/img]');
}
//-->
</script>

Здесь только 2 анимированных картинки: сверху - нарядная ёлочка, а внизу - носочек с подарками. Получилось как открытка. https://upforme.ru/uploads/0000/14/1c/373452-1.gif

Как это выглядит

https://upforme.ru/uploads/001b/1d/88/2/460941.png

Сами файлы:

https://san2.ru/smiles/elka.gif
https://upforme.ru/uploads/001b/1d/88/2/52834.gif

0

4

Код:
<script type="text/javascript">
    <!--
    // Copyright 2009 SiteNull.ru
    var forsm = document.getElementById("main-reply");
    var smilies = new Array(
     
    'http://www.kolobok.us/smiles/standart/mosking.gif',
    'http://www.kolobok.us/smiles/standart/grin.gif',
    'http://www.kolobok.us/smiles/standart/smoke.gif',
    'http://www.kolobok.us/smiles/standart/boast.gif',
    'http://www.kolobok.us/smiles/standart/dirol.gif',
    'http://www.kolobok.us/smiles/standart/pleasantry.gif',
    'http://www.kolobok.us/smiles/standart/snooks.gif',
    'http://www.kolobok.us/smiles/standart/no2.gif',
    'http://www.kolobok.us/smiles/standart/secret.gif',
    'http://www.kolobok.us/smiles/standart/aggressive.gif',
    'http://www.kolobok.us/smiles/standart/not_i.gif',
    'http://www.kolobok.us/smiles/standart/blush.gif',
    'http://www.kolobok.us/smiles/standart/acute.gif',
    'http://www.kolobok.us/smiles/standart/fool.gif',
    'http://www.kolobok.us/smiles/standart/i-m_so_happy.gif',
    'http://www.kolobok.us/smiles/standart/bad.gif',
    'http://www.kolobok.us/smiles/standart/cray.gif',
    'http://www.kolobok.us/smiles/standart/wink3.gif',
    'http://www.kolobok.us/smiles/standart/sorry.gif',
    'http://www.kolobok.us/smiles/standart/good.gif',
    'http://www.kolobok.us/smiles/standart/pardon.gif',
    'http://www.kolobok.us/smiles/standart/swoon2.gif',
    'http://www.kolobok.us/smiles/standart/sad.gif',
    'http://www.kolobok.us/smiles/standart/don-t_mention.gif',
    'http://www.kolobok.us/smiles/standart/victory.gif',
    'http://www.kolobok.us/smiles/standart/scare2.gif',
    'http://www.kolobok.us/smiles/standart/yahoo.gif',
    'http://www.kolobok.us/smiles/standart/nea.gif',
    'http://www.kolobok.us/smiles/standart/rofl.gif',
    'http://www.kolobok.us/smiles/standart/derisive.gif',
    'http://www.kolobok.us/smiles/standart/lazy.gif',
    'http://www.kolobok.us/smiles/standart/don-t_mention.gif',
    'http://www.kolobok.us/smiles/standart/victory.gif',
    'http://www.kolobok.us/smiles/standart/yahoo.gif',
    'http://www.kolobok.us/smiles/standart/nea.gif',
    'http://www.kolobok.us/smiles/standart/rofl.gif',
    'http://www.kolobok.us/smiles/standart/derisive.gif',
    'http://www.kolobok.us/smiles/standart/lazy.gif',
    'http://www.kolobok.us/smiles/standart/thank_you.gif',
    'http://www.kolobok.us/smiles/standart/yes.gif',
    'http://www.kolobok.us/smiles/standart/yes3.gif',
    'http://www.kolobok.us/smiles/standart/drinks.gif',
    'http://www.kolobok.us/smiles/standart/clapping.gif',
    'http://www.kolobok.us/smiles/standart/blush2.gif',
    'http://www.kolobok.us/smiles/standart/yes2.gif',
    'http://www.kolobok.us/smiles/rpg/king.gif',
    'http://www.kolobok.us/smiles/rpg/queen.gif',
    'http://www.kolobok.us/smiles/rpg/king2.gif',
    'http://www.kolobok.us/smiles/madhouse/suicide_fool-edit.gif',
    'http://www.kolobok.us/smiles/madhouse/man_in_love.gif',
    'http://www.kolobok.us/smiles/madhouse/girl_crazy.gif',
    'http://www.kolobok.us/smiles/madhouse/girl_wacko.gif',
    'http://www.kolobok.us/smiles/madhouse/dash2.gif',
    'http://www.kolobok.us/smiles/madhouse/wacko2.gif',
    'http://www.kolobok.us/smiles/madhouse/girl_hospital.gif',
    'http://www.kolobok.us/smiles/madhouse/mail1.gif',
    'http://www.kolobok.us/smiles/he_and_she/curtsey.gif',
    'http://www.kolobok.us/smiles/he_and_she/girl_blum2.gif',
    'http://www.kolobok.us/smiles/he_and_she/girl_witch.gif',
    'http://www.kolobok.us/smiles/he_and_she/give_heart.gif',
    'http://www.kolobok.us/smiles/he_and_she/hysteric.gif',
    'http://www.kolobok.us/smiles/he_and_she/girl_hide.gif',
    'http://www.kolobok.us/smiles/he_and_she/parting.gif',
    'http://www.kolobok.us/smiles/he_and_she/girl_dance.gif',
    'http://www.kolobok.us/smiles/he_and_she/girl_cray.gif',
    'http://www.kolobok.us/smiles/he_and_she/girl_sigh.gif',
    'http://www.kolobok.us/smiles/he_and_she/give_rose.gif',
    'http://www.kolobok.us/smiles/he_and_she/first_move.gif',
    'http://www.kolobok.us/smiles/he_and_she/girl_in_love.gif',
    'http://www.kolobok.us/smiles/he_and_she/girl_haha.gif',
    'http://www.kolobok.us/smiles/he_and_she/girl_cray2.gif',
    'http://www.kolobok.us/smiles/he_and_she/girl_impossible.gif',
    'http://www.kolobok.us/smiles/he_and_she/spruce_up.gif',
    'http://www.kolobok.us/smiles/light_skin/give_heart2.gif',
    'http://www.kolobok.us/smiles/big_madhouse/wacko3.gif',
    'http://www.kolobok.us/smiles/artists/vishenka/l_hug.gif',
    'http://www.kolobok.us/smiles/artists/vishenka/l_daisy.gif',
    'http://www.kolobok.us/smiles/user/unknown_singer.gif',
    'http://www.kolobok.us/smiles/user/FinouCat_03.gif',
    'http://www.kolobok.us/smiles/artists/just_cuz/JC_thinking.gif',
    'http://www.kolobok.us/smiles/artists/just_cuz/JC_goody.gif',
    'http://www.kolobok.us/smiles/artists/laie/Laie_59.gif',
    'http://www.kolobok.us/smiles/artists/laie/Laie_91B.gif',
    'http://www.kolobok.us/smiles/artists/connie/connie_24.gif'
    )
    forsm.style.height='210px';
    smcontainer = forsm.parentNode;
    smcnt = smcontainer.innerHTML;
    smcontainer.innerHTML = "<table><tr><td valign='top'>"+smcnt+"</td><td valign='top' width='170'><div id='smcontain' align='center' style='width: 170px; height: 210px; border: 1px solid #999999; float: right; overflow: auto;'>&nbsp;</div></td></tr></table>";
    for(i=0;i<smilies.length;i++){
    document.getElementById("smcontain").innerHTML +="<img src='"+smilies[i]+"' alt='Smilies' title='Smilies' onclick='ins(this);' style='cursor: pointer;'>&nbsp;&nbsp;"
    };
    function ins(img){
    smile('[img]'+img.src+'[/img]');
    }
    //-->
    </script>

Отсюда.

Вкладка всегда открыта.

0

5

Редкий набор смайлов

Код:
    <script type="text/javascript">
    <!--
    // Copyright SMILES==
    var forsm = document.getElementById("main-reply");
    var smilies = new Array(
     
    'https://upforme.ru/uploads/0000/6f/14/9431-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9431-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/14196-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9431-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/14197-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9430-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/9431-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/14196-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/4758-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/14198-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9433-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/1496-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/1790-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/14199-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/1512-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/1775-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9434-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/4765-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/9429-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/4766-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/14180-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/14184-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/14186-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/15798-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14189-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/1498-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/1497-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/1496-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/15755-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/1496-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/1499-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/1498-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/14188-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/1498-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/1512-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/4759-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/4759-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/1498-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/1791-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/1498-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/9434-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/1499-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/4768-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/1508-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14184-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/14186-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9436-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/14180-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/14194-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/1502-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/4765-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/15803-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/1793-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/4758-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/15804-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9429-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14191-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/15810-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9433-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/9436-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9437-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/4762-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/4767-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/9435-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/1790-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/15756-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/1500-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/15812-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/15812-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/4767-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/4768-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/9430-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/15812-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/4761-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/4758-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/9430-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9434-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9433-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9434-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/9435-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/9435-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/14180-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14180-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/14182-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14186-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/14188-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/14188-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/14189-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/14190-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14190-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/14191-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14191-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/14192-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14194-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/14182-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/14185-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14191-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/14193-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14186-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/14180-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/14184-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9430-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/9430-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/4764-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/15754-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/14184-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/14190-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/14193-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/1499-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/1775-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/14192-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/14192-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/14192-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/14193-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/15755-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/15755-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/14183-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14183-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/14185-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/14188-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14189-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14189-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/14191-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/1512-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/1512-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/1512-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/1792-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/4758-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/1793-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/4763-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/4764-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/4765-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/4767-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/4770-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/9429-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/4768-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/4769-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/14183-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/14189-3.gif',
    'https://upforme.ru/uploads/0000/6f/14/4767-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/4764-5.gif',
    'https://upforme.ru/uploads/0000/6f/14/4765-2.gif',
    'https://upforme.ru/uploads/0000/6f/14/15814-4.gif',
    'https://upforme.ru/uploads/0000/6f/14/15814-1.gif',
    'https://upforme.ru/uploads/0000/6f/14/15814-3.gif',
    'https://upforme.ru/uploads/0000/14/1c/346394-1.gif',
    'http://doodoo.ru/smiles/wo/s16.gif'
    )
    forsm.style.height='210px';
    smcontainer = forsm.parentNode;
    smcnt = smcontainer.innerHTML;
    smcontainer.innerHTML = "<table><tr><td valign='top'>"+smcnt+"</td><td valign='top' width='170'><div id='smcontain' align='center' style='width: 170px; height: 210px; border: 1px solid #999999; float: right; overflow: auto;'>&nbsp;</div></td></tr></table>";
    for(i=0;i<smilies.length;i++){
    document.getElementById("smcontain").innerHTML +="<img src='"+smilies[i]+"' alt='Smilies' title='Smilies' onclick='ins(this);' style='cursor: pointer;'>&nbsp;&nbsp;"
    };
    function ins(img){
    smile('[img]'+img.src+'[/img]');
    }
    //-->
    </script>

0

6

Блок смайлов сбоку в форме ответа

Скрипт по этой ссылке не тестировался.

0

7

Выдвижная панель со смайлами сбоку

ВЕРХ

Код:
    <style type="text/css">
    /* вкладки доп смайлов */
    .insertBlock{
    padding:0;
    position:absolute;
    right:0;
    margin:33px -12px 0 0;
    display:inline-block;
    width:30px;
    height:33px;
    padding:3px;
    /*border:red 1px solid;*/
    }
    #NewSmile-block {
      background:transparent;
      position:absolute;
      margin-left:0px;
      border-right:transparent;
      overlov-x:hidden;
      display:block;
      width: 42px;
      padding:0;
    }
    #wrapper {
    padding:0;
    }
    #wrapper table td{
    padding:0;
    /*border:red solid 1px;*/
    }
    ul.tabs8 {height: 20px;line-height: 20px;margin: 0 0 3px;list-style: none;}
    ul.tabs8 li {width:34px;cursor:pointer;float:right;}
    ul.tabs8 li a {display: block;padding: 0 3px 0px;color: #000;text-decoration: none;cursor: pointer;background: #ededed;border: 1px solid #C4C3D0;}
    ul.tabs8 li a:hover {color: #c4c4c4;padding: 0 3px;background: #FFF;border: 1px solid #eeead9;}
    ul.tabs8 li.tab-current8 a {color: #454545;background: #fff;padding: 0px 13px 0px;border: 1px solid #d9d9d9;}
    div.t1, div.t2, div.t3 {display: none;width: 450px; background: #ededed; padding: 3px 3px 3px 3px;border: 1px solid #cecece;}
    </style>


НИЗ

Код:
    <!-- Cвои Смайлы -->
    <script type="text/javascript">
    $('#main-reply').before('<div class=insertBlock><div id=NewSmile-block></div></div>');
    var nabor2 = [
    'http://uploads.ru/i/O/7/o/O7opj.gif',
    'http://s1.uploads.ru/i/xsEvT.gif',
    'http://s1.uploads.ru/i/29Rju.gif',
    'http://uploads.ru/i/k/X/G/kXGTI.gif',
    'http://s1.uploads.ru/i/5ZFkG.gif',
    'http://s1.uploads.ru/i/Njtwv.gif',
    'http://uploads.ru/i/j/M/l/jMlPe.gif',
    'http://s1.uploads.ru/i/Mmj0E.gif',
    'http://uploads.ru/i/y/n/Z/ynZm2.gif',
    'http://uploads.ru/i/z/M/f/zMfIc.gif',
    'http://uploads.ru/i/d/Q/Y/dQYSp.gif',
    'http://uploads.ru/i/z/U/e/zUe1x.gif',
    'http://uploads.ru/i/S/K/L/SKLl4.gif',
    'http://uploads.ru/i/0/Y/r/0Yr6V.gif',
    'http://s1.uploads.ru/i/aE79T.gif',
    'http://uploads.ru/i/Y/h/d/YhdRz.gif',
    'http://uploads.ru/i/D/n/Y/DnYrx.gif',
    'http://s1.uploads.ru/i/TWdlZ.gif',
    'http://uploads.ru/i/K/R/C/KRCFT.gif',
    'http://uploads.ru/i/h/g/Z/hgZes.gif',
    'http://uploads.ru/i/r/3/G/r3Gwz.gif',
    'http://uploads.ru/i/n/V/d/nVdxX.gif',
    'http://uploads.ru/i/F/k/J/FkJXV.gif',
    'http://uploads.ru/i/r/9/w/r9weH.gif',
    'http://uploads.ru/i/B/L/K/BLK7s.gif',
    'http://uploads.ru/i/x/N/w/xNwzY.gif',
    'http://uploads.ru/i/6/9/G/69GNU.gif',
    'http://uploads.ru/i/8/w/A/8wArX.gif',
    'http://uploads.ru/i/n/2/k/n2kcv.gif',
    'http://uploads.ru/i/f/F/I/fFIHj.gif',
    'http://uploads.ru/i/d/I/5/dI5Z1.gif',
    'http://uploads.ru/i/M/c/4/Mc4AW.gif',
    'http://uploads.ru/i/L/s/h/LshJS.gif',
    'http://s1.uploads.ru/i/XbYj9.gif',
    'http://uploads.ru/i/n/Y/J/nYJDI.gif',
    'http://uploads.ru/i/u/9/i/u9iaU.gif',
    'http://s1.uploads.ru/i/C2Xyt.gif',
    'http://uploads.ru/i/4/D/V/4DVhx.gif',
    'http://s1.uploads.ru/i/pxwi4.gif',
    'http://s1.uploads.ru/i/xbjpu.gif'];
     
    var nabor3 = ['http://uploads.ru/i/X/E/e/XEe9r.png',
    'http://uploads.ru/i/V/8/j/V8jb3.png',
    'http://uploads.ru/i/d/N/g/dNg8D.png',
    'http://uploads.ru/i/w/X/U/wXU5G.png',
    'http://uploads.ru/i/s/Q/U/sQU5m.png',
    'http://uploads.ru/i/l/S/d/lSdYu.png',
    'http://uploads.ru/i/y/T/Y/yTYcW.png',
    'http://uploads.ru/i/T/J/p/TJpQ5.png',
    'http://uploads.ru/i/g/v/N/gvNux.png',
    'http://uploads.ru/i/5/n/D/5nDpP.png',
    'http://uploads.ru/i/J/I/W/JIW1b.png',
    'http://uploads.ru/i/T/d/r/Tdrhx.png',
    'http://uploads.ru/i/7/f/y/7fyaX.png',
    'http://uploads.ru/i/G/x/2/Gx2gS.png',
    'http://uploads.ru/i/4/6/h/46hJg.png',
    'http://uploads.ru/i/Z/N/q/ZNqXB.gif',
    'http://uploads.ru/i/e/C/J/eCJEb.gif',
    'http://uploads.ru/i/J/k/c/JkcYb.gif',
    'http://uploads.ru/i/U/g/C/UgCZP.gif',
    'http://uploads.ru/i/z/I/w/zIwkR.gif',
    'http://uploads.ru/i/y/T/t/yTtKw.gif',
    'http://uploads.ru/i/L/R/O/LROtq.gif',
    'http://uploads.ru/i/o/4/z/o4z2D.gif',
    'http://uploads.ru/i/F/D/E/FDERI.gif',
    'http://uploads.ru/i/p/Z/u/pZuXP.gif',
    'http://uploads.ru/i/j/c/0/jc0tS.gif',
    'http://uploads.ru/i/r/9/U/r9UXE.gif',
    'http://uploads.ru/i/K/I/3/KI32G.gif',
    'http://uploads.ru/i/c/E/w/cEwaA.gif',
    'http://s1.uploads.ru/i/Tro49.gif',
    'http://s1.uploads.ru/i/U9WQI.png',
    'http://s1.uploads.ru/i/fH6UR.gif'];
     
    $(document).ready(function() {
    $('#NewSmile-block').addClass('t1');
    $('#NewSmile-block').prepend('<div id="wrapper"><table><tr valign=top><td width=35><ul class="tabs8 tabs1"><li class="t2"><a>DA</a></li><li class="t3"><a>FU</a></li></ul></td><td><div class="t2"></div><div class="t3"><br></div></td></tr></table></div>');
    $.each(nabor2, function(i) {
    $('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'[img]'+nabor2[i]+'[/img]\') />');
    });
    $.each(nabor3, function(i) {
    $('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'[img]'+nabor3[i]+'[/img]\') />');
    });
    $("ul.tabs8.tabs1 li:not([class*='active'])").live('click',function(){
    $("ul.tabs8.tabs1 li.active").removeClass('active');
    var thisClass = this.className.slice(0,2);
    $(this).addClass('active');
    $("#wrapper div.[class^='t']").hide();
    $('ul.tabs8.tabs1 li').removeClass('tab-current8');
    $(this).addClass('tab-current8');
    $('#wrapper div.' + thisClass).fadeToggle('slow');
    $('#NewSmile-block').animate({"margin-left":"-470px","width": "517px"},900);
     
    });
    $("ul.tabs8.tabs1 li.active").live('click',function(){
    var thisClass = this.className.slice(0,2);
    $("ul.tabs8.tabs1 li.active").removeClass('active');
    $("#wrapper div.[class^='t']").hide();
    //$("#wrapper div.[class^='t']:first").fadeToggle('slow');
    $('ul.tabs8.tabs1 li').removeClass('tab-current8');
    $('#NewSmile-block').animate({"margin-left":"0px","width": "42px"},900);
    });
    //$("#wrapper div.[class^='t']:first").fadeToggle('slow');
     });
    </script>

Недостаток: панель выдвигается ЗА пределы обзора на мобильнике, поэтому приходится переключать юзер-агент.

Надо поэкспериментировать с размерами в скрипте!

Многие ссылки на смайлы в скрипте БИТЫЕ!


Поправленный скрипт: после выбора смайлика вкладки сворачиваются.

Код:
    <!-- Cвои Смайлы -->
    <style type="text/css">
    /* вкладки доп смайлов */
    .insertBlock{
     padding:0;
     position:absolute;
     right:0;
     margin:33px -8px 0 0;
     display:inline-block;
     width:33px;
     height:33px;
     padding:3px;
    }
    #td_2{
       padding:0;
       border:#EAE8E8 1px solid;
    }
    #td_2 img{
       cursor:pointer;
    }
    #td_2 .t2 img{
       padding:1px 0 0 1px;
    }
    #td_2.active{
       border:transparent 1px solid;
    }
    #NewSmile-block {
      background:transparent;
      position:absolute;
      margin-left:0px;
      border:transparent;
      overlov-x:hidden;
      display:block;
      width: 42px;
      padding:0;
    }
    #wrapper {
     padding:0;
    }
    #wrapper table td{
     padding:0;
    }
    ul.tabs8 {height: 20px;line-height: 20px;margin: 0 0 3px;list-style: none;}
    ul.tabs8 li {width:34px;cursor:pointer;float:right;}
    ul.tabs8 li a {display: block;padding: 0 3px 0px;color: #000;text-decoration: none;cursor: pointer;background: #ededed;border: 1px solid #C4C3D0;}
    ul.tabs8 li a:hover {color: #c4c4c4;background: #FFF;border: 1px solid #eeead9;}
    ul.tabs8 li.tab-current8 a {color: #454545;background: #fff;border: 1px solid #d9d9d9;}
    div.t1, div.t2, div.t3 {display: none;width: 450px; background: #ededed; padding: 3px 3px 3px 3px;border: 1px solid #cecece;}
    </style>
    <script type="text/javascript">
    $('#main-reply').before('<div class=insertBlock><div id=NewSmile-block></div></div>');
    var nabor2 = [
    'http://uploads.ru/i/O/7/o/O7opj.gif',
    'http://s1.uploads.ru/i/xsEvT.gif',
    'http://s1.uploads.ru/i/29Rju.gif',
    'http://uploads.ru/i/k/X/G/kXGTI.gif',
    'http://s1.uploads.ru/i/5ZFkG.gif',
    'http://s1.uploads.ru/i/Njtwv.gif',
    'http://uploads.ru/i/j/M/l/jMlPe.gif',
    'http://s1.uploads.ru/i/Mmj0E.gif',
    'http://uploads.ru/i/y/n/Z/ynZm2.gif',
    'http://uploads.ru/i/z/M/f/zMfIc.gif',
    'http://uploads.ru/i/d/Q/Y/dQYSp.gif',
    'http://uploads.ru/i/z/U/e/zUe1x.gif',
    'http://uploads.ru/i/S/K/L/SKLl4.gif',
    'http://uploads.ru/i/0/Y/r/0Yr6V.gif',
    'http://s1.uploads.ru/i/aE79T.gif',
    'http://uploads.ru/i/Y/h/d/YhdRz.gif',
    'http://uploads.ru/i/D/n/Y/DnYrx.gif',
    'http://s1.uploads.ru/i/TWdlZ.gif',
    'http://uploads.ru/i/K/R/C/KRCFT.gif',
    'http://uploads.ru/i/h/g/Z/hgZes.gif',
    'http://uploads.ru/i/r/3/G/r3Gwz.gif',
    'http://uploads.ru/i/n/V/d/nVdxX.gif',
    'http://uploads.ru/i/F/k/J/FkJXV.gif',
    'http://uploads.ru/i/r/9/w/r9weH.gif',
    'http://uploads.ru/i/B/L/K/BLK7s.gif',
    'http://uploads.ru/i/x/N/w/xNwzY.gif',
    'http://uploads.ru/i/6/9/G/69GNU.gif',
    'http://uploads.ru/i/8/w/A/8wArX.gif',
    'http://uploads.ru/i/n/2/k/n2kcv.gif',
    'http://uploads.ru/i/f/F/I/fFIHj.gif',
    'http://uploads.ru/i/d/I/5/dI5Z1.gif',
    'http://uploads.ru/i/M/c/4/Mc4AW.gif',
    'http://uploads.ru/i/L/s/h/LshJS.gif',
    'http://s1.uploads.ru/i/XbYj9.gif',
    'http://uploads.ru/i/n/Y/J/nYJDI.gif',
    'http://uploads.ru/i/u/9/i/u9iaU.gif',
    'http://s1.uploads.ru/i/C2Xyt.gif',
    'http://uploads.ru/i/4/D/V/4DVhx.gif',
    'http://s1.uploads.ru/i/pxwi4.gif',
    'http://s1.uploads.ru/i/xbjpu.gif'];
     
    var nabor3 = ['http://uploads.ru/i/X/E/e/XEe9r.png',
    'http://uploads.ru/i/V/8/j/V8jb3.png',
    'http://uploads.ru/i/d/N/g/dNg8D.png',
    'http://uploads.ru/i/w/X/U/wXU5G.png',
    'http://uploads.ru/i/s/Q/U/sQU5m.png',
    'http://uploads.ru/i/l/S/d/lSdYu.png',
    'http://uploads.ru/i/y/T/Y/yTYcW.png',
    'http://uploads.ru/i/T/J/p/TJpQ5.png',
    'http://uploads.ru/i/g/v/N/gvNux.png',
    'http://uploads.ru/i/5/n/D/5nDpP.png',
    'http://uploads.ru/i/J/I/W/JIW1b.png',
    'http://uploads.ru/i/T/d/r/Tdrhx.png',
    'http://uploads.ru/i/7/f/y/7fyaX.png',
    'http://uploads.ru/i/G/x/2/Gx2gS.png',
    'http://uploads.ru/i/4/6/h/46hJg.png',
    'http://uploads.ru/i/Z/N/q/ZNqXB.gif',
    'http://uploads.ru/i/e/C/J/eCJEb.gif',
    'http://uploads.ru/i/J/k/c/JkcYb.gif',
    'http://uploads.ru/i/U/g/C/UgCZP.gif',
    'http://uploads.ru/i/z/I/w/zIwkR.gif',
    'http://uploads.ru/i/y/T/t/yTtKw.gif',
    'http://uploads.ru/i/L/R/O/LROtq.gif',
    'http://uploads.ru/i/o/4/z/o4z2D.gif',
    'http://uploads.ru/i/F/D/E/FDERI.gif',
    'http://uploads.ru/i/p/Z/u/pZuXP.gif',
    'http://uploads.ru/i/j/c/0/jc0tS.gif',
    'http://uploads.ru/i/r/9/U/r9UXE.gif',
    'http://uploads.ru/i/K/I/3/KI32G.gif',
    'http://uploads.ru/i/c/E/w/cEwaA.gif',
    'http://s1.uploads.ru/i/Tro49.gif',
    'http://s1.uploads.ru/i/U9WQI.png',
    'http://s1.uploads.ru/i/fH6UR.gif'];
     
    $(document).ready(function() {
    $('#NewSmile-block').addClass('t1');
    $('#NewSmile-block').prepend('<div id="wrapper"><table><tr valign=top><td width=35><ul class="tabs8 tabs1"><li class="t2"><a>DA</a></li><li class="t3"><a>FU</a></li></ul></td><td id=td_2><div class="t2"></div><div class="t3"><br></div></td></tr></table></div>');
    $.each(nabor2, function(i) {
    $('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'[img]'+nabor2[i]+'[/img]\') />');
    });
    $.each(nabor3, function(i) {
    $('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'[img]'+nabor3[i]+'[/img]\') />');
    });
    $("ul.tabs8.tabs1 li:not([class*='active'])").live('click',function(){
    $("ul.tabs8.tabs1 li.active,#td_2").removeClass('active');
    var thisClass = this.className.slice(0,2);
    $(this).addClass('active');$("#td_2").addClass('active');
    $("#wrapper div.[class^='t']").hide();
    $('ul.tabs8.tabs1 li').removeClass('tab-current8');
    $(this).addClass('tab-current8');
    $('#wrapper div.' + thisClass).fadeToggle('slow');
    $('#NewSmile-block').animate({"margin-left":"-470px","width": "517px"},900);
     
    });
    $("ul.tabs8.tabs1 li.active").live('click',function(){
    var thisClass = this.className.slice(0,2);
    $("#td_2,ul.tabs8.tabs1 li.active").removeClass('active');
    $("#wrapper div.[class^='t']").hide();
    //$("#wrapper div.[class^='t']:first").fadeToggle('slow');
    $('ul.tabs8.tabs1 li').removeClass('tab-current8');
    $('#NewSmile-block').animate({"margin-left":"0px","width": "42px"},900);
    });
    $("#td_2").click(function(){
     $("ul.tabs8.tabs1 li.active").click();
    });
    $("#main-reply").bind('mousemove keydown keypress keyup blur', function(e){
     if(this.scrollHeight > this.offsetHeight){
        $("div.insertBlock").css({"right":"18px"});
     } else{$("div.insertBlock").css({"right":"0"});}
    });
     
     });
    </script>

Отсюда.

Ставить в форму ответа!

0


Вы здесь » Тестовик » Смайлики » Смайлики сбоку


создать форум