Senin, 23 Januari 2012 - 12:41:04 WIBPaging model amazon
posted by : Administrator
Category: php - read: 52 kali
Salah satu website pelopor dibidang toko online adalah amazon.com yang sangat sukses menjual barang barang-barangnya melalui jejaringan internet. sebenarnya paging model amazon hampir sama dengan paging model gradasi, yaitu menggunakan gambar gradasi sebagai background pagingnya, perbedaan terletak pada penggunaan gambar gradasi tersebut, dimna gambar gradasi amazon digunakan pada keseluruhan paging, sedangkan pada model sebelumnya gambar gradasi digunakan hanya sebatas pada background didalam bordernya.
perhatikan skrip berikut:
Skrip amazon.css
body {
color : #2E6AB1;
font-family : Tahoma;
font-size : 13;
}
table {
border-collapse : collapse;
}
th {
background-color : #003399;
padding-left : 10px;
padding-right : 8px;
padding-top : 3px;
padding-bottom : 3px;
border : 1px solid #969BA5;
text-align : left;
color : #FFFFFF;
font-size : 13;
}
td {
background-color : #F0F0F0;
padding-left : 8px;
padding-right : 8px;
padding-top : 3px;
padding-bottom : 3px;
border : 1px solid #969BA5;
color : #2E6AB1;
font-size : 13;
}
div.paging {
padding : 8px;
margin : 8px;
text-align : center;
font-family : Verdana;
font-size : 12px;
background-image : url('images/grasi2.jpg');
}
div.paging a {
padding : 2px 6px;
margin-right : 2px;
border : 1px dashed #BF6000;
text-decoration : none;
color : #003399;
}
div.paging a:hover {
border : 1px solid #9DCDE7;
color : #003399;
background-color : #FFFFFF;
}
div.paging span.current {
padding : 2px 6px;
margin-right : 2px;
font-weight : bold;
color : #000000;
}
div.paging span.disabled {
padding : 2px 6px;
margin-right : 2px;
color : #999999;
}
div.paging span.prevnext {
font-weight : bold;
}
jangan lupa untuk membuat gambar gradasi terlebih dahulu atau temukan filenya di download grasi.jpg. langsung aja jalankan skripnya (paging_06.php)
DOWNLOAD Source Code
0 Comment :
Add comment :
Total Visitors 
Visitors today 
Visitors Online