Прислано 
Vova 03-05-2012 08:16
Vova 03-05-2012 08:16#2
Код
?><!-- CHAT -->
<div style="position:fixed;left:0;top:45%;cursor:pointer;"><img onclick="chat()" src="http://www.php-ucoz.ru/4at/chat_box.png" alt="chat" /></div>
<div style="position:fixed;bottom:15px;right:20px;display:none;z-index:51;padding:10px;border:0px;width:300px" id="chat" align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td background="http://www.php-ucoz.ru/4at/topes-1.png" width="17" height="17">
</td><td background="http://www.php-ucoz.ru/4at/topes-2.png" height="17">
</td><td background="http://www.php-ucoz.ru/4at/topes-3.png" width="17" height="17">
</td></tr><tr><td background="http://www.php-ucoz.ru/4at/topes-4.png" width="17">
</td><td style="background:#FFFFFF;padding:10px 0 0 0;">
<div id="cboxdiv" style="text-align: center; line-height: 0">
<?php
require_once INFUSIONS."shoutbox_panel/shoutbox_panel.php";
?>
<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>
</div>
</td><td background="http://www.php-ucoz.ru/4at/topes-5.png" width="17">
</td></tr><tr><td background="http://www.php-ucoz.ru/4at/topes-6.png" width="17" height="17">
</td><td background="http://www.php-ucoz.ru/4at/topes-7.png" height="17">
</td><td background="http://www.php-ucoz.ru/4at/topes-8.png" width="17" height="17">
</td></tr></tbody></table>
</div>
<script type="text/javascript">
function chat() {
$('#chat').slideToggle(500);
$('#back2').fadeIn(500);
};
</script>
<script type="text/javascript">
footer_u();
</script>
<br><br>
<!-- END CHAT --><?php
Вот так будет. Потом подключаеш джаваскрипт который виполнит сворачивание. И все. Сейчас у себя сделаю...
Редактировал
Vova 03-05-2012 09:02