API tools faq
paste
dotphp

apps

dotphp
Jan 8th, 2014
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.46 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head><title>Gudang Aplikasi - Fakultas Teknik UIKA Bogor</title>
  3. <link href="menu2.css" rel="stylesheet" type="text/css" />
  4. <link href="menu_easy.css" rel="stylesheet" type="text/css" />
  5. <link href="menu_popup.css" rel="stylesheet" type="text/css" />
  6. <link href="menu_tab.css" rel="stylesheet" type="text/css" />
  7. <script src="jquery-1.7.2.min.js" type="text/javascript"></script>
  8. <script src="menu.js" type="text/javascript" ></script>
  9.  
  10. <script>
  11. $(document).ready(function(){
  12. $('#more').click(function(event){
  13. $('ul').animate({marginTop:'-290px'},200);
  14. $('#titlebox').animate({height:'280px'},200);
  15. $('#more').text('Even more from Google').animate({marginTop:'-100px'},200);
  16. event.stopPropagation();
  17. });
  18. $('#icon').click(function(event){
  19. $('#titlebox').fadeIn('slow');
  20. event.stopPropagation();
  21. });
  22. $('body').click(function() {
  23. $('#titlebox').hide();
  24. $('ul').animate({marginTop:'0'});
  25. $('#titlebox').animate({height:'380px'});
  26. $('#more').text('More').animate({marginTop:'0'});
  27. });
  28. });
  29. </script>
  30. <!-- tab-->
  31. <script type="text/javascript">
  32. $(document).ready(function() {
  33. $('#tab1').fadeIn('slow'); //tab pertama ditampilkan
  34. $('ul#nav li a').click(function() { // jika link tab di klik
  35. $('ul#nav li a').removeClass('active'); //menghilangkan class active (yang tampil)
  36. $(this).addClass("active"); // menambahkan class active pada link yang diklik
  37. $('.tab_konten').hide(); // menutup semua konten tab
  38. var aktif = $(this).attr('href'); // mencari mana tab yang harus ditampilkan
  39. $(aktif).fadeIn('slow'); // tab yang dipilih, ditampilkan
  40. return false;
  41. });
  42.  
  43. });
  44. </script><!--end -->
  45. <style type="text/css">
  46. #input_dokumen{
  47. width:500px;
  48. margin:0 auto;
  49. border:1 px solid:#CCC;
  50. border-radius:10px;
  51. padding-left:10px;
  52. padding-bottom:10px;
  53. background-color:#E2FEEA;
  54. font:14px "Trebuchet MS";
  55. }
  56. </style>
  57. </head>
  58. <body style="background:url(gambar/25.jpg); background-attachment:fixed">
  59. <center>
  60. <table border="0" width="80%" bgcolor="#FFFFFF">
  61. <tr>
  62. <td rowspan="2" width="20%" valign="top">
  63. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  64. <html xmlns="http://www.w3.org/1999/xhtml">
  65. <head>
  66. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  67. <title>Untitled Document</title>
  68. </head>
  69.  
  70. <body>
  71. <h3><span></span><center><a href="index.php" style="text-decoration:none"><img src="gambar/Inventory.png" width="50" height="50"><br /><b>Gudang Aplikasi</b></a></h3>
  72. <div id="accordian">
  73. <ul>
  74. <li><h3><span></span>Bisnis</h3>
  75. <ul>
  76. <li><a href="#"><strong>Akuntansi & Keuangan</strong></a></li>
  77. <li><a href="#"><strong>Penjualan</strong></a></li>
  78. <li><a href="#"><strong>Logistik</strong></a></li>
  79. </ul></li>
  80. <li><h3><span></span>Game</h3>
  81. <ul>
  82. <li><a href="#"><strong>Game Dunia Maya</strong></a></li>
  83. <li><a href="#"><strong>Game Olah Raga</strong></a></li>
  84. <li><a href="#"><strong>Game Teka Teki & Otak</strong></a></li>
  85. </ul></li>
  86. <li><h3><span></span>Hiburan</h3>
  87. <ul>
  88. <li><a href="#"><strong>Buku</strong></a></li>
  89. <li><a href="#"><strong>Foto</strong></a></li>
  90. <li><a href="#"><strong>Film</strong></a></li>
  91. </ul></li>
  92. <li><h3><span></span>Sosial & Komunikasi</h3>
  93. <ul>
  94. <li><a href="#"><strong>Blog</strong></a></li>
  95. <li><a href="#"><strong>Chat</strong></a></li>
  96. <li><a href="#"><strong>Jejaring Sosial</strong></a></li>
  97. </ul></li>
  98. <li><h3><span></span>Utilitas</h3>
  99. <ul>
  100. <li><a href="#"><strong>Bookmark</strong></a></li>
  101. <li><a href="#"><strong>Kalkulator</strong></a></li>
  102. <li><a href="#"><strong>Kamus</strong></a></li>
  103. </ul></li>
  104. <li><h3><span></span>Pendidikan</h3>
  105. <ul>
  106. <li><a href="#"><strong>Agama</strong></a></li>
  107. <li><a href="#"><strong>Matematika</strong></a></li>
  108. <li><a href="#"><strong>Sejarah</strong></a></li>
  109. <li><a href="#"><strong>Tata boga</strong></a></li>
  110. </ul></li>
  111. <li><h3><span></span>Perjalanan & Lokal</h3>
  112. <ul>
  113. <li><a href="#"><strong>Transportasi</strong></a></li>
  114. <li><a href="#"><strong>Pariwisata</strong></a></li>
  115. <li><a href="#"><strong>Kuliner</strong></a></li>
  116. </ul></li>
  117. </ul>
  118. </div>
  119. </body>
  120. </html> </td>
  121. <td width="80%" valign="top">
  122. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  123. <html xmlns="http://www.w3.org/1999/xhtml">
  124. <head>
  125. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  126. <title>Untitled Document</title>
  127. <script type="text/javascript">
  128. function startTime() {
  129. var today=new Date(),
  130. curr_hour=today.getHours(),
  131. curr_min=today.getMinutes(),
  132. curr_sec=today.getSeconds();
  133. curr_hour=checkTime(curr_hour);
  134. curr_min=checkTime(curr_min);
  135. curr_sec=checkTime(curr_sec);
  136. document.getElementById('clock').innerHTML=curr_hour+":"+curr_min+":"+curr_sec;}
  137. function checkTime(i) {
  138. if (i<10) {
  139. i="0" + i;
  140. }
  141. return i;}
  142. setInterval(startTime, 500);
  143. </script>
  144. </head>
  145.  
  146. <body>
  147. <script type='text/javascript'>
  148. var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus','September','Oktober','November','Desember'];
  149. var myDays = ['&nbsp;Minggu', ' Senin', ' Selasa', ' Rabu', ' Kamis', ' Jum&#39;at', ' Sabtu'];
  150. var date = new Date();
  151. var day = date.getDate();
  152. var month = date.getMonth();
  153. var thisDay = date.getDay(),
  154. thisDay = myDays[thisDay];
  155. var yy = date.getYear();
  156. var year = (yy < 1000) ? yy + 1900 : yy;
  157. document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);
  158. </script></b> | Jam : <b><time id="clock"></time></b>
  159.  
  160. ,<b> Selamat Pagi ! </b></body>
  161. </html> <hr />
  162. </td></tr>
  163. <tr>
  164. <td valign="top">
  165. <table border="0" width="100%">
  166. <tr>
  167. <td width="80%" valign="top" align="center"><br />
  168. <h3>Aplikasi Terbaru</h3><hr />
  169. <table border="0" width="100%">
  170. <tr align="center">
  171. <td>
  172. <a href="#popup" style="text-decoration:none"><img src='_aplikasi/Movie-icon.png' width='128' height='128'><br /><font color="#000000">VLC</font></a></td>
  173. <td>
  174. <a href="#popup" style="text-decoration:none"><img src='_aplikasi/Music-icon.png' width='128' height='128'><br /><font color="#000000">Aimp</font></a></td>
  175. <td>
  176. <a href="#popup" style="text-decoration:none"><img src='_aplikasi/hi.png' width='128' height='128'><br /><font color="#000000">Helo word</font></a></td>
  177. <div id="popup">
  178. <div class="window">
  179. <a href="#" class="close-button" title="close">X</a>
  180. <div id="input_dokumen">
  181. <div id="container">
  182. <ul id="nav">
  183. <li><a href="#tab1" class="active">Deskripsi</a></li>
  184. <li><a href="#tab2">Screnshoot</a></li>
  185. <li><a href="#tab3">Video</a></li>
  186. </ul>
  187. <div class="clear"></div>
  188. <div id="konten">
  189. <div style="display:none;" id="tab1" class="tab_konten">
  190. Aplikasi hello word merupakan aplikasi yang dibuat untuk mengumpulkan semua aplikasi yang telah dipelajari dalam mata kuliah pemrograman bergerak. </div>
  191. <div style="display:none;" id="tab2" class="tab_konten">
  192. tab 2
  193. </div>
  194. <div style="display:none;" id="tab3" class="tab_konten">
  195. tab 3
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. </div>
  202. </tr>
  203. <tr align="center">
  204. </tr>
  205.  
  206. </table>
  207. </td>
  208. <td valign="top" align="right">
  209. <!-- easy menu -->
  210. <div id="lessoncup">
  211. <div id="icon"><img src="gambar/icons/icon.jpg" width="24" height="26" /></div>
  212. <div id="titlebox">
  213. <div id="titles">
  214. <ul>
  215. <li><a href="http://www.google.com"><img src="gambar/icons/g.jpg" width="85" height="82" /></a></li>
  216. <li><img src="gambar/icons/gb.jpg" width="85" height="82" /></li>
  217. <li><img src="gambar/icons/gd.jpg" width="85" height="82" /></li>
  218. <li><img src="gambar/icons/gbb.jpg" width="85" height="82" /></li>
  219. <li><img src="gambar/icons/gc.jpg" width="85" height="82" /></li>
  220. <li><img src="gambar/icons/gm.jpg" width="85" height="82" /></li>
  221. <li><img src="gambar/icons/gt.jpg" width="85" height="82" /></li>
  222. <li><img src="gambar/icons/mp.jpg" width="85" height="82" /></li>
  223. <li><img src="gambar/icons/pl.jpg" width="85" height="82" /></li>
  224. </ul>
  225. </div>
  226. </div>
  227. </div></td>
  228. </tr></table>
  229.  
  230. <!--slideshoe -->
  231. <!-- <div id="slideshow">
  232. <div id="slider">
  233. <ul>
  234. <li><img src="gambar/baner2.jpg" width="600" height="200" /></li>
  235. <li><img src="gambar/bg1.jpg" width="600" height="300" /></li>
  236. <li><img src="gambar/bg2.jpg" width="600" height="300" /></li>
  237. </ul>
  238. </div>
  239. <div id="next" class="but">Prev</div>
  240. <div id="prev" class="but">Next</div>
  241. </div>-->
  242.  
  243. </td></tr>
  244. <tr>
  245. <td colspan="2"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  246. <html xmlns="http://www.w3.org/1999/xhtml">
  247. <head>
  248. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  249. <title>Untitled Document</title>
  250. </head>
  251.  
  252. <body><hr />
  253. <center>2014&copy;Apps Fakultas Teknik<br />Rekayas Perangakat Lunak 2011</center>
  254. </body>
  255. </html>
  256. </td></tr>
  257. </table>
  258. </body>
  259. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!