Среда, 11.Дек.2024, 23:13:14
Приветствую Вас Гость

 

[ Наша команда · Услуги сайта · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
23:13:14
Обновить
  • Страница 1 из 1
  • 1
Измененная Windows Panel на сайт (b1)
RRZusp45Дата: Понедельник, 31.Янв.2011, 17:16:58 | Сообщение # 1
Рядовой
Проверенные
Добавить в друзья
Смайл настроения:
Сообщений: 47
Награды: 8 1
Репутация: 73
Статус: Offline
Выложил скрипт Панель на сайт как Windows7

И выкладываю мое изменение
О классике никто не помнит, поэтому я сделал вот это:
Панель как на Windows XP ( lol )
Версия: beta 1
И не обойтись без скринов...

Прошу не жаловаться... это еще BETA
В нижнюю часть сайта:

Code
<!-- Windows_panel -->
<!-- Меню сайта -->
<div id="start">
  <table border="0" cellpadding="0" cellspacing="0" width="403"><tbody><tr><td class="start1" align="center" height="65" width="403"><span style="cursor:pointer;">
  <img alt="" title="$USERNAME$" src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://webo4ka.ru/Ucoz2/Windows_panel/gost.gif<?endif?>" style="padding-top: 0px; padding-right: 344px;" onclick="profile1();" align="right" height="45" width="48"></span></td></tr></tbody></table>
  <table border="0" cellpadding="0" cellspacing="0" height="370" width="403"><tbody><tr><td width="268" align="left" class="start2">
  <div style="text-align:left;"><div style="text-align:left;">
  <?if($USER_AGENT$=='ie' || $USER_AGENT$=='opera')?><script type="text/javascript" src="http://webo4ka.ru/Ucoz2/Windows_panel/menu_IE.js"></script><?endif?>
  <ul id="menu" class="pmenu">
  <li><a href="$HOME_PAGE_LINK$"><img src="http://webo4ka.ru/Ucoz2/Windows_panel/home.png" border="0" alt="Главная" align="left" > <span class="menutext">Главная</span></a></li>
  <li><a href="$HOME_PAGE_LINK$index/0-2/"><img src="http://webo4ka.ru/Ucoz2/Windows_panel/info.png" border="0" alt="Информация" align="left" > <span class="menutext">Информация</span></a></li>
  <li><a href="$HOME_PAGE_LINK$load/"><img src="http://webo4ka.ru/Ucoz2/Windows_panel/files.png" border="0" alt="Каталог файлов" align="left" > <span class="menutext">Файлы</span></a>
  <ul>
  <li><a href="/load/1"><span class="menutext">Моды для GTA: San Andreas</span></a>
  <ul id="navmenu-v">
  <li><a href="/load/17"><span class="menutext">Глобальные моды</span></a></li>
  <li><a href="/load/18"><span class="menutext">Изменение параметров</span></a></li>
  <li><a href="/load/19"><span class="menutext">Новые карты</span></a></li>
  <li><a href="/load/20"><span class="menutext">Текстурные моды</span></a></li>
  <li><a href="/load/21"><span class="menutext">CLEO-скрипты</span></a></li>
  <li><a href="/load/22"><span class="menutext">Программы</span></a></li>
  <li><a href="/load/23"><span class="menutext">DYOM-миссии</span></a></li>
  <li><a href="/load/26"><span class="menutext">Оружие</span></a></li>
  <li><a href="/load/25"><span class="menutext">SaveGame</span></a></li>
  <li><a href="/load/24"><span class="menutext">Трейнеры</span></a></li>
  </ul>
  </li>
  <li><a href="/load/27"><span class="menutext">Авто для GTA: San Andreas</span></a>
  <ul>
  <li><a href="#"><span class="menutext">Недоступно</span></a></li>
  <li><a href="#"><span class="menutext">Недоступно</span></a></li>
  </ul>
  </li>
  <li><a href="/forum/9"><span class="menutext">Софт</span></a>
  <ul>
  <ul>
  <ul>
  <li><a href="/forum/21"><span class="menutext">Игры</span></a></li>
  <li><a href="/forum/22"><span class="menutext">Драйвера</span></a></li>
  <li><a href="/forum/23"><span class="menutext">Остальное</span></a></li>
  <li><a href="/forum/30"><span class="menutext">Кряки и кейгены</span></a></li>
  <li><a href="/forum/31"><span class="menutext">Поиск софта...</span></a></li>
  </ul>
  <li><a href="/forum/16"><span class="menutext">Мультимедиа</span></a></li>
  <li><a href="/forum/17"><span class="menutext">Конверторы</span></a></li>
  <li><a href="/forum/18"><span class="menutext">Изображения</span></a></li>
  <li><a href="/forum/19"><span class="menutext">Украшение системы</span></a></li>
  <li><a href="/forum/20"><span class="menutext">CD, DVD, эмуляторы</span></a></li>
  </ul>
  <li><a href="/forum/10"><span class="menutext">Антивирусы</span></a></li>
  <li><a href="/forum/11"><span class="menutext">Офисные программы</span></a></li>
  <li><a href="/forum/12"><span class="menutext">Файловые оболочки и FTP</span></a></li>
  <li><a href="/forum/13"><span class="menutext">Интернет</span></a></li>
  <li><a href="/forum/14"><span class="menutext">Программы для общения</span></a></li>
  <li><a href="/forum/15"><span class="menutext">Переводчики</span></a></li>
  </ul>
  </li>
  </ul>
  </li>
  <li><a href="$HOME_PAGE_LINK$publ/"><img src="http://webo4ka.ru/Ucoz2/Windows_panel/publ.png" border="0" alt="Каталог статей" align="left" > <span class="menutext">Каталог статей</span></a>
  <ul>
  <li><a href="#"><span class="menutext">Каталог статей #1</span></a></li>
  <li><a href="#"><span class="menutext">Каталог статей #1</span></a></li>
  </ul>
  </li>
  <li><a href="$HOME_PAGE_LINK$photo/"><img src="http://webo4ka.ru/Ucoz2/Windows_panel/photo.png" border="0" alt="Фотоальбомы" align="left" > <span class="menutext">Фотоальбомы</span></a>
  <ul>
  <li><a href="#"><span class="menutext">Фотоальбомы #1</span></a></li>
  <li><a href="#"><span class="menutext">Фотоальбомы #1</span></a></li>
  <li><a href="#"><span class="menutext">Фотоальбомы #1</span></a></li>
  </ul></li>
  <li><a href="#"><img src="http://webo4ka.ru/Ucoz2/Windows_panel/tools.png" border="0" alt="Приложения" align="left" > <span class="menutext">Приложения</span></a> </li>
  <li><a href="$HOME_PAGE_LINK$stuff/"><img src="http://webo4ka.ru/Ucoz2/Windows_panel/games.png" border="0" alt="Игры" align="left" > <span class="menutext">Игры</span></a> </li>
  <li><a href="$HOME_PAGE_LINK$forum/"><img src="http://webo4ka.ru/Ucoz2/Windows_panel/forum.png" border="0" alt="Форум" align="left" > <span class="menutext">Форум</span></a> </li>
  <li><a href="$HOME_PAGE_LINK$gb/"><img src="http://webo4ka.ru/Ucoz2/Windows_panel/guestbook.png" border="0" alt="Гостевая книга" align="left" > <span class="menutext">Гостевая книга</span></a> </li>
  <li><a href="$HOME_PAGE_LINK$index/0-3/"><img src="http://webo4ka.ru/Ucoz2/Windows_panel/sendi.png" border="0" alt="Обратная связь" align="left" > <span class="menutext">Обратная связь</span></a> </li>
  </ul>
  </div>
  <script type="text/javascript">
  $.each($(".pmenu a"), function(){if(this.href == location.href.split('?')[0].split('#')[0]) this.className = "current";});
  </script></div>
  </td><td width="135" align="left" valign="top" class="start3">
  <?if($USER_LOGGED_IN$)?>
  <ul class="uz">
  <li title="Мой профиль" class="m1"><a class="m1" href="javascript://" onclick="profile1();"><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/user.png" border="0" > Профиль</a></li>
  <li title="<?if($IS_NEW_PM$)?>$UNREAD_PM$ нов<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>ых<?else?><?if($UNREAD_PM$%10=1)?>ое<?else?>ых<?endif?><?endif?> сообщени<?if($UNREAD_PM$%10=0||$UNREAD_PM$%10>4||$UNREAD_PM$%100>10&&$UNREAD_PM$%100<15)?>й<?else?><?if($UNREAD_PM$%10=1)?>е<?else?>я<?endif?><?endif?><?else?>Нет новых сообщений<?endif?>" class="m1"><a class="m1" href="javascript://" onclick="pm1();"><?if($IS_NEW_PM$)?><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/newpm.gif" border="0" ><?else?><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/nopm.gif" border="0" ><?endif?> Сообщения (<b>$UNREAD_PM$</b>)</a></li>
  <li title="Отправить личное сообщение" class="m1"><a class="m1" href="javascript://" onclick="send1();"><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/send.png" border="0" > Отправить ЛС</a></li>
  <li title="Настройки профиля" class="m1"><a class="m1" href="javascript://" onclick="change1();"><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/change.png" border="0" > Настройки</a></li>
  <li title="Все пользователи сайта" class="m1"><a class="m1" href="javascript://" onclick="users1();"><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/users.png" border="0" > Пользователи</a></li>
  <li title="Мои закладки" class="m1"><a class="m1" href="javascript://" onclick="bookmarks1();"><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/bookmarks.png" border="0" > Закладки</a></li>
  <li title="Мои комментарии к материалам" class="m1"><a class="m1" href="/index/34-$USER_ID$"><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/bookmarks.png" border="0" > Комментарии</a></li>
  <li title="Мои посты на форуме" class="m1"><a class="m1" href="/forum/0-0-1-3-$USER_ID$"><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/posts.png" border="0" > Посты</a></li>
  <li title="Завершить работу" class="m1"><a class="m1" href="$LOGOUT_LINK$"><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/logout.png" width="16" height="16" border="0" > Выйти</a></li>
  </ul>
  <script type="text/javascript">
  function profile1(){$('#start').toggle(); new _uWnd('profile1','Мой профиль',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/8-$_USER_ID$" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }
  function pm1(){$('#start').toggle(); new _uWnd('pm1','Мои сообщения',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/14" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }
  function send1(){$('#start').toggle(); new _uWnd('send1','Отправить личное сообщение',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/14-0-0-1" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }
  function change1(){$('#start').toggle(); new _uWnd('change1','Изменить личные данные',800,500,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/11" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }
  function users1(){$('#start').toggle(); new _uWnd('users1','Пользователи сайта',1024,768,{align:0,shadow:1,autosize:0,min:1,header:1,max:1,resize:1},'<iframe src="$HOME_PAGE_LINK$index/15" style="width:100%; height:100%; margin:0px; border:0px;" frameborder="0" scrolling="yes" hspace="0" vspace="0" allowtransparency="true"></iframe>'); }
  function bookmarks1(){$('#start').toggle(); bMarksView(); }
  </script>
  <?else?><ul class="uz">
  <li class="m1"><a class="m1" href="javascript://" rel="nofollow" title="Вход на сайт" onclick="$('#start').toggle(); new _uWnd('LF','Форма входа',-250,-110,{autosize:0,closeonesc:1,resize:0},{url:'/index/40'});return false;" title="Вход на сайт"><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/user_go.png" border="0" > Вход</a></li>
  <li class="m1"><a class="m1" href="$REGISTER_LINK$" title="Регистрация" onclick="$('#start').toggle();"><img alt="" src="http://webo4ka.ru/Ucoz2/Windows_panel/user_add.png" border="0" > Регистрация</a></li></ul>
  <?endif?></td>
  </tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" height="16" width="403"><tbody><tr><td class="start4" height="38" width="403" align="right"><a href="$LOGOUN_LINK$">Выход</a>                <br></td></tr></tbody></table>
  </div>
<!-- end меню сайта -->

<table class="starttable" border="0" cellpadding="0" cellspacing="0" height="29" width="100%">
  <tbody><tr><td style="padding-left: 0px;" height="30" valign="top">
  <a class="pusk" id="pusk" onclick="$ ('#start').toggle(); setTimeout(off, 100); return false;"></a></td>
  <td valign="top" style="padding-top: 7px; padding-right: 20px;" align="right">
  <span class="baner"><img title="" src=""></span> <span id="hours" style="font-weight:bold; vertical-align: super; color: #FFFFFF;"></span></td></tr>
  </tbody></table>

<a href="#" id="toTop" style="z-index:45;"><img alt="" class="panelka" style="z-index:45;" src="http://webo4ka.ru/Ucoz2/Windows_panel/to_top.png" border="0" align="middle" title="Вверх" ></a>
  <script src="http://webo4ka.ru/Ucoz2/Windows_panel/jquery.scroll.pack.js" type="text/javascript"></script>
  <script type="text/javascript">
  $(function() {
  $("#toTop").scrollToTop();
  });
  </script>

<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/Windows_panel/clock.js"></script>

<!-- end Windows_panel -->

В CSS

Code
/* Меню начало */
.menublock {display:block; height:320px;width:180px;}
.current {background:#dfedfd !important;display:block; width:180px; height:33px;}
.current:hover {background:#B2DCFF !important;}
#menu{list-style:none; padding:0; margin:0; height:33px; position:relative; z-index:2; width:180px; }
#menu li {list-style:none;position:relative;padding:0px; margin:0px; float:left; height:33px;}
#menu li a{display:block; list-style:none; padding:0px; margin:0px; float:left; width:180px; height:33px; font-size:12px; position:relative; z-index:1; padding:0px 0 0 7px;}
.menutext { font-weight:bold; position:absolute; padding-top:10px;}
#menu li a:link{text-decoration:none;color:#000;}
#menu li a:visited{text-decoration:none;color:#000;}
#menu li a:hover{text-decoration:none;color:#000;background:#1560bd;}
#menu li:hover, #menu li.jshover{ background:#1560bd; }
#menu li:hover a:link, #menu li.jshover a:link{text-decoration:none;color:#000;}
#menu li:hover a:visited, #menu li.jshover a:visited{text-decoration:none;color:#000;}
#menu li:hover a:hover, #menu li.jshover a:hover{text-decoration:none;color:#000;}
#menu li:hover li a:link, #menu li.jshover li a:link{text-decoration:none;color:#000;}
#menu li:hover li a:visited, #menu li.jshover li a:visited{text-decoration:none;color:#000;}
#menu li:hover li a:hover, #menu li.jshover li a:hover{text-decoration:none;color:#000;}
#menu li:hover li:hover a:link, #menu li.jshover li.jshover a:link{text-decoration:none;color:#414141;}
#menu li:hover li:hover a:visited, #menu li.jshover li.jshover a:visited{text-decoration:none;color:#414141;}
#menu li:hover li:hover a:hover, #menu li.jshover li.jshover a:hover{text-decoration:none;color:#414141;}
#menu li:hover li:hover li a:link, #menu li.jshover li.jshover li a:link{text-decoration:none;color:#000;}
#menu li:hover li:hover li a:visited, #menu li.jshover li.jshover li a:visited{text-decoration:none;color:#000;}
#menu li:hover li:hover li a:hover, #menu li.jshover li.jshover li a:hover{text-decoration:none;color:#000;}
#menu li:hover li:hover li:hover a:link, #menu li.jshover li.jshover li.jshover a:link{text-decoration:none;color:#414141;}
#menu li:hover li:hover li:hover a:visited, #menu li.jshover li.jshover li.jshover a:visited{text-decoration:none;color:#414141;}
#menu li:hover li:hover li:hover a:hover, #menu li.jshover li.jshover li.jshover a:hover{text-decoration:none;color:#414141;}
#menu ul{ display:none; list-style:none; padding:0; margin:0; position:absolute; z-index:3; left:186px; top:0; width:180px; background:#e3e3e3 !important;}
#menu li:hover ul, #menu li.jshover ul{ display:block; background:#e3e3e3 !important;}
#menu li:hover ul ul, #menu li.jshover ul ul{ display:none; background:#e3e3e3 !important;}
#menu li:hover ul li:hover ul, #menu li.jshover ul li.jshover ul{ display:block; background:#e3e3e3 !important;}
#menu li ul li {background:#e3e3e3 !important;}
/* Меню конец */

/* Windows panel */
#start {z-index:40; display: none; position: fixed; bottom: 30px; left: 0px; width:403px;}
.start1 {background-image: url('http://for-you.ucoz.com/test/start_up.png'); background-position: right; color: rgb(255, 255, 255);}
.start2 {background-image: url('http://for-you.ucoz.com/test/start_left.png'); padding-left:0px;}
.start3 {background-image: url('http://for-you.ucoz.com/test/start_right.png'); background-position: right; padding-left:0px;}
.start4 {background-image: url('http://for-you.ucoz.com/test/start_down.png');}
.panelka { cursor:pointer; border:none; padding:2px; background:none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; }
.panelka:hover {padding:1px;border:1px solid #BDCFD7;background:#3b7385;}
.starttable {z-index:30; position: fixed; bottom: 0px; left: 0px; width: 100%; background-image: url('/test/test1.jpg');}
a.pusk {background:url('/test/test2.jpg') 0px 0px no-repeat;width:101px;height:30px;display:block; border:none;}
a.pusk:hover {background-position:0px -30px}
#toTop { width: 25px; border: none; text-align: center; padding: 0px; position: fixed; bottom: 0px; right: 185px; cursor: pointer; color: #666666; text-decoration: none; }
span.baner span a img { cursor:pointer; border:none !important; padding:2px !important; background:none !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;}
span.baner span a img:hover {padding:1px !important;border:1px solid #BDCFD7 !important;background:#3b7385 !important;}
/* Windows panel */

Также убран ESET scanner и переводчик сайта

Прикрепления: 5216308.jpg (254.3 Kb)




Если ваш ключ мне помог... ждите от меня +
Награды За 50 репутации
 
  • Страница 1 из 1
  • 1
Поиск: