Правила для мини-чата uCoz v.1 на jQeury
Довольно интересно получилось, при клике по правилам с эффектом
аккордеона с верхней части сайта выскакивает окошко с правилами для
мини-чата. Скрипт написан при помощи библиотеки jQuery, работает во всех
браузерах. Довольно легко изменить под свой дизайн.
Кнопка вызова окна с правилами:
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>
<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;
}
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>
<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>
<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>