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

1724
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 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
    Последние темы
    Опрос
    469
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: