Untuk kawan-kawan semua yang sedang mencari template untuk web/project kalian dan bersifat free berikut ada beberapa link favorite saya :
1. Templatemo
2. Freecsstemplates
3. Globaltemplates
4. Bestfreetemplates
Mudah-mudahan membantu kalian semua yang sedang browsing free templates yang bagus.
Happy Browsing Guys .. :)
Jumat, 22 Juli 2011
Kamis, 21 Juli 2011
Gallery Viewer
Berikut adalah script untuk menampilkan beberapa gambar hanya dengan mengklik thumbnail nya.
Pertama :
Tambahkan script dibawah ini ke <body> halaman yang sedang anda buat.
Pertama :
Tambahkan script dibawah ini ke <body> halaman yang sedang anda buat.
<script language="javascript" type="text/javascript">/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- BeginbrowserName = navigator.appName;browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {if (ns3up || ie4up) {imgOn = ("" + imgName);document.mainpic.src = imgOn; }
}// End --></script><center><table width=360 border=1 cellspacing=0 cellpadding=0>
<tr>
<td><a href="javascript:doPic('toad.jpg');"><img src="toad.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('lizard.jpg');"><img src="lizard.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('gecko.jpg');"><img src="gecko.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('chameleon.jpg');"><img src="chameleon.jpg" width=90 height=60 border=0></a></td>
</tr>
<tr>
<td colspan=4 align=center><img name="mainpic" src="toad.jpg" width=365 height=190 border=0></td>
</tr>
</table></center>2. Script tersebut menggunakan 4buah gambar. Gunakan gambar yang anda inginkan. Kemudian rubah script berikut :<td><a href="javascript:doPic('toad.jpg');"><img src="toad.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('lizard.jpg');"><img src="lizard.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('gecko.jpg');"><img src="gecko.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('chameleon.jpg');"><img src="chameleon.jpg" width=90 height=60 border=0></a></td> Rubah masing-masing nama gambar dengan gambar yang anda inginkan.
-Selamat Mencoba-
Source
-Selamat Mencoba-
Source
: http://www.yaldex.com/FSGraphic/GalleryViewer.htmBackground Scroller
Untuk membuat background seolah-olah berjalan berikut tahapannya:
1. Letakkan script dibawah ini di dalam <body> halaman yang sedang anda buat.
<script language="JavaScript">/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begindocument.body.background="marble.gif";var backgroundOffset = 0;var bgObject = eval('document.body');function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1;if (backgroundOffset > maxSize) backgroundOffset = 0;bgObject.style.backgroundPosition = "0 " + backgroundOffset;
}var ScrollTimer = window.setInterval("scrollBG(300)", 70);// End --></script>
2. Kemudian pilih gambar yang akan dijadikan background.
Ubah bagian
document.body.background="marble.gif";
Ubah nama "marble.gif" dengan nama gambar yang anda inginkan. Lalu Save.
Source : http://www.yaldex.com/FSBackground/BackgroundScroller.htm
1. Letakkan script dibawah ini di dalam <body> halaman yang sedang anda buat.
<script language="JavaScript">/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begindocument.body.background="marble.gif";var backgroundOffset = 0;var bgObject = eval('document.body');function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1;if (backgroundOffset > maxSize) backgroundOffset = 0;bgObject.style.backgroundPosition = "0 " + backgroundOffset;
}var ScrollTimer = window.setInterval("scrollBG(300)", 70);// End --></script>
2. Kemudian pilih gambar yang akan dijadikan background.
Ubah bagian
document.body.background="marble.gif";
Ubah nama "marble.gif" dengan nama gambar yang anda inginkan. Lalu Save.
Source : http://www.yaldex.com/FSBackground/BackgroundScroller.htm
Langganan:
Postingan (Atom)