Выдвижная верхняя панель для uCoz

Выдвижная верхняя панель для uCoz

Выдвижная верхняя панель для uCoz-еще один скрипт с которым ваш сайт станет чуточку функциональнее чем прежде.В правом верхнем углу вашего сайта,при установке этого скрипта,будет красный ярлычок с написанными на нем буквами потяни вниз,после этого появится то,что там содержится,а может быть там все что вашей душе угодно

Установка:В CSS

Код
#forkit_block {  
  margin: 0px;  
  padding: 50px 0px;  
   
  -webkit-box-sizing: border-box;  
  -moz-box-sizing: border-box;  
  box-sizing: border-box;  
  }  

  .forkit_color {color:#ffffff;}  

  .forkit {  
  position: fixed;  
  right: 0;  
  top: 0;  
  z-index:9999;  
  width: 200px;  
  height: 150px;  

  font-family: 'Lato', sans-serif;  
  text-decoration: none;  
  }  
  .forkit .tag {  
  display: block;  
  height: 30px;  
  width: 200px;  

  color: #fff;  
  background: #aa0000;  
  text-align: center;  
  font-size: 13px;  
  font-weight: bold;  
  line-height: 30px;  
  box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.4 );  

  -webkit-transform-origin: 15px 0px;  
  -moz-transform-origin: 15px 0px;  
  -ms-transform-origin: 15px 0px;  
  -o-transform-origin: 15px 0px;  
  transform-origin: 15px 0px;  
  }  
  .forkit .tag:after {  
  content: '';  
  display: block;  
  position: absolute;  
  top: 0;  
  left: 0;  
  width: 196px;  
  height: 26px;  
  margin: 1px;  
  border: 1px solid rgba( 255, 255, 255, 0.4 );  
  }  
  .forkit .string {  
  display: block;  
  height: 1px;  
  width: 0px;  
  position: absolute;  

  background: rgba( 255, 255, 255, 0.7 );  
  box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.4 );  

  -webkit-transform-origin: 0px 0px;  
  -moz-transform-origin: 0px 0px;  
  -ms-transform-origin: 0px 0px;  
  -o-transform-origin: 0px 0px;  
  transform-origin: 0px 0px;  
  }  

  .forkit-curtain {  
  position: fixed;  
  width: 100%;  
  height: 100%;  
  top: -100%;  
  z-index:9999;  
  }  

  .forkit-curtain {  
  text-align: center;  
  background: rgba( 0, 0, 0, 0.8 );  
  padding-top: 10%;  
  position: fixed;  
  }  
  .close-button {  
  position: absolute;  
  width: 32px;  
  height: 32px;  
  right: 20px;  
  top: 20px;  
  cursor: pointer;  
  background:url('http://webmaster-ucoz.ru/ucoz/1/1/panel/index_close.png');


В верх часть сайта в самый низ

Код
<div class="forkit-curtain forkit_color" id="forkit_block">  
  <div class="close-button"></div>  
  Здесь Ваше содержимое  
  </div>  
  <a class="forkit" data-text="Наведи курсор" data-text-detached="Потяни вниз >"><img style="position: absolute; top: 0; right: 0; border: 0;" src="" alt="Хай)"></a>  
  <script src="http://webmaster-ucoz.ru/ucoz/1/1/panel/new_1_panel.js"></script>
Выдвижная верхняя панель для uCoz
Файлы для скачивания отсутствуют.
Поблагодарить автора Автор: Turbo
Комментарии (0)
Добавить комментарий
class="add-comm-form clearfix add-shadow2" id="add-comm-form">
avatar