mintemero
Спасибо
Кнопка "Пожаловаться админу", Новый вид меню
Сообщений 11 страница 13 из 13
Поделиться1105.03.13 21:13
Поделиться1206.03.13 12:52
Роллен
hyml-верх
<!-- JampPanel-->
<style>
.JampPanel:hover{
margin-right: 80px;
}
.JampPanel,.JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border: none;
background-color: rgb(147,127,92);
box-shadow: 0px 2px 3px rgba(0,0,0,0.6);
-webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.6);
-khtml-box-shadow:0px 2px 3px rgba(0,0,0,0.6);
-moz-box-shadow:0px 2px 3px rgba(0,0,0,0.6);
}
.JampPanel {
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background: rgb(147,127,92) url(http://s2.uploads.ru/XNpoW.png) 10px 10px no-repeat;
transition-duration: 0.33s;
-webkit-transition-duration: 0.33s;
-moz-transition-duration: 0.33s;
-o-transition-duration: 0.33s;
width:230px;
}
.JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 30px;
padding-right: 60px !important;
}
.Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color: rgb(147,127,92);
margin:-12px 0 0 -18px;
}
</style>
<div class=JampPanel>
<div class=container>
<div class=Zaslonyalka></div>
Контент первой вкладки
</div>
</div><div class=JampPanel style="margin-top: 200px; background-image: url(http://s2.uploads.ru/ZKcOQ.png)">
<div class=container>
<div class=Zaslonyalka></div>
Контент второй вкладки
</div>
</div>
<!--End//JampPanel-->
Надписи заказывайте в другом разделе.
Поделиться1306.03.13 18:32
mintemero. спасибо, все отлично работает!