Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.220.35.83
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Выдвигающаяся панель на CSS
Сообщение оставлено 17.06.2011 в 17:16:03 | Сообщение #1


Установка:

1. в CSS

Code
#button {
   position: fixed;
   top: 353px;
   left: 0;
   background: #0094d6;
   width: 28px;
   height: 50px;
   font: 40px Georgia;
   color: #fff;
   text-align: center;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-border-radius: 0 5px 5px 0;
   -moz-border-radius: 0 5px 5px 0;
   border-radius: 0 5px 5px 0;
   }
#s_panel {
   position: fixed;
   top: 153px;
   left: -100px;
   background: #ff7700;
   width: 100px;
   height: 150px;
   padding: 100px 0 0 0;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-border-radius: 0 5px 0 0;
   -moz-border-radius: 0 5px 0 0;
   border-radius: 0 5px 0 0;
   }
#button:hover {
   left: 100px;
}
#button:hover #s_panel {
   left: 0;
}

2. HTML (вставляете куда угодно)

Code
<div id="button"> »
   <div id="s_panel">
   : )
   </div>
</div>
 
 
   
Сообщение оставлено 18.06.2011 в 14:16:01 | Сообщение #2
забавно
 
 
   
Сообщение оставлено 18.06.2011 в 14:49:47 | Сообщение #3
Code
забавно
+1

Прикольная вещь,
 
 
   
Сообщение оставлено 22.06.2011 в 19:37:09 | Сообщение #4
а внутрь свое че нить можно ставить?
а да можн


 Сообщение отредактировал 3dcharacter - Среда, 22.06.2011, 19:37:45
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика