Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.145.109.15
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Панель как на сайте ONLINE-MUSIC v.2
Сообщение оставлено 23.07.2011 в 20:16:32 | Сообщение #1


Улучшения:
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://clipis.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://clipis.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://clipis.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://clipis.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://clipis.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>

Источник: online-music.3dn.ru
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика