Кнопка вызова окна с правилами :
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://kino.armp3.ru/ime/1/898432398.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://kino.armp3.ru/js/chat/jquery.min.js"></script> <script type="text/javascript" src="http://kino.armp3.ru/js/chat/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://kino.armp3.ru/js/chat/script.js"></script>
Скачать Правила мини-чата
Зеркало Правила мини-чата
Источник: http://kino.armp3.ru
|