Подскажите, пожалуйста, как сделать табличку по типу выплывающей таблицы с названием "links" (вкладка справа), как тут* ?
Выплывающая боковая панель
Страница: 1
Тема закрыта
Сообщений 1 страница 2 из 2
Поделиться1Чт, 6 Дек 2012 22:00:48
- Заслуженный
- Зарегистрирован: Ср, 6 Апр 2011
- Сообщений: 14
- Уважение: 0
- Позитив: 0
- Последний визит:
Вт, 22 Апр 2014 15:13:15
Поделиться2Пт, 7 Дек 2012 01:12:42
- Заслуженный
- Зарегистрирован: Вт, 10 Авг 2010
- Сообщений: 122
- Уважение: +11
- Позитив: +14
- Пол: Женский
- Последний визит:
Чт, 16 Июл 2020 21:39:33
Код:
<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #FE2323;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px 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;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
<div class=container>
<div id=Zaslonyalka></div>
Ваш контент
</div>
</div>
<!--End//JampPanel-->Тема закрыта
Страница: 1