Skip to content

Instantly share code, notes, and snippets.

@angp4o
Created March 21, 2013 11:39
Show Gist options
  • Save angp4o/5212417 to your computer and use it in GitHub Desktop.
Save angp4o/5212417 to your computer and use it in GitHub Desktop.
Desktop Square Internet Group
/**
* Desktop Square Internet Group
*/
body {
background-image: url(background.jpg);
background-repeat: no-repeat;
background-color: #000000;
}
img {
border: none;
}
#voucher {
position:absolute;
width:300px;
height:100px;
z-index:1;
left: 22px;
top: 131px;
}
#saran {
position:absolute;
width:300px;
height:100px;
z-index:2;
left: 1090px;
top: 131px;
}
#launcher {
position: absolute;
width:544px;
height:362px;
z-index:3;
left: 22px;
top: 241px;
}
#informasi {
position:absolute;
width:362px;
height:362px;
z-index:1;
left: 1048px;
top: 241px;
border: solid 1px #fff;
}
#iklan {
position:absolute;
width:1398px;
height:183px;
z-index:7;
left: 23px;
top: 664px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
/* VOUCHER */
.voucher {
margin: 0px;
padding: 2px;
position: absolute;
}
/* INFORMASI */
.informasi {
margin: 0px;
padding: 2px;
position: absolute;
}
/* LAUNCHER */
.launcher, .launcher ul {
margin: 0px;
padding: 0px;
position: absolute;
}
.launcher li {
list-style: none;
float: left;
margin: 2px;
border: solid 1px #fff;
}
/* SARAN */
.saran {
margin: 0px;
padding: 2px;
position: absolute;
}
/* IKLAN */
.iklan ul {
margin: 0px;
padding: 2px;
position: absolute;
}
.iklan li {
list-style: none;
float: left;
margin: 0 10px 0 10px;
}
.iklan {
margin: 0px;
padding: 0px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Interactive Desktop</title>
<link rel="stylesheet" href="images/style.css" type="text/css" />
<script src="images/index.js" type="text/javascript"></script>
<body onload="MM_preloadImages('images/saran_hover.png','images/aplikasi_hover.png','images/game_hover.png','images/multimedia_hover.png','images/datauser_hover.png')">
<div id="voucher">
<img src="images/voucher_hover.png" name="voucher" width="207" height="61" />
</div>
<div id="saran">
<a href="http://platinum/kritik" target="_blank" onmouseover="MM_swapImage('saran','','images/saran_hover.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/saran.png" name="saran" /></a></div>
<div id="launcher">
<ul class="launcher">
<li><a href="file:///c:/desktop/aplikasi" target="_blank" onmouseover="MM_swapImage('aplikasi','','images/aplikasi_hover.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/aplikasi.png" name="aplikasi" /></a></li>
<li><a href="exe/game.exe" target="_blank" onmouseover="MM_swapImage('game','','images/game_hover.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/game.png" name="game" /></a></li>
<li><a href="exe/artikel.exe" target="_blank" onmouseover="MM_swapImage('skripsi','','images/skripsi_hover.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/skripsi.png" name="skripsi" /></a></li>
<li><a href="file:///c:/desktop/multimedia" target="_blank" onmouseover="MM_swapImage('multimedia','','images/multimedia_hover.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/multimedia.png" name="multimedia" /></a></li>
<li><a href="file:\\\//platinum/link$" target="_blank" onmouseover="MM_swapImage('datauser','','images/datauser_hover.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/datauser.png" name="datauser" /></a></li>
</ul>
</div>
<div id="informasi">
<img src="images/informasi.png" name="informasi" />
</div>
<div id="iklan">
<ul class="iklan">
<li><a href="http://www.mbakdiskon.com/" target="_blank"><img src="images/iklan_mbakdiskon.png" /></a></li>
<li><img src="images/iklan.png" name="iklan2" /></li>
<li><img src="images/iklan.png" name="iklan3" /></li>
<li><img src="images/iklan.png" name="iklan4" /></li>
</ul>
</div>
</body>
</html>
// alert('Hello world!');
{"view":"separate","fontsize":"100","seethrough":"1","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment