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> |