nathan_lp

sl_3

Nov 26th, 2013
3,304
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