кто подскажет как можно прикрутить вот ето http://www.03www.ru/2010/010110-18.htm к каждой странице сайта?
заранее благодарен
</head>
вставляешь такой код:<!-- Панелька -->
<style>
/*body {margin: 0;padding: 75px 0 0;}*/
.slide-panel { position: absolute; z-index: 25;}
.bottom { bottom: 0;}
.top { top: 0;}
.content {margin-left: auto;margin-right: auto; z-index: 10;overflow: hidden;text-align: left;background-color: #343434;height: 0;width: 100%;}
.slide-button {margin-left: auto;margin-right: auto;position: relative;width: 150px;z-index: 20;cursor: pointer;height: 30px;padding-top: 10px;text-align: center;color:yellow;FONT-FAMILY: arial,helvetica;}
.slide-button:hover { color: yellow;FONT-FAMILY: arial,helvetica;}
.slide-button { margin-left: auto; margin-right: auto; cursor: pointer; color: #FFF; background-color: #333;}
.slide-button:hover { color: yellow;FONT-FAMILY: arial,helvetica;}
#workspace { padding-top: 50px;}
#list-1 { display: inline; float: left;}
#list-2 { display: inline; float: left;}
#list-3 { float: left;}
#list-4 { float: left;}
ul.list { line-height: 20px; list-style-type: none; width: 20%; font-size: 0.85em;color:#FFF;FONT-FAMILY: arial,helvetica;}
ul.list li {border-bottom: 1px solid rgba(73,81,84,0.49);padding-top: 3px;padding-bottom: 3px;cursor: pointer;}
ul.list li:hover {border-bottom: 1px solid rgba(73,81,84,0.49);padding-top: 3px;padding-bottom: 3px;cursor: pointer;color:yellow;FONT-FAMILY: arial,helvetica;}
ul.list li.header { color:yellow;letter-spacing: 3px;padding-bottom: 20px;font-variant: small-caps;font-size: 1.7em;margin-top: 10px;cursor: text;}
ul.list li.header:hover {font-size: 1.7em;}
</style>
<script type="text/javascript">
(function($){$.fn.slideBox=function(params){var content=$(this).html();var defaults={width:"100%",height:"200px",position:"bottom"}
if(params)$.extend(defaults,params);var divPanel=$("<div class='slide-panel'>");var divContent=$("<div class='content'>");$(divContent).html(content);$(divPanel).addClass(defaults.position);$(divPanel).css("width",defaults.width);$(divPanel).css("left",(100-parseInt(defaults.width))/2+"%");if(defaults.position=="top")
$(divPanel).append($(divContent));$(divPanel).append("<div class='slide-button'><b>ОТКРЫТЬ</b></div>");$(divPanel).append("<div style='display: none' id='close-button' class='slide-button'><b>ЗАКРЫТЬ</b></div>");if(defaults.position=="bottom")
$(divPanel).append($(divContent));$(this).replaceWith($(divPanel));$(".slide-button").click(function(){if($(this).attr("id")=="close-button")
$(divContent).animate({height:"0px"},1000);else
$(divContent).animate({height:defaults.height},1000);$(".slide-button").toggle();});};})(jQuery);
$(document).ready(function(){
$("#testZone").slideBox({width: "100%", height: "200px", position: "bottom"});
});
</script>
<!-- КОНЕЦ Панелька -->
<body>
пишешь следующее:<!-- Панелька 2 -->
<div id="forsalediv" style="position: fixed; left: 0; right: 0; bottom: 0; z-index: 20;">
<script type="text/javascript">
<!--
fix_elements = new Array();
function fix_event() {
for (var i = 0; i < fix_elements.length; i++){
if (navigator.userAgent.indexOf("MSIE 6") == -1) {
fix_elements[i].style.top = document.getElementsByTagName('body')[0].scrollTop+document.getElementsByTagName('body')[0].clientHeight - fix_elements[i].offsetHeight;
} else {
fix_elements[i].style.top = document.getElementsByTagName('html')[0].scrollTop+document.getElementsByTagName('html')[0].clientHeight - fix_elements[i].offsetHeight;
if (document.getElementsByTagName('html')[0].scrollTop == 0 && document.getElementsByTagName('html')[0].clientHeight == 0) {
fix_elements[i].style.top = document.getElementsByTagName('body')[0].scrollTop+document.getElementsByTagName('body')[0].clientHeight - fix_elements[i].offsetHeight;
}
}
}
}
function fix_bind() {
if (navigator.appName == "Netscape") { return; }
for (var i = 0; i < document.all.length; i++){
if (document.all[i].currentStyle.position == 'fixed'){
document.all[i].fix_bottom = document.all[i].currentStyle.bottom;
document.all[i].style.position = 'absolute';
fix_elements[fix_elements.length] = document.all[i];
window.attachEvent('onscroll',fix_event);
window.attachEvent('onresize',fix_event);
}
}
}
fix_bind();
//--></script>
<div id="forsale">
<!-- КОНТЕНТ ПАНЕЛЬКА -->
<div id="testZone">
<ul id="list-1" class="list">
<li class="header">Lorem lispum.</li>
<li class="item">In blandit turpis.</li>
<li class="item">Cras a mi at odio.</li>
<li class="item">Vivamus egestas urna.</li>
<li class="item">Furce gravida lectus.</li>
</ul>
<ul id="list-2" class="list">
<li class="header">Lorem lispum.</li>
<li class="item">In blandit turpis.</li>
<li class="item">Cras a mi at odio.</li>
<li class="item">Vivamus egestas urna.</li>
<li class="item">Furce gravida lectus.</li>
</ul>
<ul id="list-3" class="list">
<li class="header">Lorem lispum.</li>
<li class="item">In blandit turpis.</li>
<li class="item">Cras a mi at odio.</li>
<li class="item">Vivamus egestas urna.</li>
<li class="item">Furce gravida lectus.</li>
</ul>
<ul id="list-4" class="list">
<li class="header">Lorem lispum.</li>
<li class="item">In blandit turpis.</li>
<li class="item">Cras a mi at odio.</li>
<li class="item">Vivamus egestas urna.</li>
<li class="item">Furce gravida lectus.</li>
</ul>
</div>
</div>
<!-- КОНЕЦ КОНТЕНТ ПАНЕЛЬКА -->
</div>
<!-- КОНЕЦ Панелька 2 -->
<!-- КОНТЕНТ ПАНЕЛЬКА -->
и <!-- КОНЕЦ КОНТЕНТ ПАНЕЛЬКА -->
заполняешь своими данными.