Apa yang anda cari ?


CSS

Sabtu, 20 Oktober 2012

BackGround's Situs Manual Changer

·
BackGround's Situs Manual Changer.
sebenarnya situs ini sudah pernah memakai widget ini ,widget ini berisi background yang banyak yang bisa dipilih pilih sesuai keinginan pengunjung

1.Login akun anda
2.Add Gadget Pilih Javascrip


atau bisa dilihat caranya dengan screenshot berikut..!!





Salin-Tempel (Copy-Paste) kode berikut ini di kotak postingan gadget.



<div style="display:scroll;position:fixed;width:145px;height:150px;top:40px;right:5px;">
<ul> <style type="text/css">
.mystyles {
font-size: 12px;
color: #000;
padding: 1px;
background : #F0E412;
border: 2px outset rgb(0, 0, 0);
width:150px;
}
.mystyles option {background: #F9F7C8; color: #000;}
</style>
<select class="mystyles" onchange="document.body.style.background = this.value;" name="MonozCore" title="Change Background Image">
<option value="url(http://lh4.googleusercontent.com/-M4zELpaUOCE/UGL6FHXR0vI/AAAAAAAACjY/Mfv-OU8g_qg/s800/pin-up_latex.png) no-repeat center center fixed black" />None
<option value="url(http://3.bp.blogspot.com/-D6nQQ3d_wfw/Ts31QI5aQPI/AAAAAAAAAgA/mMEBDufqDpk/s1600/0_1_1.gif) repeat center center fixed" />101 Matrix
<option value="url(http://lh6.googleusercontent.com/-oIKDL5K_Jus/Ts32BmE64MI/AAAAAAAAAgI/QncRScTidN8/s800/black_red_matrix.gif) repeat center center fixed" />Red Matrix
<option value="url(http://lh3.googleusercontent.com/-4XZ7JTeJH_Y/TsaAYPiMYSI/AAAAAAAAAcU/_-8fu6GQ7eI/s800/matrix.gif) repeat center center fixed" />Blue Matrix
<option value="url(http://lh4.googleusercontent.com/-yEVdif3Bi_U/Ts32PtuIGBI/AAAAAAAAAgo/Ce1ujGXZ6RE/s800/matrix.gif) repeat center center fixed" />Green Matrix
<option value="url(http://lh3.googleusercontent.com/-CYobas4WGXo/Ts32QusPKsI/AAAAAAAAAgw/xQQMNbgAa0M/s800/port_listener.gif) repeat center center fixed" />Port Listener
<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud
<option value="url(http://lh3.googleusercontent.com/-eGOdPe7gV-g/T0fZ-hR1H-I/AAAAAAAABLQ/LWN2smtA6cc/s800/ThighHeels.png) repeat top left fixed" />High Heels
<option value="url(http://lh4.googleusercontent.com/-brpkMDLI-Jo/T0hBjzFgHbI/AAAAAAAABLs/lmWb_OeOuwE/s800/animated%2520stars.gif) repeat top left fixed Black" />Space
<option value="url(http://lh4.googleusercontent.com/-Kow92KwCv4w/T1x-QG4nWGI/AAAAAAAABWk/wLOYXtytoV4/s800/devil_angel_lolita_bg.png) repeat top left fixed Black" />Lolita
<option value="url(http://lh4.googleusercontent.com/-EkbrPoPq9Tk/UGK0wQ6ERpI/AAAAAAAAChY/PBkHMEEd63k/s800/3d_smileys_love.gif) repeat center center fixed" />Smiley
<option value="url(http://lh3.googleusercontent.com/-FIPcZlLSG3w/UGLHCNFwGFI/AAAAAAAACh0/Lr8SIgDNVBg/s400/black_latex.png) repeat top left fixed black" />Black
</select>
</ul>
</div>


  • Teks berwarna biru merupakan ukuran lebar box Background Changer.
  • Teks berwarna merah merupakan warna background box Background


Comments
0 Comments

0 komentar:

Poskan Komentar

Mari berpartisipasi dalam berkomentar,dengan diberikannya hak untuk menyatakan pendapat dan berbicara ,mari nyatakanlah pendapatmu tentang artikel diatas asalkan tidak berunsur SPAM/Penipuan,tidak berbau pornografi dan menggunakan bahasa yang ramah.

handapeunpost