Кнопка справа, со всплывающей инфой
на базе скрипта "Выпадающее меню" от rps
http://s9.uploads.ru/2w9TW.jpg

Автор: Deff
Платформа: любая
Аналоги: Выпадающие по клику блоки с информацией [rps]

Код:
    <style> /* Стиль всплывающего меню */
    .splLink {cursor:pointer;width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
    .splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

    /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
    .splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.png");
        border-radius:15px;
        -webkit-border-radius:15px;
        -khtml-border-radius:15px;
        -moz-border-radius:15px;
        -o-border-radius:15px;

         box-shadow:0px 5px 14px #8B6C52;
        -webkit-box-shadow:0px 5px 14px #8B6C52;
        -khtml-box-shadow:0px 5px 14px #8B6C52;
        -moz-box-shadow:0px 5px 14px #8B6C52;
        /*text-shadow: #FFFFFF 1px 1px 4px !important;
        color: #color: #000000 !important;*/
        }
    .splCont:first-letter {
        font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
        font-size: 200% !important; /* Размер шрифта первого символа */
        color: red; /* Красный цвет текста */
       } /* Конец Стиля всплывающего меню */
    </style>

    <DIV style="position: fixed;right:0;top:50px;z-index:20000"><div class=splLink><img src="http://forumfiles.ru/files/0010/a0/ba/79565.png"/></div>
    <DIV style="DISPLAY: none;position: absolute; right:17px;top:74px;" class=splCont>

    Ваш Контент 1<br />
    Ваш Контент 1<br />
    Ваш Контент 1<br />
    Ваш Контент 1<br />

    </DIV></DIV>

    <!--Спойлер - контейнер-->
    <script type="text/javascript">
      $(document).ready(function(){
        $('.splLink').click(function(){
          $(this).parent().children('div.splCont').toggle('normal');
          return false;
        });
      });
    </script>

Выпадающие панели слева и справа (c) Домовой
http://sd.uploads.ru/lHr3K.jpg
Правая панель

Код:
    <!--Панель справа-->
    <style>
    .splContR {
    width:200px!important; /*ширина окна*/
    height:auto; /*высота окна*/
    background-color:#fff !important; /*фон окна*/
    top:55px; /*отступ окна от верха кнопки*/
    right:5px; /*отступ окна от правого края монитора*/
    border:1px solid #828282; /*толщина, стиль и цвет рамки окна*/
    -moz-border-radius:8px;
    -khtml-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    box-shadow:0 0 15px 3px #828282;
    -webkit-box-shadow:0 0 15px 3px #828282;
    -moz-box-shadow:0 0 15px 3px #828282;
    padding:10px 10px 10px 10px;
    text-align:center;
    color:#000000 !important; /*цвет шрифта*/
    font-size:12px; /*размер шрифта*/
    font-family:Georgia; /*шрифт*/
    }
    </style>

    <!--Блок с содержимым правой панели-->
    <div style="position:fixed;right:1px;top:100px;z-index:20000">
    <div class=splLinkR><img src="ссылка на картинку кнопку"/></div>
    <div style="display:none;position:absolute;" class=splContR>
    СОДЕРЖИМОЕ ПАНЕЛИ
    </div></div>

    <!--Спойлер - контейнер-->
    <script type="text/javascript">
      $(document).ready(function(){
        $('.splLinkR').click(function(){
          $(this).parent().children('div.splContR').toggle('normal');
          return false;
        });
      });
    </script>

Левая панель

Код:
    <!--Панель слева-->
    <style>
    .splContL {
    width:200px!important; /*ширина окна*/
    height:auto; /*высота окна*/
    background-color:#fff !important; /*фон окна*/
    top:55px; /*отступ окна от верха кнопки*/
    left:5px; /*отступ окна от левого края монитора*/
    border:1px solid #828282; /*толщина, стиль и цвет рамки окна*/
    -moz-border-radius:8px;
    -khtml-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    box-shadow:0 0 15px 3px #828282;
    -webkit-box-shadow:0 0 15px 3px #828282;
    -moz-box-shadow:0 0 15px 3px #828282;
    padding:10px 10px 10px 10px;
    text-align:center;
    color:#000000 !important; /*цвет шрифта*/
    font-size:12px; /*размер шрифта*/
    font-family:Georgia; /*шрифт*/
    }
    </style>

    <!--Блок с содержимым левой панели-->
    <div style="position:fixed;left:1px;top:100px;z-index:20000">
    <div class=splLinkL><img src="ссылка на картинку кнопку"/></div>
    <div style="display:none;position:absolute;" class=splContL>
    СОДЕРЖИМОЕ ПАНЕЛИ
    </div></div>

    <!--Спойлер - контейнер-->
    <script type="text/javascript">
      $(document).ready(function(){
        $('.splLinkL').click(function(){
          $(this).parent().children('div.splContL').toggle('normal');
          return false;
        });
      });
    </script>