Поддержка Поиск специалистов Прикрутить скрипт к сайту

  • С грехом пополам накропал скрипт открывающейся топпанели:

    
    <!DOCTYPE html>
    <html lang=»ru»>
    <head>
    <meta charset=»utf-8″ />
    <title>Выезжающая панель</title>
    <script type=»text/javascript» src=»js/jquery-1.7.min.js»></script>
    
    <script>
    $(document).ready(function() {
    $(«#open»).click(function(){
    $(«div#panel»).slideDown(«slow»);
    });
    $(«#close»).click(function(){
    $(«div#panel»).slideUp(«slow»);
    });
    $(«#toggle a»).click(function () {
    $(«#toggle a»).toggle();
    });
    });
    </script>
    
    <style>
    .clear {clear: both;height: 0;line-height: 0;}
    .clearfix:after {content: «.»;display: block;height: 0;clear: both;visibility: hidden;}
    .clearfix {display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */
    .clearfix {height: 1%;}
    .clearfix {display: block;}
    
    .tab {
    border-top: 2px solid #555555;
    height: 42px;
    position: relative;
    top: 0;
    z-index: 999;
    }
    .tab ul.login {
    display: block;
    position: relative;
    float: right;
    clear: right;
    height: 42px;
    width: auto;
    font-weight: bold;
    line-height: 42px;
    margin: -2px 0 0;
    right: 283px;
    font-size: 80%;
    }
    .tab ul.login li {
    text-align: left;
    padding: 0 6px;
    display: block;
    float: left;
    height: 42px;
    }
    .tab .sep {
    border: 2px solid #555555;
    }
    .tab ul.login li#toggle {
    background: ;
    border: 1px solid #555555;
    display: block;
    height: 42px;
    padding: 0 6px;
    text-decoration: none;
    }
    .tab a.open {
    height: 20px;
    line-height: 20px !important;
    cursor: pointer;
    display: block;
    width: 60px;
    position: relative;
    top: 11px;
    }
    .tab a.close{
    height: 20px;
    line-height: 20px !important;
    cursor: pointer;
    display: block;
    width: 60px;
    position: relative;
    top: 11px;
    }
    #toppanel {
    position: relative;;
    top: 0;
    width: 100%;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    }
    #panel {
    width: 100%;
    box-shadow: 0 2px 4px #000000;
    height: 470px;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
    }
    </style>
    </head>
    <body>
    
    <div id=»toppanel»>
    <div id=»panel»>
    <div class=»content clearfix»>
    </div>
    </div>
    
    <div class=»tab»>
    <ul class=»login»>
    
    <li class=»welcome»>
    <li id=»toggle»>
    Открыть
    Закрыть	
    
    </div>
    </div>
    </body>
    </html>
    

    В Notepad++ отлично работает. Не могу внедрить на сайт.
    Надо сделать чтоб панель заработала. Кнопку сам спозиционирую. Могу скинуть html, css и js в отдельных файлах.
    Сколько будет стоить?
    И ещё. У меня скайп не установлен. По электронке можно общаться? Или всёж скайп установить?

    • Тема изменена 5 лет, 9 месяцев назад пользователем Yui.
    • Тема изменена 5 лет, 9 месяцев назад пользователем Yui. Причина: хотя бы в code , в идеале на pastebin
Просмотр 2 ответов — с 1 по 2 (всего 2)
Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Тема «Прикрутить скрипт к сайту» закрыта для новых ответов.