SHARE
TWEET

Скрипты и стили слайдера отзывов

support_team Sep 4th, 2017 210 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2.         #slider_1 .container, #slider_1 .navi, #slider_1 .scrollable, #slider_1 .item{ width:800px; }
  3.         #slider_1 .container, #slider_1 .scrollable{ height:145px; }
  4.  
  5.         #slider_1 a.disabled{ visibility:hidden !important; }
  6.         #slider_1 .container{ margin:0 auto; clear:both; position:relative; }
  7.         #slider_1 .scrollable{ float:left; position:relative; overflow:hidden; }
  8.         #slider_1 .scrollable .items{ width:20000em; position:absolute; clear:both; }
  9.         #slider_1 .items .item{ float:left; }
  10.  
  11.         #slider_1 a.browse{ cursor:pointer; margin:0; width:39px; height:75px; position:absolute; top:20px; border:none; border-radius:0; background:url(http://media.lpgenerator.ru/images/10285/snav_1.png#size_78x75) 0 0 no-repeat; }
  12.         #slider_1 a.left{ left:-90px; }
  13.         #slider_1 a.right{ background-position:-39px 0; right:-90px; }
  14.  
  15.         #slider_1 .items .img{ height:112px; width:112px; float:left; margin:0; }
  16.         #slider_1 .items .img img{ max-widht:106px; max-height:106px; display:block; margin:0 auto; border:3px solid #e2bc82; }
  17.  
  18.         #slider_1 .items .content{ width:650px; float:left; font-family:arial, sans-serif; font-style:italic; margin:0 0 0 38px; }
  19.         #slider_1 .items .content .name{ font-size:18px; font-weight:bold; }
  20.         #slider_1 .items .content .text{ font-size:14px; line-height:16px; margin:16px 0 0 0; }
  21. </style>
  22. <script>
  23.         jq_181(function($){
  24.                 $("#slider_1 .scrollable")
  25.                         .scrollable({ circular: true, speed:700 })
  26.                 $('.fancybox').fancybox();
  27.         });
  28. </script>
  29. <div id="slider_1">
  30.         <div class="container">
  31.                 <a class="prev browse left"></a>
  32.                 <div class="scrollable" id="scrollable">
  33.                         <div class="items">
  34.                                 <div class="item">
  35.                                         <div class="img"><img src="http://media.lpgenerator.ru/images/10285/blondin.png#size_106x106"/></div>
  36.                                         <div class="content">
  37.                                                 <div class="name">Варфаламеев Сергей</div>
  38.                                                 <div class="text">Это было очень весело, спасибо что пригласили! Отлично провел время, познакомился с прекрасными людьми.</div>
  39.                                         </div>
  40.                                 </div>
  41.                                 <div class="item">
  42.                                         <div class="img"><img src="http://media.lpgenerator.ru/images/10285/kudrashka.png#size_106x106"/></div>
  43.                                         <div class="content">
  44.                                                 <div class="name">Лизюкова Оксана</div>
  45.                                                 <div class="text">Никогда не думала, что быстрые свидания - это хорошая идея. Была приятна удивлена. Спасибо организаторам! Нашла свою вторую половинку!</div>
  46.                                         </div>
  47.                                 </div>
  48.                                 <div class="item">
  49.                                         <div class="img"><img src="http://media.lpgenerator.ru/images/10285/ochkarik.png#size_106x106"/></div>
  50.                                         <div class="content">
  51.                                                 <div class="name">Скворцов Дмитрий</div>
  52.                                                 <div class="text">Быстрые свидания - это то что нужно современному человеку! Я был просто поражен как экономится время, за час ты знакомишься с несколькими девушками и понимаешь с кем готов продолжить общение. Огромное спасибо!</div>
  53.                                         </div>
  54.                                 </div>
  55.                         </div>
  56.                 </div>
  57.                 <a class="next browse right"></a>
  58.         </div>
  59. </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top