nathan_lp

#1

Aug 10th, 2013
79
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. #slider_2 .carousel-inner{
  3. height:136px;
  4. }
  5. #slider_2{
  6. width:790px;
  7. margin: 0 59px;
  8. }
  9. #slider_2 .item{
  10. float:left;
  11. width:790px;
  12. height:110px;
  13. }
  14. #slider_2 .img{
  15. height:110px;
  16. width:110px;
  17. float:left;
  18. margin:0;
  19. margin-top: 26px;
  20. }
  21. #slider_2 .img img{
  22. max-widht:110px;
  23. max-height:110px;
  24. display:block;
  25. margin:0 auto;
  26. }
  27. #slider_2 .text{
  28. float:left;
  29. width:631px;
  30. margin:0 0 0 24px;
  31. }
  32. #slider_2 .text .line1{
  33. font-family:arial;
  34. font-size:16px;
  35. font-weight: bold;
  36. line-height:27.37px;
  37. margin:4px 0 0 0;
  38. margin-top: 45px;
  39. color:#d56a08;
  40. }
  41. #slider_2 .text .line2{
  42. font-family:arial;
  43. font-size:14px;
  44. line-height:18px;
  45. margin:7px 0 0 0;
  46. color:#212121;
  47. }
  48. #slider_2 .carousel-control{
  49. width:37px;
  50. height:65px;
  51. float:left;
  52. margin-top:-82px;
  53. text-decoration:none;
  54. cursor:pointer;
  55. position:relative;
  56. top:0;
  57. left:0;
  58. border:none;
  59. border-radius:0;
  60. }
  61. #slider_2 .carousel-control.left{
  62. background: url("http://media.lpgenerator.ru/images/25460/arr-left_1.png");
  63. margin-left: -59px;
  64. }
  65. #slider_2 .carousel-control.right{
  66. margin-left:805px;
  67. background: url("http://media.lpgenerator.ru/images/25460/arr-right_1.png");
  68. float:left !important;
  69. }
  70. </style>
  71.  
  72. <div id="slider_2" class="carousel slide">
  73. <div class="carousel-inner">
  74. <div class="item active">
  75. <div class="img"><img src="http://media.lpgenerator.ru/images/25460/p1.png#size_110x110" /></div>
  76. <div class="text">
  77. <div class="line1">Андрей</div>
  78. <div class="line2">Самый прикольный подарок какой только можно сделать! Именинница была очень довольна. Себе тоже купил, когда скучно можно от души посмеяться! Спасибо за быструю доставку. </div>
  79. </div>
  80. </div>
  81. <div class="item">
  82. <div class="img"><img src="http://media.lpgenerator.ru/images/25460/ham103.png#size_110x110" /></div>
  83. <div class="text">
  84. <div class="line1">Елена</div>
  85. <div class="line2">Я как только увидела видео просто влюбилась в этого хомячка! Никогда ничего через интернет не заказывали, долго опасалась, но решилась. Спасибо, что оправдала мое доверие! Очень люблю своего Хому! </div>
  86. </div>
  87. </div>
  88. <div class="item">
  89. <div class="img"><img src="http://media.lpgenerator.ru/images/25460/ham103_1.png#size_110x110" /></div>
  90. <div class="text">
  91. <div class="line1">Дмитрий</div>
  92. <div class="line2">Искал, что подарить девушке, хотелось просто сделать оригинальный подарок. Заказал, быстро привезли. В итоге подарил девушке большой букет. Хомяка своего не отдам! (: Как привезете второго, тогда и ей подарю. Почти 6 часов я с ним смеялся как чокнутый. Спасибо! </div>
  93. </div>
  94. </div>
  95. </div>
  96.  
  97. <a class="carousel-control left" href="#slider_2" data-slide="prev"></a>
  98. <a class="carousel-control right" href="#slider_2" data-slide="next"></a>
  99. </div>
  100. <script>
  101.  
  102. $('#slider_2').carousel({
  103. interval: 10000
  104. })
  105.  
  106. </script>
RAW Paste Data