Прикрутить скрипт к сайту

  • Решено abiturient

    (@abiturient)


    8 лет назад

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

    
<!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 в отдельных файлах.
    Сколько будет стоить?
    И ещё. У меня скайп не установлен. По электронке можно общаться? Или всёж скайп установить?

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