• Страница 1 из 1
  • 1
Форум » uCoz » Мини-чат » Правила мини-чата на jQeury (Скрипт для ucoz)
Правила мини-чата на jQeury
Дмитрий Дата: Суббота, 25.08.2012, 16:00 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий



Установка:

Цитата
Кнопка вызова окна с правилами:


Код
<div style="padding:2 1 6 1;">     
     <a class="button" style="padding:1px 23px 1px 23px;background:#363636;border:1px solid #424242;width:100%;" href="javascript://">Правила для этого чата</a>     
     </div>


Цитата
Это в CSS:


Код
#box{     
     display:block;     
     background:#333;     
     height:165px;     
     padding:10 10 0 10;     
     width:450px;     
     border:2px solid #444;     
     color:#dedede;     
     font-family:'Myriad Pro',Arial,Helvetica,sans-serif;     
     opacity: 0.9;     
     }     
     #box p{     
     display:block;     
     font-size:12px;     
     background:url('http://gig-pro.ru/load-ucoz/skripts/mini-4at/11/warning.png') no-repeat 10px top;     
     padding-left:90px;     
     }     
     #box p b{     
     font-size:20px;     
     display:block;     
     }


Цитата
Это в самый низ всего сайта - Нижняя часть сайта - Global_footer :


Код
<div id="box">     
     <p><b>В мини чате запрещается: </b>     
     1. Писать 3-и или более сообщений подряд. <br>     
     2. Использовать более 3 смайлов в 1 сообщении. <br>     
     3. Писать часто с включённым Caps-Lock'ом. <br>     
     4. Выражаться не культурными словами ( Матами ). <br>     
     5. Устраивать какие либо разборки ( Для этого есть ЛС ). <br>     
     6. Рекламировать свой сайт. <br>     
     7. Оскорблять пользователей.       

     </p>     

     </div>


И подключим саму библиотеку в Global_Aheader :

Код
<script type="text/javascript" src="http://gig-pro.ru/load-ucoz/skripts/mini-4at/11/jquery.min.js"></script>     
     <script type="text/javascript" src="http://gig-pro.ru/load-ucoz/skripts/mini-4at/11/jquery.easing.1.3.js"></script>     
     <script>     
       $.fn.bounceBox = function(){     
       this.css({     
       top : '-30%',     
       marginLeft : -this.outerWidth()/2,     
       position : 'fixed',     
       left : '80%'     
       });     
       return this;     
       }     
       $.fn.bounceBoxShow = function(){     
       this.stop().animate({top:50},{easing:'easeOutBounce'});     
       this.data('bounceShown',false);     
       return this;     
       }     
       $.fn.bounceBoxHide = function(){     
       this.stop().animate({top:-this.outerHeight()});     
       this.data('bounceShown',false);     
       return this;     
       }     
       $.fn.bounceBoxToggle = function(){     
       if(this.data('bounceShown'))     
       this.bounceBoxHide();     
       else     
       this.bounceBoxShow();     
       return this;     
       };     
     </script>     
    <script type="text/javascript" src="http://gig-pro.ru/load-ucoz/skripts/mini-4at/11/script.js"></script>
Прикрепления: 4932805.png (17.9 Kb)


From Russia With Love!
Форум » uCoz » Мини-чат » Правила мини-чата на jQeury (Скрипт для ucoz)
  • Страница 1 из 1
  • 1
Поиск: