SHOW:
|
|
- or go back to the newest paste.
| 1 | - | root {
|
| 1 | + | <head> |
| 2 | - | display: block; |
| 2 | + | <link rel="stylesheet" type="text/css" href="styles/coin-slider.css" /> |
| 3 | - | } |
| 3 | + | <script type="text/javascript" src="scripts/slider/jquery-1.4.2.min.js"></script> |
| 4 | - | /*Membuat bentuk dari kotak1 samapai kotak 7*/ |
| 4 | + | <script type="text/javascript" src="scripts/slider/script.js"></script> |
| 5 | - | #kotak1{
|
| 5 | + | <script type="text/javascript" src="scripts/slider/coin-slider.min.js"></script> |
| 6 | - | width:1000px;/*Lebar kotak*/ |
| 6 | + | </head> |
| 7 | - | height:1090px;/*Tinggi kotak*/ |
| 7 | + | <div class="slider"> |
| 8 | - | border:1px solid #cdcdcd; /*Border kotak*/ |
| 8 | + | <div id="coin-slider"> |
| 9 | - | background:#f0f3f6;/*Background/warna kotak*/ |
| 9 | + | <a href="#"><img src="images/slider/1.jpg" width="940" height="310" alt="" /> </a> |
| 10 | - | margin:auto;/*Supaya kotak berada di tengah*/ |
| 10 | + | <a href="#"><img src="images/slider/2.jpg" width="940" height="310" alt="" /> </a> |
| 11 | - | } |
| 11 | + | <a href="#"><img src="images/slider/3.jpg" width="940" height="310" alt="" /> </a> |
| 12 | - | #kotak2{
|
| 12 | + | <a href="#"><img src="images/slider/4.jpg" width="940" height="310" alt="" /> </a> |
| 13 | - | width:960px; |
| 13 | + | <a href="#"><img src="images/slider/5.jpg" width="940" height="310" alt="" /> </a> |
| 14 | - | height:150px; |
| 14 | + | <a href="#"><img src="images/slider/6.jpg" width="940" height="310" alt="" /> </a> |
| 15 | - | border:1px solid #cdcdcd; |
| 15 | + | <a href="#"><img src="images/slider/7.jpg" width="940" height="310" alt="" /> </a> |
| 16 | - | background:#639fce; |
| 16 | + | <a href="#"><img src="images/slider/8.jpg" width="940" height="310" alt="" /> </a> |
| 17 | - | margin:auto; |
| 17 | + | </div> |
| 18 | - | margin-top:5px;/*jarak kotak dengan kotak diatasnya di beri 5px*/ |
| 18 | + | <div class="clr"></div> |
| 19 | - | } |
| 19 | + | </div> |
