ДЛЯ БЕЛЫХ ДИЗАЙНОВ Смотрим пример мини-чат вверху смотри пример
Code
<!-- <начало мини-чата> -->
<div style="position:absolute;position:fixed;up:5;left:460;opacity:1.0;">
<div id="chat" style="display: none;"><table border="0"
cellpadding="0" cellspacing="0" width="300" style="border: 1px solid
gray; background: #CCCCCC;">
<br><tr><td height="32"
background="http://chasikov.net.ru/design/CHAT.png"></td></tr><tr><td
style="background: #f6f6f6; text-align: center; border-top: 1px solid
gray;">
$CHAT_BOX$
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="206">
</td></tr></table>
</td></tr></table></div>
<div style="height: 22px; width: 298px; border: 1px solid gray; background: #CCCCCC; margin-top: 1px;">
<div style="float:right; height: 18px; width: 48px; border-left:
1px solid gray ;text-align: center; padding-top: 4px;"><font
color="gray"><span
class="xml-text">$TIME$</font></div>
<div
style="float: left; padding-top: 3px;"><a href="javascript://"
rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return
false;" title="Обновить"><img
src="http://chasikov.net.ru/design/1.png" alt="Обновить" border="0"
width="16" height="16" style="padding-left: 3px;"></a><a
href="javascript://" rel="nofollow" onclick="new _uWnd('Sml','
',-250,-350,{autosize:0,closeonesc:1,resize:0,icon:'http://chasikov.net.ru/design/3.png'},{url:'/index/35-0-2'});return
false; "><img src="http://chasikov.net.ru/design/3.png"
height="16" width="16" border="0" alt="Смайлы" style="padding-left:
3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Cntrl','Управление
сообщениями',580,600,{autosize:0,resize:0,icon:'http://chasikov.net.ru/design/4.png'},{url:'/mchat/0-1',
xml: false});return false; "><img
src="http://chasikov.net.ru/design/4.png" height="16" width="16"
border="0" alt="Управление мини-чатом" style="padding-left:
3px;"></a></div>
<div style="margin-top: 4px;
text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)"><img src=
"http://chasikov.net.ru/design/Mchat.png" width="100" height="15"
border="0" alt="Открыть/Закрыть"
title="Открыть/Закрыть"></a></div>
</div></div>
<!-- </конец мини-чата> -->
Смотрим пример мини-чат в низу слево пример
Code
<!-- <начало мини-чата> -->
<div style="position:absolute;position:fixed;bottom:1;left:1;opacity:1.0;">
<div id="chat" style="display: none;"><table border="0"
cellpadding="0" cellspacing="0" width="300" style="border: 1px solid
gray; background: #CCCCCC;">
<br><tr><td height="32"
background="http://chasikov.net.ru/design/CHAT.png"></td></tr><tr><td
style="background: #f6f6f6; text-align: center; border-top: 1px solid
gray;">
$CHAT_BOX$
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="206">
</td></tr></table>
</td></tr></table></div>
<div style="height: 22px; width: 298px; border: 1px solid gray; background: #CCCCCC; margin-top: 1px;">
<div style="float:right; height: 18px; width: 48px; border-left:
1px solid gray ;text-align: center; padding-top: 4px;"><font
color="gray"><span
class="xml-text">$TIME$</font></div>
<div
style="float: left; padding-top: 3px;"><a href="javascript://"
rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return
false;" title="Обновить"><img
src="http://chasikov.net.ru/design/1.png" alt="Обновить" border="0"
width="16" height="16" style="padding-left: 3px;"></a><a
href="javascript://" rel="nofollow" onclick="new _uWnd('Sml','
',-250,-350,{autosize:0,closeonesc:1,resize:0,icon:'http://chasikov.net.ru/design/3.png'},{url:'/index/35-0-2'});return
false; "><img src="http://chasikov.net.ru/design/3.png"
height="16" width="16" border="0" alt="Смайлы" style="padding-left:
3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Cntrl','Управление
сообщениями',580,600,{autosize:0,resize:0,icon:'http://chasikov.net.ru/design/4.png'},{url:'/mchat/0-1',
xml: false});return false; "><img
src="http://chasikov.net.ru/design/4.png" height="16" width="16"
border="0" alt="Управление мини-чатом" style="padding-left:
3px;"></a></div>
<div style="margin-top: 4px;
text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)"><img src=
"http://chasikov.net.ru/design/Mchat.png" width="100" height="15"
border="0" alt="Открыть/Закрыть"
title="Открыть/Закрыть"></a></div>
</div></div>
<!-- </конец мини-чата> -->
Смотрим пример мини-чат в низу справо пример
Code
<!-- <начало мини-чата> -->
<div style="position:absolute;position:fixed;bottom:1;right:1;opacity:1.0;">
<div id="chat" style="display: none;"><table border="0"
cellpadding="0" cellspacing="0" width="300" style="border: 1px solid
gray; background: #CCCCCC;">
<br><tr><td height="32"
background="http://chasikov.net.ru/design/CHAT.png"></td></tr><tr><td
style="background: #f6f6f6; text-align: center; border-top: 1px solid
gray;">
$CHAT_BOX$
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="206">
</td></tr></table>
</td></tr></table></div>
<div style="height: 22px; width: 298px; border: 1px solid gray; background: #CCCCCC; margin-top: 1px;">
<div style="float:right; height: 18px; width: 48px; border-left:
1px solid gray ;text-align: center; padding-top: 4px;"><font
color="gray"><span
class="xml-text">$TIME$</font></div>
<div
style="float: left; padding-top: 3px;"><a href="javascript://"
rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return
false;" title="Обновить"><img
src="http://chasikov.net.ru/design/1.png" alt="Обновить" border="0"
width="16" height="16" style="padding-left: 3px;"></a><a
href="javascript://" rel="nofollow" onclick="new _uWnd('Sml','
',-250,-350,{autosize:0,closeonesc:1,resize:0,icon:'http://chasikov.net.ru/design/3.png'},{url:'/index/35-0-2'});return
false; "><img src="http://chasikov.net.ru/design/3.png"
height="16" width="16" border="0" alt="Смайлы" style="padding-left:
3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Cntrl','Управление
сообщениями',580,600,{autosize:0,resize:0,icon:'http://chasikov.net.ru/design/4.png'},{url:'/mchat/0-1',
xml: false});return false; "><img
src="http://chasikov.net.ru/design/4.png" height="16" width="16"
border="0" alt="Управление мини-чатом" style="padding-left:
3px;"></a></div>
<div style="margin-top: 4px;
text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)"><img src=
"http://chasikov.net.ru/design/Mchat.png" width="100" height="15"
border="0" alt="Открыть/Закрыть"
title="Открыть/Закрыть"></a></div>
</div></div>
<!-- </конец мини-чата> -->
ДЛЯ ТЁМНЫХ
вверху
Code
<!-- <начало мини-чата> -->
<div style="position:absolute;position:fixed;up:5;left:460;opacity:1.0;">
<div id="chat" style="display: none;"><table border="0"
cellpadding="0" cellspacing="0" width="300" style="border: 1px solid
gray; background: #000000;">
<br><tr><td height="32"
background="http://chasikov.net.ru/design/CHAT_black.png"></td></tr><tr><td
style="background: #000000; text-align: center; border-top: 1px solid
gray;">
$CHAT_BOX$
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="206">
</td></tr></table>
</td></tr></table></div>
<div style="height: 22px; width: 298px; border: 1px solid gray; background: #000000; margin-top: 1px;">
<div style="float:right; height: 18px; width: 48px; border-left:
1px solid grey ;text-align: center; padding-top: 4px;"><font
color="grey"><span
class="xml-text">$TIME$</font></div>
<div
style="float: left; padding-top: 3px;"><a href="javascript://"
rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return
false;" title="Обновить"><img
src="http://chasikov.net.ru/design/1.png" alt="Обновить" border="0"
width="16" height="16" style="padding-left: 3px;"></a><a
href="javascript://" rel="nofollow" onclick="new _uWnd('Sml','
',-250,-350,{autosize:0,closeonesc:1,resize:0,icon:'http://chasikov.net.ru/design/3.png'},{url:'/index/35-0-2'});return
false; "><img src="http://chasikov.net.ru/design/3.png"
height="16" width="16" border="0" alt="Смайлы" style="padding-left:
3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Cntrl','Управление
сообщениями',580,600,{autosize:0,resize:0,icon:'http://chasikov.net.ru/design/4.png'},{url:'/mchat/0-1',
xml: false});return false; "><img
src="http://chasikov.net.ru/design/4.png" height="16" width="16"
border="0" alt="Управление мини-чатом" style="padding-left:
3px;"></a></div>
<div style="margin-top: 4px;
text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)"><img src=
"http://chasikov.net.ru/design/Mchat_black.png" width="100" height="15"
border="0" alt="Открыть/Закрыть"
title="Открыть/Закрыть"></a></div>
</div></div>
<!-- </конец мини-чата> -->
В низу с лева
Code
<!-- <начало мини-чата> -->
<div style="position:absolute;position:fixed;bottom:1;left:1;opacity:1.0;">
<div id="chat" style="display: none;"><table border="0"
cellpadding="0" cellspacing="0" width="300" style="border: 1px solid
gray; background: #000000;">
<br><tr><td height="32"
background="http://chasikov.net.ru/design/CHAT_black.png"></td></tr><tr><td
style="background: #000000; text-align: center; border-top: 1px solid
gray;">
$CHAT_BOX$
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="206">
</td></tr></table>
</td></tr></table></div>
<div style="height: 22px; width: 298px; border: 1px solid gray; background: #000000; margin-top: 1px;">
<div style="float:right; height: 18px; width: 48px; border-left:
1px solid grey ;text-align: center; padding-top: 4px;"><font
color="grey"><span
class="xml-text">$TIME$</font></div>
<div
style="float: left; padding-top: 3px;"><a href="javascript://"
rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return
false;" title="Обновить"><img
src="http://chasikov.net.ru/design/1.png" alt="Обновить" border="0"
width="16" height="16" style="padding-left: 3px;"></a><a
href="javascript://" rel="nofollow" onclick="new _uWnd('Sml','
',-250,-350,{autosize:0,closeonesc:1,resize:0,icon:'http://chasikov.net.ru/design/3.png'},{url:'/index/35-0-2'});return
false; "><img src="http://chasikov.net.ru/design/3.png"
height="16" width="16" border="0" alt="Смайлы" style="padding-left:
3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Cntrl','Управление
сообщениями',580,600,{autosize:0,resize:0,icon:'http://chasikov.net.ru/design/4.png'},{url:'/mchat/0-1',
xml: false});return false; "><img
src="http://chasikov.net.ru/design/4.png" height="16" width="16"
border="0" alt="Управление мини-чатом" style="padding-left:
3px;"></a></div>
<div style="margin-top: 4px;
text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)"><img src=
"http://chasikov.net.ru/design/Mchat_black.png" width="100" height="15"
border="0" alt="Открыть/Закрыть"
title="Открыть/Закрыть"></a></div>
</div></div>
<!-- </конец мини-чата> -->
В низу с права
Code
<!-- <начало мини-чата> -->
<div style="position:absolute;position:fixed;bottom:1;right:1;opacity:1.0;">
<div id="chat" style="display: none;"><table border="0"
cellpadding="0" cellspacing="0" width="300" style="border: 1px solid
gray; background: #000000;">
<br><tr><td height="32"
background="http://chasikov.net.ru/design/CHAT_black.png"></td></tr><tr><td
style="background: #000000; text-align: center; border-top: 1px solid
gray;">
$CHAT_BOX$
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="206">
</td></tr></table>
</td></tr></table></div>
<div style="height: 22px; width: 298px; border: 1px solid gray; background: #000000; margin-top: 1px;">
<div style="float:right; height: 18px; width: 48px; border-left:
1px solid grey ;text-align: center; padding-top: 4px;"><font
color="grey"><span
class="xml-text">$TIME$</font></div>
<div
style="float: left; padding-top: 3px;"><a href="javascript://"
rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return
false;" title="Обновить"><img
src="http://chasikov.net.ru/design/1.png" alt="Обновить" border="0"
width="16" height="16" style="padding-left: 3px;"></a><a
href="javascript://" rel="nofollow" onclick="new _uWnd('Sml','
',-250,-350,{autosize:0,closeonesc:1,resize:0,icon:'http://chasikov.net.ru/design/3.png'},{url:'/index/35-0-2'});return
false; "><img src="http://chasikov.net.ru/design/3.png"
height="16" width="16" border="0" alt="Смайлы" style="padding-left:
3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Cntrl','Управление
сообщениями',580,600,{autosize:0,resize:0,icon:'http://chasikov.net.ru/design/4.png'},{url:'/mchat/0-1',
xml: false});return false; "><img
src="http://chasikov.net.ru/design/4.png" height="16" width="16"
border="0" alt="Управление мини-чатом" style="padding-left:
3px;"></a></div>
<div style="margin-top: 4px;
text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)"><img src=
"http://chasikov.net.ru/design/Mchat_black.png" width="100" height="15"
border="0" alt="Открыть/Закрыть"
title="Открыть/Закрыть"></a></div>
</div></div>
<!-- </конец мини-чата> -->
Комментарии: