Хаки и Скрипты Next Generation CMS
irbees2008 irbees2008 Опубликовано - 3 - апреля Интерфейс
3665 - 1
  • Автор: --------------
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: нужны навыки css hmlt
  • Демо:

На многих сайтах наверное видели с боку кнопочку на которую нажимаешь и выдвигается блок с информациейвот представляю вам код этого блока
Этот код в main.tpl

Код:
<div id="slideout">
<img src="img/23/text.png" alt="Задать вопрос" />
<div id="slideout_inner">
[Код формы вставляется здесь]
</div>
</div>

ну и стили в css
Код:
#slideout {
position: fixed;
top: 40px;
left: 0;
width: 35px;
padding: 12px 0;
text-align: center;
background: #6DAD53;
-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;
}
#slideout_inner {
position: fixed;
top: 40px;
left: -250px;
background: #6DAD53;
width: 200px;
padding: 25px;
height: 130px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
text-align: left;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
}
#slideout_inner textarea {
width: 190px;
height: 100px;
margin-bottom: 6px;
}
#slideout:hover {
left: 250px;
}
#slideout:hover #slideout_inner {
left: 0;
}
картинка в архиве Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Можешь почитать и вот эту статейку "Страница перехода по внешней ссылке"

Это тоже интересно

Опрос

Ваше мнение

Какой поисковой системой пользуетесь?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4859 дней
  • Новостей: 617
  • Комменты: 257
  • Зарегистрированно : 773
  • Онлайн всего: [18]
  • Гости: [17]
  • Поисковики: [1] Google
  • Были сегодня : [5] Google, Яндекс, Jefferynum, Google, Яндекс
  • SQL запросов: 26
  • Генерация страницы: 0.288сек
  • Потребление памяти: 5.158 Mb 
  •   Яндекс.Метрика