Untuk melihat demonya silakan klik disini
Kali ini saya ingin memberikan beberapa trik sliding yang tentu saja menggunakan JQuery juga, langsung ajah ya.. :
Klik Kanan lalu "Save As", setelah itu upload ketempat hosting anda.
- Cari kode berikut ini ]]></b:skin> lalu masukan kode berikut ini diatasnya.
- Setelah itu cari kode </head> dan masukan kode berikut ini diatasnya.
- Save Template anda.
.slide {
position: relative;
overflow: hidden;
height: 120px;
width: 350px;
margin: 1em 0;
background-color: #ffc;
border: 1px solid #999;
}
.slide .inner {
position: absolute;
left: 0;
bottom: 0;
width: 338px;
height: 36px;
padding: 6px;
background-color: #4c5;
color: #333;
}
.slide button {
margin: .7em 0 0 .7em;
}
.js #slidebottom .inner {
display: none;
}
<script src='masukan alamat jquery.js' type='text/javascript'/>
<script src='masukan alamat sliding.js' type='text/javascript'/>
<div id="slidemarginleft" class="slide">
<button>slide it</button>
<div class="inner">Slide from bottom</div>
</div>
Tulisan yang berwarna merah bisa anda ganti sesuai kebutuhan anda. (sesuaikan dengan demo)
sedangkan untuk tulisan yang berwarna hijau bisa disesuaikan dengan keinginan anda.
nah semoga bermanfaat ya..
selamat mencoba..
0 komentar:
Post a Comment
saran, komentar dan kritikan anda sangat berharga buat saya, terima kasih.