ndfjay

iNekomancer homepage (custom)

Jul 3rd, 2014
299
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.03 KB | None | 0 0
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  2. <style>
  3. body{
  4.     background:#202020;
  5. }
  6. .proPic{
  7.     width:160px;
  8.     height:220px;
  9.     margin-left:33px;
  10.     margin-top:32px;   
  11. }
  12. .mainBody{
  13. width:960px;
  14. height:344px;
  15. margin:0 auto 0 auto;  
  16. }
  17. .mainLeft{
  18.     height:344px;
  19.     width:233px;
  20.     float:left;
  21.     margin:0 0 0 0;
  22.     background:url(http://userimages-akm.imvu.com/userdata/11/39/02/84/userpics/Snap_Ji7Yk7tY6K415665805.png)
  23. }
  24. .mainContent{
  25.     height:344px;
  26.     width:558px;
  27.     float:left;
  28.     margin:0 0 0 0;
  29.     background:url(http://userimages-akm.imvu.com/userdata/11/39/02/84/userpics/Snap_hTP3Vo3gdL1862913376.png)
  30. }
  31. .mainRight{
  32.     height:344px;
  33.     width:169px;
  34.     float:left;
  35.     margin:0 0 0 0;
  36. }
  37. .cHome{
  38.     width:558px;
  39.     height:344px;
  40.     margin:0 0 0 0;
  41.     display:block;
  42.     color:#fff;
  43. }
  44. .hHome{
  45.     width:477px;
  46.     height:15px;
  47.     margin-top:40px;
  48.     margin-left:55px;
  49.     font-family:Tahoma;
  50.     font-size:18px;
  51. }
  52. .mHome{
  53.     width:500px;
  54.     height:200px;
  55.     margin-top:35px;
  56.     margin-left:55px;
  57.     font-family:Tahoma;
  58.     font-size:12px;
  59.     overflow-x:hidden;
  60.     overflow-y:auto;
  61. }
  62.  
  63.  
  64. .cAbout{
  65.     width:558px;
  66.     height:344px;
  67.     margin:0 0 0 0;
  68.     display:none;
  69.     color:#fff;
  70. }
  71. .hAbout{
  72.     width:477px;
  73.     height:15px;
  74.     margin-top:40px;
  75.     margin-left:55px;  
  76.     font-family:Tahoma;
  77.     font-size:18px;
  78. }
  79. .mAbout{
  80.     width:500px;
  81.     height:200px;
  82.     margin-top:35px;
  83.     margin-left:55px;
  84.     font-family:Tahoma;
  85.     font-size:12px;
  86.     overflow-x:hidden;
  87.     overflow-y:auto;
  88. }
  89.  
  90.  
  91. .cFriends{
  92.     width:558px;
  93.     height:344px;
  94.     margin:0 0 0 0;
  95.     display:none;
  96.     color:#fff;
  97. }
  98. .hFriends{
  99.     width:477px;
  100.     height:15px;
  101.     margin-top:40px;
  102.     margin-left:55px;
  103.     font-family:Tahoma;
  104.     font-size:18px;
  105. }
  106. .mFriends{
  107.     width:500px;
  108.     height:200px;
  109.     margin-top:35px;
  110.     margin-left:55px;
  111.     font-family:Tahoma;
  112.     font-size:12px;
  113.     overflow-x:hidden;
  114.     overflow-y:auto;
  115. }
  116.  
  117.  
  118. .cFAQ{
  119.     width:558px;
  120.     height:344px;
  121.     margin:0 0 0 0;
  122.     display:none;
  123.     color:#FFF;
  124. }
  125. .hFAQ{
  126.     width:477px;
  127.     height:15px;
  128.     margin-top:40px;
  129.     margin-left:55px;  
  130.     font-family:Tahoma;
  131.     font-size:18px;
  132. }
  133. .mFAQ{
  134.     width:500px;
  135.     height:200px;
  136.     margin-top:35px;
  137.     margin-left:55px;
  138.     font-family:Tahoma;
  139.     font-size:12px;
  140.     overflow-x:hidden;
  141.     overflow-y:auto;
  142. }
  143.  
  144.  
  145.  
  146.  
  147. </style>
  148.  
  149. <div class="mainBody">
  150.     <div class="mainLeft">
  151.       <a href="#!" onclick="IMVU.AvatarCard.showPopup(46871712); return false;"><img class="proPic" src="http://www.imvu.com/catalog/web_av_pic.php?av=iNekomancer" /></a>
  152.     </div>
  153.    
  154.     <div class="mainContent">
  155.         <div class="cHome">
  156.             <div class="hHome">
  157.             Welcome!
  158.             </div>
  159.             <div class="mHome">
  160.             <p>Hey :D, the name's Simon and whalecum to my website (Didn't actually make it, awesome friend of mine did) so stick around or something and click random shit.</p>
  161.            
  162.             </div>
  163.         </div>
  164.         <div class="cAbout">
  165.             <div class="hAbout">
  166.             About!
  167.             </div>
  168.             <div class="mAbout">
  169.             <p>I'm a dork, that's about all there to it.</p>
  170.            
  171.             </div>
  172.         </div>
  173.         <div class="cFriends">
  174.             <div class="hFriends">
  175.             Friends!
  176.             </div>
  177.             <div class="mFriends">
  178.             <p>Nandy- Jenna- Simon (me because I'm that awesome)- Poshi- Ellis- bla bla bla- I have no friends, pls be friends with me</p>
  179.            
  180.             </div>
  181.         </div>
  182.         <div class="cFAQ">
  183.             <div class="hFAQ">
  184.             Frequently Asked Questions!
  185.             </div>
  186.             <div class="mFAQ">
  187.             <p>Q: hi?</p>
  188.             <p>A: Hi.</p>
  189.             <p>Q: Am I gay?</p>
  190.             <p>A: I can if you want me to be c;</p>
  191.             <p>Q: Can you touch my bottocks?</p>
  192.             <p>A: If I don't get aids from them, sure.</p>
  193.             <p>Q: How fab am I?</p>
  194.             <p>A: Fab enough for you to come click my profile page and read the last line on the last section. c;</p>
  195.            
  196.             </div>
  197.         </div>    
  198.     </div>
  199.    
  200.     <div class="mainRight">
  201.         <img src="http://userimages-akm.imvu.com/userdata/11/39/02/84/userpics/Snap_IsN0ELZ0QU439396650.png" usemap="#Map" border="0" />
  202.         <map name="Map" id="Map">
  203.           <area shape="rect" coords="20,70,109,94" href="#!" alt="Home" onclick="$('.cHome').css({display: 'block'}); $('.cAbout').css({display: 'none'}); $('.cFriends').css({display: 'none'}); $('.cFAQ').css({display: 'none'});"/>
  204.           <area shape="rect" coords="19,122,109,148" href="#!" alt="About" onclick="$('.cHome').css({display: 'none'}); $('.cAbout').css({display: 'block'}); $('.cFriends').css({display: 'none'}); $('.cFAQ').css({display: 'none'});"/>
  205.           <area shape="rect" coords="20,177,125,207" href="#!" alt="Friends" onclick="$('.cHome').css({display: 'none'}); $('.cAbout').css({display: 'none'}); $('.cFriends').css({display: 'block'}); $('.cFAQ').css({display: 'none'});"/>
  206.           <area shape="rect" coords="19,236,105,258" href="#!" alt="Fact and Questions" onclick="$('.cHome').css({display: 'none'}); $('.cAbout').css({display: 'none'}); $('.cFriends').css({display: 'none'}); $('.cFAQ').css({display: 'block'});"/>
  207.         </map>
  208.     </div>
  209. </div>
  210.  
  211.  
  212. <!-- IMVU SCRIPTS TO HIDE PANELS -->
  213.  
  214. <script>
  215. function changeTitle(divID,divTitle)
  216. {
  217. document.getElementById(divID).innerHTML=divTitle;
  218. }
  219. </script>
  220.  
  221. <style type="text/css">
  222.    #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
  223.    #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,
  224.    #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,
  225.    #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #url_panel,
  226.    #special_panel,#outfits_panel {
  227.       width:900px !important;
  228.    }
  229.    #rightColumn {
  230.       display:none !important;
  231.    }
  232. </style>
  233. <style type="text/css">
  234. #url_panel_colRow, .imvucodes_net { display:none !important; }
  235. </style>
  236. <style type="text/css">
  237. .paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
  238. </style>
Advertisement
Add Comment
Please, Sign In to add comment