Автор: Deff
Код:
<!-- 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; 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-->
#F0F0F0 - фоновый цвет
http://uploads.ru/i/S/z/t/Sztn3.png - ваша картинка кликабельного элемента (полезные ссылки)
Ваш контент - ваш текст, ссылки и т.д. В общем, весь ваш контент.