Панель как на сайте ONLINE-MUSIC v.2


Панель как на сайте ONLINE-MUSIC v.2

1189
6 из 10
Проголосовало: 5






Улучшения:
1.MP3 плеер совсей музыкой сайта.За одно обновление примерно покажет +-59 песен.
2.Улучшенны иконки.
3.Управление страницами сайта.
4.Поиск с экранной клавиатурой.

Code
<?if($ADMIN_BAR$)?><?endif?>  
  <script type="text/javascript" src="http://online-music.3dn.ru/images/panel_ss.js"></script>  
  <script type="text/javascript" src="http://online-music.3dn.ru/keyboard/keyboard.js" charset="UTF-8"></script>  
  <link rel="stylesheet" type="text/css" href="http://online-music.3dn.ru/keyboard/keyboard.css"><script type="text/javascript">  
  var myInput = document.getElementById('key');  
  if (!myInput.VKI_attached) VKI_attach(myInput);  
  </script>  
  <div id="uppanel">  
  <div id="reclama1"><a href="#" class="c3"><form method="post" style="margin:0px" action="http://online-music.3dn.ru/board/"><input style="border-top-left-radius:2px;border-bottom-left-radius:2px;color:drey;width: 130px;border:none;height: 17px;" type="text" value="" name="query" maxlength="30" size="50" class="queryField" id="key" /><input type="submit" class="AdvSubmitFl" value="↲" style="height: 17px;width: 25px;color:white;background:url(http://online-music.3dn.ru/profills/logoFon.png);border-bottom-right-radius:2px;border-top-right-radius:2px;border:none;"/><input type="hidden" name="a" value="2" /></form>  
  </a><a href="#" class="c4">$TIME$</a></div>  

  <div id="reclama">  
  <a href="http://online-music.3dn.ru/board/0-0-0-0-1" class="c2"><img border="0" src="http://online-music.3dn.ru/icopanel/add.png" width="16" style="border:none;vertical-align:middle;"> MP3</a>  
  <a href="http://online-music.3dn.ru/publ/0-0-0-0-1" class="c2"><img border="0" src="http://online-music.3dn.ru/icopanel/add.png" width="16" style="border:none;vertical-align:middle;"> Видео</a>  
  <a href="http://online-music.3dn.ru/photo/0-0-0-1" class="c2"><img border="0" src="http://online-music.3dn.ru/icopanel/add.png" width="16" style="border:none;vertical-align:middle;"> фото</a>  
  <a href="#" onclick="openchat();" class="c2"><img border="0" src="http://online-music.3dn.ru/icopanel/heart.png" width="16" style="border:none;vertical-align:middle;">Чат</a>  
  <a class="c2" style="text-decoration: none;" href="javascript:void(0)" onclick="$('#mp3').toggle('slow');"><img border="0" src="http://online-music.3dn.ru/icopanel/down.png" width="16" style="border:none;vertical-align:middle;">MP3</a>  
  <a class="c2" href="javascript: new_window()"><img border="0" src="http://online-music.3dn.ru/icopanel/terminal.png" width="16" style="border:none;vertical-align:middle;">MP3</a>  
  <a href="#" onclick="openchat();" class="c5"><a href="javascript:history.back()" title="Назад")" class="c9"><img border="0" src="http://online-music.3dn.ru/icopanel/left.png" width="25" style="border:none;vertical-align:middle;padding-right:1px"></a>  
  <a href="javascript:history.forward()" title="Вперёд")" class="c9"><img border="0" src="http://online-music.3dn.ru/icopanel/right.png" width="25" style="border:none;vertical-align:middle;padding-right:1px"></a>  
  <a href="javascript:window.location.reload();" title="Обновить страницу" class="c9"><img border="0" src="http://online-music.3dn.ru/icopanel/recycle.png" width="25" style="border:none;vertical-align:middle;padding-right:1px">  
  <a href="/" title="На главную" class="c9"><img src="http://online-music.3dn.ru/icopanel/information.png" border="0" width="25" style="border:none;vertical-align:middle;padding-right:1px"></a>  
  <a href="/news/rss" title="RSS" class="c9"><img src="http://online-music.3dn.ru/icopanel/rss.png" border="0" width="25" style="border:none;vertical-align:middle;padding-right:1px"></a>  
  </a><?if($USER_LOGGED_IN$)?><SCRIPT LANGUAGE="JavaScript">  
  <!--  
  function new_window()  
  {  
  window.open('http://online-music.3dn.ru/index/mp3/0-23','newwin','top=15, left=20, menubar=0, toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, width=220, height=220');  
  }  
  // -->  
  </SCRIPT><?else?><SCRIPT LANGUAGE="JavaScript">  
  <!--  
  function new_window()  
  {  
  window.open('http://online-music.3dn.ru/index/mp3/0-23','newwin','top=15, left=20, menubar=0, toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, width=400, height=200');  
  }  
  // -->  
  </SCRIPT><?endif?>  

  </div>  

  <a href="javascript:show_menu()" id="pokaz">ONLINE-MUSIC</a>  
  <div style="margin-left:200px;">  
  <?if($USER_LOGGED_IN$)?>  
  <a href="$PERSONAL_PAGE_LINK$" class="cl"><img border="0" src="http://online-music.3dn.ru/icopanel/happy.png" width="25" style="border:none;vertical-align:middle;">Профиль</a>  
  <a href="$PM_URL$" title="Личные сообщения" class="cl"><img border="0" src="http://online-music.3dn.ru/icopanel/bbc.png" width="25" style="border:none;vertical-align:middle;">ЛС</a>  
  <a href="javascript://" rel="nofollow" onclick="new _uWnd('AwL','Список наград',380,200,{autosize:1,maxh:300,minh:100,closeonesc:1},{url:'/index/54-$USER_ID$'});return false;" title="Список наград" class="cl"><img border="0" src="http://online-music.3dn.ru/icopanel/duck.png" width="25" style="border:none;vertical-align:middle;">Награды</a>  
  <a href="javascript://" rel="nofollow" onclick="new _uWnd('Rh',' ',400,250,{autosize:1,maxh:300,minh:100,closeonesc:1},{url:'/index/9-$USER_ID$'});return false;" class="cl"><img border="0" src="http://online-music.3dn.ru/icopanel/king.png" width="25" style="border:none;vertical-align:middle;">Репутация</a>  
  <a href="$LOGOUT_LINK$" class="cl"><img border="0" src="http://online-music.3dn.ru/icopanel/moon.png" width="25" style="border:none;vertical-align:middle;">Выход</a>  
  <?else?>  
  <a href="/index/3" class="cl"><img border="0" src="http://online-music.3dn.ru/icopanel/pen.png" width="25" style="border:none;vertical-align:middle;">Регистрация</a>  
  <a href="$LOGIN_LINK$" class="cl"><img border="0" src="http://online-music.3dn.ru/icopanel/key.png" width="25" style="border:none;vertical-align:middle;">Авторизоваться</a>  
  <?endif?>  
  </div>  

  <div id="mp3" style="display: none;z-index:999;position:absolute;"><style>  
  BODY{margin:0px;background-color: #45688E;background-attachment: fixed;}  
  .c7 {padding-top:5px;color:white;text-shadow:0px 0px 5px #ffffff;}  
  </style>  
  <small><font color="white" style="text-shadow:0px 0px 5px #ffffff;">После обновления <br>песни меняются</font></small><a target="_blank" href="http://online-music.3dn.ru/board/0-0-0-0-1"><img border="0" src="http://online-music.3dn.ru/icopanel/add.png" width="16" style="border:none;vertical-align:middle;"></a><a href="javascript:void(0)" onclick="$('#mp3').toggle('slow');"><img border="0" src="http://online-music.3dn.ru/icopanel/stop.png" width="16" style="border:none;vertical-align:middle;"></a>  

  <div class="c7">  
  <script type="text/javascript" src="http://online-music.3dn.ru/mp3/swfobject.js"></script>  
  <div id="player_box1" style="text-align:center;float:left;">  
  Для проигрывания музыки требуется <a href="http://online-music.3dn.ru/soft/install_flash_player.rar" target="_blank" title="Скачать Flash Player 10 бесплатно">Flash Player 10</a>.<br> </div>  
  <script type="text/javascript">  
  var rnumber = Math.floor(Math.random()*9999999);  
  var so = new SWFObject("http://online-music.3dn.ru/mp3/player.swf?r="+rnumber, "player_code", "195", "131", "9");  
  so.addParam("wmode", "transparent");  
  so.addParam("allowScriptAccess", "always");  
  so.addVariable("skin", "http://online-music.3dn.ru/mp3/gray2.png");  
  so.addVariable("tracks", "$MYINF_24$");  
  so.write("player_box1");  
  </script><br><br>  
  </div></div></div></div>  
  <style>  
  #mp3 {border-right:1px solid #45688E;border-bottom:1px solid #45688E;color: rgb(88, 85, 70); background-color: rgba(0, 0, 0, 0.5); text-align: center;}  

  #uppanel {background:url(http://online-music.3dn.ru/profills/logoFon.png);height:25px;background-color: rgba(0, 0, 0, 0.8);width:100%;border-bottom:1px solid #45688E;}  
  #pokaz {height:15px;background-color: rgba(0, 0, 0, 0.3);padding:5px;color:white;border:none;float:left;display:block;border-right:1px solid #698CB1;border-bottom-right-radius: 5;border-top-right-radius: 5;}  
  #pokaz:hover {height:15px;background-color: rgba(0, 0, 0, 0.3);padding:5px;color:white;border:none;float:left;display:block;border-right:1px solid#b2e1ff;border-bottom-right-radius: 5;border-top-right-radius: 5;}  
  .cl {float:left;display:none;margin-top:1px;margin-left:20px;padding:0px 10px 0px 10px;border-top-left-radius: 5;border-top-right-radius: 5;}  
  .cl:link, .cl:visited, .cl:active {color:#b2e1ff;text-decoration:none;background:url(http://online-music.3dn.ru/images/panel_2.png);}  
  .cl:hover {color:#b2e1ff;background:url(http://online-music.3dn.ru/images/panel_1.png);text-shadow:0px 0px 5px #ffffff;}  
  .cl:visited {color:#b2e1ff;background:url(http://online-music.3dn.ru/images/panel_1.png);text-shadow:0px 0px 5px #ffffff;}  

  .c2 {border-top:1px solid #45688E;float:left;margin-top:5px;margin-left:5px;padding:3px 10px 3px 10px;border-top-left-radius: 3;border-top-right-radius: 3;}  
  .c2:link, .cl:visited {border-top:1px solid #698CB1;color:white;text-decoration:none;background:url(http://online-music.3dn.ru/images/panel_2.png);}  
  .c2:hover {color:#b2e1ff;border-top:1px solid #b2e1ff;text-shadow:0px 0px 5px #ffffff;}  
  .c2:visited {color:white;background:url(http://online-music.3dn.ru/images/panel_1.png);text-shadow:0px 0px 5px #ffffff;}  

  .c3 {height:15px;color:#fff;border:none;float:right;display:block;border-left:1px solid #698CB1;border-right:1px solid #698CB1;text-shadow:1px 0px 1px #cccccc;}  
  .c3:hover {height:15px;padding:5px;color:#fff;border:none;float:left;display:block;border-left:1px solid #698CB1;border-right:1px solid #698CB1;}  
  .c3:visited {height:15px;padding:5px;color:#fff;border:none;float:left;display:block;border-left:1px solid #698CB1;border-right:1px solid #698CB1;}  
  .c3:link, .cl:visited, .cl:active {height:15px;padding:5px;color:#fff;border:none;float:left;display:block;border-right:1px solid #698CB1;border-left:1px solid #698CB1;}  

  .c4 {float:left;margin-top:5px;margin-left:5px;padding:2px 5px 2px 5px;border-bottom-left-radius: 3;border-top-left-radius: 3;}  
  .c4:link, .cl:visited {color:white;text-decoration:none;background: url(http://online-music.3dn.ru/images/panel_2.png);}  
  .c4:hover {color:#b2e1ff;text-shadow:0px 0px 5px #ffffff;}  
  .c4:visited {color:white;background:url(http://online-music.3dn.ru/images/panel_1.png);text-shadow:0px 0px 5px #ffffff;}  

  .c5 {margin-left:5px;height:25px;color:#fff;border:none;float:left;display:block;border-left:1px solid #698CB1;}  

  .c9 {float:right;margin-top:1px;margin-left:5px;}  

  #reclama {float:right;padding-right:5px;}  
  #reclama1 {float:right;background-color: rgba(0, 0, 0, 0.3);}  
  #exet {color:#ff0018;}  
  </style>or:#ff0018;}
</style>
Автор публикации: Загрузка
Загрузка
PUNK330, это его n материал
Источник: http://online-music.3dn.ru/
  • Всего комментариев: 1

BlackPh
+1
BlackPh написал: Написано 23 Июля 2011 в 16:55
Комментарий №1
Полная [удалено] . хоть бы ссылки поменяд на $HOMEPAGE_LINK$

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта 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
    чужих
    Онлайн всего: 8
    Гостей: 7
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: