Выход с сайта как на ПК windows by webo4ka


Выход с сайта как на ПК windows by webo4ka

1588
7.6 из 10
Проголосовало: 5






И так, сделал примерно такой же выход с сайта как на компьютере windows. При нажатии на кнопку выход, откроется окно, в котором будет три кнопки, такие же как при выключении компьютера, а именно: "кнопка ждущего режима, кнопка выхода и перезагрузки". При нажатии на кнопку перезагрузка, просто обновится страница, вообщем банальность)) при нажатии на кнопку выключения, пользователь выйдет из своего акка и станет гостем, тоже ничего необычного), а при нажатии на кнопку ждущий режим, откроется ajax окно, в котором будет показываться время (скрипт времени взял от сюда тык), ну тут тоже нет ничего необычного, просто мне при очередном выключении компьютера, пришла в в голову такая идея, сделать такой же выход с сайта. Ну вообщем на этом всё)

демо

Установка:

1) В самый верх страницы или после <body>:

Code
<?if($USER_LOGGED_IN$)?><div style="background:#000; opacity:0.5; display:none; position:fixed; width:100%; height:100%; z-index:999; padding:0px; margin:0px;" id="windows_zatemnenie_webo4ka"></div><?endif?>


2) это вставляем куда хотите, можно например в блок или самый низ сайта перед </body>:

Code
<?if($USER_LOGGED_IN$)?><div id="zactavka_webo4ka" style="display:none">  
<div id="idspclock1" style="font-size:55px; font-weight:bold; color:#fff; margin-top:17%;"></div>
<script type="text/javascript">$spclock1={tmr: 0,dubnums: function(i){if(i.length==1) return '0'+i; else return i;}, gettime: function(){tm=new Date();var h=new String(tm.getHours());var m=new String(tm.getMinutes());var s=new String(tm.getSeconds());var st=this.dubnums(h);st+=':'+this.dubnums(m);st+=':'+this.dubnums(s);return st;}, timeit: function(){window.clearTimeout(this.tmr);document.getElementById('idspclock1').innerHTML=this.gettime();this.tmr=window.setTimeout('$spclock1.timeit();',1000);},ready: function(){this.timeit();}}
$spclock1.ready();</script>
</div>

<script type="text/javascript">
function zhdushhij_rezhim_webo4ka(){new _uWnd("pravila_info","",300,200,{autosize:0,fadespeed:777,shadow:1,modal:1,popup:1},$("#zactavka_webo4ka").html());}
function windows_vixod_webo4ka() {$('#windows_vixod_webo4ka').slideToggle(1); $('#windows_zatemnenie_webo4ka').fadeIn(1);};
</script>  

<div style="position:fixed; top:40%; left: 38%; display:none; z-index:1000;" id="windows_vixod_webo4ka">
<div style="background:#fff; border:1px solid #000; width:342px; padding:0px; text-align:left;">
<div style="padding:5px; background: #003399; border-bottom:1px outset #d5e4f8; height:40px;"><div style="padding-top:8px; padding-left:6px; color:#fff; font-weight:bold; font-size:17px;">Выход с сайта</div></div>

<div style="background:#799aea; padding:3px; height:100px;"><br><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody>
<tr>
<td style="padding:5px; font-weight:bold; width:33%;"><center><a href="javascript://" onclick="$('#windows_vixod_webo4ka').slideToggle(1);$('#windows_zatemnenie_webo4ka').fadeOut(1);zhdushhij_rezhim_webo4ka()" /><img src="http://webo4ka.ru/Ucoz5/windows_vixod/1.png" border="0" onMouseOver="this.src='http://webo4ka.ru/Ucoz5/windows_vixod/6.png'" onMouseOut="this.src='http://webo4ka.ru/Ucoz5/windows_vixod/1.png'"></center></td>  
<td style="padding:5px; font-weight:bold; width:33%;"><center><a href="/index/10"><img src="http://webo4ka.ru/Ucoz5/windows_vixod/2.png" border="0" onMouseOver="this.src='http://webo4ka.ru/Ucoz5/windows_vixod/4.png'" onMouseOut="this.src='http://webo4ka.ru/Ucoz5/windows_vixod/2.png'"></center></td>
<td style="padding:5px; font-weight:bold; width:33%;"><center><a href=""><img src="http://webo4ka.ru/Ucoz5/windows_vixod/3.png" border="0" onMouseOver="this.src='http://webo4ka.ru/Ucoz5/windows_vixod/5.png'" onMouseOut="this.src='http://webo4ka.ru/Ucoz5/windows_vixod/3.png'"></a></center></td>
</tr>
<tr>  
<td style="padding:5px; font-weight:bold; color:#fff; width:33%;"><center><u>Ж</u>дущий режим</center></td>
<td style="padding:5px; font-weight:bold; color:#fff; width:33%;"><center><u>В</u>ыход</center></td>
<td style="padding:5px; font-weight:bold; color:#fff; width:33%;"><center><u>П</u>ерезагрузка</center></td>
</tr>
</tbody></table></div>
<div style="padding:5px; background: #003399; border-top:1px outset #d5e4f8; height:30px;"><div style="padding-top:8px; padding-left:6px;"><span style="float: right;"><input type="submit" value="Отмена" href="javascript://" onclick="$('#windows_vixod_webo4ka').slideToggle(1);$('#windows_zatemnenie_webo4ka').fadeOut(1);" /></span><br></div></div>
</div></div><?endif?>


3) И кнопку вызова окон вставляете туда куда вам надо:

Code
<?if($USER_LOGGED_IN$)?><a href="javascript://" onclick="windows_vixod_webo4ka()">Выход</a><?endif?>


готово!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 4

Админинстратор
+1
Админинстратор написал: Написано 05 мая 2012 в 16:40
Комментарий №4
Круто подходит к моему сайту на тему windows

Вовчик
+2
Вовчик написал: Написано 13 Января 2012 в 00:27
Комментарий №2
в демо на выход не нажимайте, а то снова авторизоваться надо будет))

k43
0
k43 написал: Написано 13 Января 2012 в 22:24
Комментарий №3
вот блин а я вышел biggrin

Maikl_47
+2
Maikl_47 написал: Написано 13 Января 2012 в 00:20
Комментарий №1
Прикольно smile

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    404
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: