View difference between Paste ID: NNksuiE9 and kkY060GP
SHOW: | | - or go back to the newest paste.
1
<center>
2
3
<img src="http://i.imgur.com/Hc84ay2.png" width="1000" height="1000" border="0" usemap="#ImageMap1">
4
<style>
5-
<style type="text/css">
5+
6
	display:none;
7
}
8
#url_panel {
9
	border:none !important;
10
}
11
#url_panel_header {
12
	margin-bottom:0px;
13
	width:850px;
14
}
15
#url_panel_body {
16
	width:850px;
17
	height:600px;
18
}
19
#LayoutIMG {
20
	position:absolute;
21
	top:0px;
22
	left:0px;
23
}
24
.Content {
25
	color:#CCC;
26
	font-size:12px;
27
	font-family:"Comic Sans MS", cursive;
28
	z-index:5000;
29
  position: absolute;
30
  top: 610px;
31
  left: 200px;
32
  width: 620px;
33
  height: 350px;
34
  overflow-x: hidden;
35
  overflow-y: auto;
36
}
37
.Content a {
38
	color:#FFF !important;
39
}
40
#AviDIV {
41
	position:absolute;
42-
#AboutDIV, #SupportDIV, #FriendsDIV {
42+
43
	left:572px;
44
	width:160px;
45-
</style>
45+
46
}
47-
<div id="MainDIV" class="Content">
47+
48-
  
48+
#AboutDIV, #SupportDIV, #FriendsDIV, #HomeDIV {
49
	display:none;
50
}
51
</style>  
52
<div id="HomeDIV">
53
Home info here
54
</div>
55
56
<div id="AboutDIV">
57
About info here
58
</div>
59
60
<div id="SupportDIV">
61
Support info here
62
</div>
63
64
<div id="FriendsDIV">
65
Friends info here (recommended site: <a href="http://gaf210.imvustylez.net/gaf210codes.php?f=buddier.php?eng=1" target="_blank">Gaf210s Buddy Generator</a>)
66
</div>
67
68
<script>
69
$(document).ready(function(){
70-
<area shape="rect" coords="840,701,953,730" href="javascript:void(0)" onclick="doHide('MainDIV');ShowLayer('HomeDIV');" title="Home" alt="Home" />
70+
document.getElementById('MainDIV').innerHTML = document.getElementById('HomeDIV').innerHTML;
71
});
72
function swapContent(s){
73-
<area shape="rect" coords="435,517,569,549" href="javascript:void(0)" onclick="doHide('MainDIV');ShowLayer('HomeDIV');" title="Home" alt="Home"  target="inlineframe" />
73+
$('#MainDIV').fadeOut('slow', function(){
74-
<area shape="rect" coords="25,654,163,687" href="javascript:void(0)" onclick="doHide('MainDIV');ShowLayer('AboutDIV');" title="About" alt="About"  target="inlineframe" />
74+
	document.getElementById('MainDIV').innerHTML = document.getElementById(s).innerHTML;
75-
<area shape="rect" coords="51,700,162,733" onclick="doHide('MainDIV');ShowLayer('FriendsDIV');" title="Friends" alt="Friends"  target="inlineframe"/>
75+
	$('#MainDIV').fadeIn('slow');
76-
<area shape="rect" coords="842,655,979,686" href="javascript:void(0)" onclick="doHide('MainDIV');ShowLayer('SupportDIV');" title="Support" alt="Support"   target="inlineframe" />
76+
});
77-
</map>
77+
78
</script>
79
80
<map name="ImageMap1">
81
<area shape="rect" coords="840,701,953,730" href="javascript:void(0)" onclick="swapContent('HomeDIV')" title="Home" alt="Home" />
82
<area shape="rect" coords="840,747,930,778" href="http://www.imvu.com/catalog/web_mypage.php?block=164836173" target="_" />
83
<area shape="rect" coords="74,746,164,777" href="http://www.imvu.com/catalog/web_add_contact.php?contact=XxDJD4RKD3M0NxX" target="_" />
84
<area shape="rect" coords="435,517,569,549" href="javascript:void(0)" onclick="swapContent('HomeDIV')" title="Home" alt="Home"  target="inlineframe" />
85
<area shape="rect" coords="25,654,163,687" href="javascript:void(0)" onclick="swapContent('AboutDIV')" title="About" alt="About"  target="inlineframe" />
86
<area shape="rect" coords="51,700,162,733" onclick="swapContent('FriendsDIV')" title="Friends" alt="Friends"  target="inlineframe"/>
87
<area shape="rect" coords="842,655,979,686" href="javascript:void(0)" onclick="swapContent('SupportDIV')" title="Support" alt="Support"   target="inlineframe" />
88
</map>
89
90
<div id="MainDIV" class="Content"></div>
91
</center>