Авторизация
Мини-Чат
Есть вопросы? - На форум.
Здесь они игнорируются!






150x200
  • Страница 1 из 1
  • 1
Панель как на сайте ONLINE-MUSIC v.2
ThebeavermenДата: Вторник, 20.09.2011, 13:02 | Сообщение # 1
Группа: Пользователи
Сообщений: 51
ICQ: 494412480
Репутация:  2 

Улучшения:
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>
  • Страница 1 из 1
  • 1
Поиск:
Наверх