в конец второго окна стиля всю эту муть
Код:
/* CS_else Right Panel */
.hoverbox {
padding: 0;
list-style: none;
}
.hoverbox a .preview {
display: none;
}
.hoverbox a:hover .preview {
position: absolute;
z-index: 1;
display: block;
top: 0px;
left: 0px;
}
.hoverbox img {
background-color: transpanent;
vertical-align: top;
}
.hoverbox li {
position: relative;
display: inline;
float: left;
padding: 0px;
background: transpanent;
}
.hoverbox li.text {
position: relative;
float: left;
display: inline;
margin: 0px;
padding: 0px;}
#slideout {
position: fixed;
z-index: 200;
top: 5px;
right: 0;
width: 35px;
padding: 12px 0;
text-align: center;
background-image: url(http://uploads.ru/i/g/3/z/g3z2w.jpg);
-webkit-border-radius: 5px 0 0 5px;
-khtml-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-o-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
#slideout_inner {
position: fixed;
z-index: 200;
top: 5px;
right: -250px;
width: 225px;
max-height: 500px;
overflow-y: auto;
padding: 15px;
text-align: left;
background-image: url(http://uploads.ru/i/g/3/z/g3z2w.jpg);
color: #000;
-webkit-border-radius: 0 0 0 5px;
-khtml-border-radius: 0 0 0 5px;
-moz-border-radius: 0 0 0 5px;
-o-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
#slideout_inner textarea {
width: 190px;
height: 150px;
margin-bottom: 6px;
}
#slideout:hover {right: 250px;}
#slideout:hover #slideout_inner {right: 0;}в html-верх
Код:
<!-- Само ухо --> <div id="slideout"> <!-- Пикча кнопки --><img src="http://s1.ipicture.ru/uploads/20120414/EAHD6sCT.png"><!-- End --> <div id="slideout_inner"> <!-- Контент --> text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text text-text-text-text <!-- Конец контента --> </div> </div>