Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
Достуность смайлов по репутации или иному значению.
+
Достуность смайлов по репутации или иному значению как вам нравиться. Основного вида нет его делаем сами, также делаем список смайлов сами и разбиваем по значениям.

Установка:

1. На главную страницу вместо родного вызова смайлов:
Code

<div id="sml"><div id="result"></div></div>
<script type="text/javascript" src="/js/smile-rep.js"></script>
<script type='text/javascript' src='/js/bbcodes.js'></script>
<script>
$(function () {
$('#result').load('/index/8-0-$USERNAME$ #load-dostig-rep-sml')
});
</script>

2. В CSS
Code

#sml {background: url(http://s37.ucoz.net/sm/1/book.gif) no-repeat;width:35px;height:20px;display:block;cursor:pointer;}
#sml-win {position:absolute; padding:5px 2px 5px 7px; background:#fff;border:2px solid #666;display:block;border-radius:4px;}


3. В персональную страницу в самый низ:
Code

<span id="load-dostig-rep-sml">
<?if($_REPUTATION$>100)?><style>#smile_group-1{display:block !important;padding:5px;float:left;}</style><?else?><style>#smile_group-1{display:none;}</style><?endif?>
<?if($_REPUTATION$>200)?><style>#smile_group-2{display:block !important;padding:5px;float:left;}</style><?else?><style>#smile_group-2{display:none;}</style><?endif?>
</span>


Разбираем код:

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

document.writeln(" <a href=\javascript://\ rel=\nofollow\ onclick=\emoticon('B)','message');return false;\ id=\smile_group-2\><img alt=\\ style=\margin:0;padding:0;border:0;\ src=\http://s37.ucoz.net/sm/1/cool.gif\ title=\wacko\ /></a>");


Где id=\smile_group-2\ это ид значений в персональной странице.
Где onclick=\emoticon('B)','message'); Вид смайла в поле добавления.
Картинку меняете также на свою...

2. В персональной странице:
Code

<?if($_REPUTATION$>100)?><style>#smile_group-1{display:block !important;padding:5px;float:left;}</style><?else?><style>#smile_group-1{display:none;}</style><?endif?>


Где $_REPUTATION$ Это наши данные для открытия смайлов. можете сменить на свое уровень, количество файлов и т.д
Где >100 Это число данных после превышения этого числа становятся доступны смайлы в списке.
Где #smile_group-1 Это уже наш сам список.


Версия AJAX.

1. На главную страницу вместо родного вызова смайлов:
Code

<a href="javascript://" id="sml" onclick="new _uWnd('ajax','Смайлы','300','0',{autosize:true,modal: false,close:true,header:true,nomove: false,fixed:true},{xml:false,url:'http://epic-feil.ucoz.ru/js/smile-rep.html'})"></a>
<script type='text/javascript' src='/js/bbcodes.js'></script>  
<script type='text/javascript'> $(function () { $('#result').load('/index/8-0-$USERNAME$ #load-dostig-rep-sml') }); </script>  

2. В Css:
Code

#sml {background: url(http://s37.ucoz.net/sm/1/book.gif) no-repeat;width:35px;height:20px;display:block;cursor:pointer;}  


3. Создать файл html и поместить туда:
Code

<a href="javascript://" rel="nofollow" onclick="emoticon(':laugh:','message');return false;" id="smile_group-1"><img alt="" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/laugh.gif" title="wacko"/></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':v:','message');return false;" id="smile_group-1"><img alt="" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/v.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon('^_^','message');return false;" id="smile_group-1"><img alt="" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/happy.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':yes:','message');return false;" id="smile_group-1"><img alt="" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/yes.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon('%)','message');return false;" id="smile_group-1"><img alt="" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/wacko.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':no:','message');return false;" id="smile_group-1"><img alt="" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/no.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':online2long:','message');return false;" id="smile_group-1"><img alt=" style=\margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/online2long.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':fudge:','message');return false;" id="smile_group-1"><img alt="" style=\margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/fudge.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':(','message');return false;" id="smile_group-1"><img alt="" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/sad.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':unsure:','message');return false;" id="smile_group-1"><img alt="" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/unsure.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon('B)','message');return false;" id="smile_group-2\><img alt="" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/cool.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon('<_<','message');return false;" id="smile_group-2"><img alt="" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/dry.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':book:','message');return false;" id="smile_group-2"><img alt=" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/book.gif" title="wacko" /></a>
После заменить сылку в пункте 1 на свою.

4. В персональную страницу в самый низ:
Code

<span id="load-dostig-rep-sml">  
<?if($_REPUTATION$>100)?><style>#smile_group-1{display:block !important;padding:5px;float:left;}</style><?else?><style>#smile_group-1{display:none;}</style><?endif?>  
<?if($_REPUTATION$>200)?><style>#smile_group-2{display:block !important;padding:5px;float:left;}</style><?else?><style>#smile_group-2{display:none;}</style><?endif?>  
</span>  



При копировании указывать источник: http://ucodes.ru
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.

При копировании материала указываем источник ucods.3dn.ru

Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Скачать файл 4.3 Kb
Поделиться новостью в социальной сети.
Имя файла:
Размер: 4.3 Kb
Добавил: Best_Studio
Дата добавления: 18.10.2012 в 11:50 по МСК
Категория: Другие модули
Скачиваний: 664
Просмотров: 3939
Комментариев: 1
Эмоций:
  • Оценки читателей

    ЗАКРЫТЬ
    • 0 Лайк
    • 0 Лавки
    • 0 Ахахах!
    • 0 Ого!
    • 0 Восторг
    • 0 Печаль
    • 0 Грусняшь

Теги: css, repa, ucoz, html, js, smile
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
fomir
09.04.2013 | # |№1
Ох полезно то как мне!) Благодарю!) Вы волшебники!)