Advertisement
Guest User

CODE NIVO SLIDER

a guest
Feb 3rd, 2014
43
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.06 KB | None | 0 0
  1. <style type="text/css">
  2. /* <![CDATA[ */
  3. #w2bSlideContainer {position: relative;display: block; top:0px; left:0px; right:0px;/*Ajuste as posição do slide*/}
  4. #w2bNivoSlider { position:relative;
  5. width:640px !important; /*largura do slide*/height:300px !important; /*Altura do slide*/
  6. background: #fff url("http://4.bp.blogspot.com/-TBMTXcO0VxM/T7dSfCUe9dI/AAAAAAAABgY/dmbkzgOPQI0/s1600/w2bLoader.gif") no-repeat 50% 50%;
  7. margin: 20px auto 35px;
  8. }
  9. #w2bNivoSlider img {position:absolute; top:0; left:0; display:none}
  10. .nivoSlider {position:relative;width:100%;height:auto;}
  11. .nivoSlider img {position:absolute;top:0;left:0}
  12. .nivo-main-image {display:block!important;position:relative!important;width:100%!important}
  13. .nivoSlider a.nivo-imageLink {position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}
  14. .nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0}
  15. .nivo-box {display:block;position:absolute;z-index:5;overflow:hidden}
  16. .nivo-box img {display:block}
  17. .nivo-caption {padding: 5px;
  18. font-family: Arial,sans-serif;position:absolute; /*Fonte da legenda*/Font-size: 14px; /*Tamanho da fonte da legenda*/background:#000; /*Cor de fundo da legenda*/color:#fff; /*Cor do texto da legenda*/-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8; width: 630px;/*Largura da legenda*/ z-index:8;}
  19. .nivo-caption p {padding:2px;margin:0}
  20. .nivo-caption a {display:inline!important}
  21. .nivo-html-caption {display:none}
  22. .nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:30px;height:30px;
  23. background: url("URL_IMG_SETA") no-repeat;text-indent:-9999px;border:0}
  24. .nivo-prevNav {left:10px}
  25. .nivo-nextNav {background-position:-30px 0!important;right:10px}
  26. .nivo-controlNav {position:absolute;left:0;right:0;bottom:-35px;text-align:center}
  27. .nivo-controlNav a {position:relative;z-index:9;cursor:pointer;display:inline-block;width:22px;height:22px;
  28. background:url("URL_IMG_BULLETS") no-repeat;text-indent:-9999px;border:0;margin-right:3px}
  29. .nivo-controlNav a.active {font-weight:bold;background-position:0 -22px}
  30. /* ]]> */
  31. </style>
  32. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
  33. <script src='http://static.tumblr.com/y66747w/9hlmdpcpa/nivoslider.js' type='text/javascript'/>
  34. <script type='text/javascript'>
  35. /* <![CDATA[ */
  36. jQuery(document).ready(function($) {
  37. $('#w2bNivoSlider').nivoSlider({
  38. effect : 'random',
  39. slices : 10,
  40. boxCols : 8,
  41. boxRows : 4,
  42. animSpeed : 500,
  43. pauseTime : 4000,
  44. startSlide : 0,
  45. directionNav : true,
  46. directionNavHide : true,
  47. controlNav : true,
  48. keyboardNav : false,
  49. pauseOnHover : true,
  50. captionOpacity : 0.8
  51. });
  52. });
  53. /* ]]> */
  54. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement