• Страница 1 из 1
  • 1
Правила мини-чата на jQeury
Группа: Проверенный
Собщений: 580
Репутация: 50
Наград: 5
Замечания : 0%
# 1 12:08
Установка:

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

Code
<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:
Code
#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://up-rise.ru/All-Scripts/Mchat/warning.png') no-repeat 10px top;    
    padding-left:90px;    
    }    
    #box p b{    
    font-size:20px;    
    display:block;    
    }

Это в самый низ всего сайта - Нижняя часть сайта - Global_footer :
Code
<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 :
Code
<script type="text/javascript" src="http://up-rise.ru/All-Scripts/Mchat/jquery.min.js"></script>    
    <script type="text/javascript" src="http://up-rise.ru/All-Scripts/Mchat/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://up-rise.ru/All-Scripts/Mchat/script.js"></script>
  • Страница 1 из 1
  • 1
Поиск: