Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Aug 17th, 2012  |  syntax: None  |  size: 1.30 KB  |  hits: 16  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <style>
  2. .coda-slider-wrapper.arrows .coda-slider, .coda-slider .panel
  3. {
  4.  width: 600px
  5. }
  6. .coda-nav ul li a.current
  7. {
  8.  background:#CCCCCC;
  9. }
  10. .coda-nav ul, .coda-slider-wrapper
  11. {
  12.  clear:both;
  13. }
  14. .coda-nav ul, .coda-nav ul li a, .coda-slider .panel
  15. {
  16.  display:block;
  17. }
  18. .coda-nav ul, .coda-slider
  19. {
  20.  overflow:hidden;
  21. }
  22. .coda-nav ul li a, .coda-slider, .coda-slider .panel, .coda-nav-left, .coda-nav-right
  23. {
  24.  float:left;
  25. }
  26. .coda-slider, .coda-slider .panel-container
  27. {
  28.  position:relative;
  29. }
  30. .coda-nav ul
  31. {
  32.  margin:auto;
  33. }
  34. .coda-nav ul li
  35. {
  36.  display:inline;
  37. }
  38. .coda-nav ul li a
  39. {
  40.  background:#000000;
  41.  color:#FFFFFF;  
  42.  margin-right:1px;
  43.  text-decoration:none;
  44. }
  45. .coda-slider-wrapper{
  46.  
  47.  overflow:auto;
  48. }
  49. .coda-nav-left a, .coda-nav-right a
  50. {
  51.  display:none;
  52. }
  53. </style>
  54. <script type="text/javascript" src="http://www.ndoherty.biz/demos/coda-slider/2.0/javascripts/jquery.coda-slider-2.0.js"></script>
  55. <script type="text/javascript">
  56. (function()
  57. {
  58.  $('#coda-slider-1').codaSlider();
  59. })();
  60. </script>
  61. </head>
  62. <body>
  63. <div class="coda-slider-wrapper">
  64.  <div class="coda-slider preload" id="coda-slider-1">
  65.   <div class="panel">
  66.    <div class="panel-wrapper">
  67.     <h2 class="title">Panel 1</h2>
  68.     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed.</p>
  69.    </div>
  70.    </div>
  71.    </div>
  72.  </div>