Membuat background cantik dengan tiga warna yang berbeda
|
16 Agu 2013
|
Tutorial
|
Background cantik dengan 3 warna maksudnya gimana sih? mungkin ada teman-teman yang gak jelas, jadi mending tekan demo di bawah gambar di atas :D. Coba lihat pada Sidebar sebelah kiri di atas tulisan WELCOME HERE ada gambar tiga background seperti gambar di atas dan klik satu-persatu nanti akan keluar background yang berbeda, maksudnya seperti itu.Membuat background cantik dengan tiga warna yang berbeda
1.Masuk Dashboard > Tata letak > Tambahkan Gadget
2.Pilih HTML/Java Script dan masukkan kode di bawah ini, mau diletakkan di footer, sidebar, etc terserah anda:
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>
<script>
$(document).ready(function(){
$("#bgcolor1").click(function(){
$("body").css({"background":"url(URL BACKGROUND 1)"});
});
});
$(document).ready(function(){
$("#bgcolor2").click(function(){ $("body").css({"background":"url(URL BACKGROUND 2)"});
});
});
$(document).ready(function(){
$("#bgcolor3").click(function(){
$("body").css({"background":"url(URL BACKGROUND 3)"});
});
});
</script>
<div style="text-align:center;"><a href="javascript:void(O)" id='bgcolor1' title="Img one"><img alt='Img one' src="URL BACKGROUND 1" width="50"height="50" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="Img two"><img alt='Img two' src="URL BACKGROUND 2" width="50" height="50"/></a>
<a href="javascript:void(O)" id='bgcolor3' title=" Img three"><img alt='Img three' src=" URL BACKGROUND 3" height="50" width="50" /></a></div></div>
Warna light pink= jenis border dan kode warna, boleh ditukar sesuai keinginanMungkin anda butuh URL BACKGROUND ada disitu.
Warna pink=url background pertama
Warna biru=url background kedua
warna orange=url background ketiga
Warna merah=nama image background boleh ditukar dengan kata lain.
terima kasih ^^
