Jimanee n Design box link cantik dengan menggunakan CSS ?
Pernah liat page link yang ada di :
http://www.dremi.info/tutorial/photoshop-forum.php ???
nah bagian pagingnya gw pake CSS buat bikin box link, kali ini kita bikin nyang sama tapi dengan style CSS yang berbeda.
Simple aja mulai dengan style ke gini:
<style>
#pagin a
{
font-family:Tahoma;
font-size:11px;
display:block;
float:left;
cursor:pointer;
color:#00c;
text-decoration:none;
display:inline-block;
border:1px solid #ccc;
padding:.3em .7em;
margin:0 .38em 0 0;
text-align:center
}
#pagin a:hover
{
background:#f0f7e8;
border:1px solid #83bc46
}
#pagin a.sel
{
color:#333;
font-weight:normal;
background:#f0f7e8;
cursor: default;
border:1px solid #83bc46
}
</style>
Terus terapkan ke dalam halaman HTML u:
<div id="pagin">
<a class="sel">1</a><a href="http://csslovers.co.cc">2</a>
<a href="http://dremi468.blogspot.com">3</a>
<a href="http://dremi.info/tutorial/photoshop-forum.php">4</a>
</div>
heehe jadi dah, lagi lagi tutorial CSS na singket !!! biarin weks :P !!
Penasaran kan mau lihat hasilnya ?? klik ajah link dibawah ini, buat preview hasilnya:
http://www.dremi.info/web/tips/css-box-style-design.html
Tros kalo mao download disini:
http://www.ziddu.com/download/1774822/css-box-style-design.rar.html
0 komentar:
Posting Komentar