В разделе: Скрипты для uCoz | Автор: Carabine |
Мини-чат в правом нижнем углу экрана, как на форуме сайта softaman.ru. При нажатие кнопки, разворачивается мини-чат. Установка: 1. Создайте глобальный блок, 2. Вставьте туда этот код: Code <div style="position:absolute;position:fixed;bottom:1;left:1;opacity:1.0;">
<div class="mini_prof_out"
onmouseover="this.className='mini_prof_on'"
onmouseout="this.className='mini_prof_out'" id="mini_prof"> <div
id="sam_profil" style="display:none">$CHAT_BOX$</div><table
border="0" cellpadding="0" cellspacing="0"> <tr><td
style=" text-align: center;"><span id="open_miniprof"><b
title="http://softaman.ru/">Мини-Чат</b></span> <span id="close_miniprof" style="display:none">Скрыть</span>
<script
type="text/javascript">$(document).ready(function(){$("#open_miniprof").click(function(){$(this).hide(100);
$("#close_miniprof, #sam_profil").show(100);
$("#sam_profil").css("text-align","left");});
$("#close_miniprof").click(function(){$(this).hide(100);
$("#sam_profil").hide(100); $("#open_miniprof").show(100);
$("#sam_profil").css("text-align","center");});});</script>
<style>.mini_prof_out {background-color: #f4f4f4; border:1px
solid #9db0bf; padding: 4px 10px; position: fixed; bottom: 4px; right:
4px; text-align: center;} .mini_prof_on {background-color: #f4f4f4;
border:1px solid #9db0bf; padding: 4px 10px; position: fixed; bottom:
4px; right: 4px; opacity: 1; text-align: center;} #mini_prof
#close_miniprof {color: #810000; text-decoration: underline; cursor:
pointer;} #mini_prof #open_miniprof {color: #3e8144; text-decoration:
underline; cursor: pointer;}</style> <input type="hidden"
name="numa" id="numa832" value="0"><input type="hidden" name="a"
value="18"><input type="hidden" id="ajaxFlag" name="ajax"
value="1" /></form> <script type="text/javascript">initSel7174();</script> <style> #ChatBox {display:none;} #ChatBoxI{ background:none repeat scroll 0 0 #FFFAF2; border:1px solid #FFD69B; color:#000; margin-left:-10px; margin-right:-10px; margin-top:10px; padding:2px; } </style> </td></tr></table></div> 3. дальше вставляйте ваш блок в шаблон после кода $CONTENT$
Источник: http://softaman.ru/
|
комментариев:(0) Просмотров: (439)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
|