Advertisement
Guest User

ShaylynOliviaRose

a guest
May 19th, 2019
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.32 KB | None | 0 0
  1. <script>
  2. function changeNavigation(id)
  3. {document.getElementById('DEFAULT').innerHTML=document.getElementById(id).innerHTML}
  4. </script>
  5.  
  6. <div id="content">
  7.  
  8. <img id="dp" src="https://www.imvu.com/catalog/web_av_pic.php?u=91156059">
  9. <center><img usemap="#LAYOUT-IMAGE" src="https://i.postimg.cc/4dqmyK2h/Ram-Skull-2.png"></center>
  10.  
  11. <map id="LAYOUT-IMAGE" name="LAYOUT-IMAGE">
  12.  
  13. <area shape="rect" coords="83,495,123,510" href="https://www.imvu.com/catalog/web_add_contact.php?contact=ShaylynOliviaRose" target="_blank" title="ADD">
  14. <area shape="rect" coords="129,496,163,510" href="javascript:IMVU.messagePopupShow({force_recipient_id:91156059})" target="_blank" title="MSG">
  15. <area shape="rect" coords="168,496,204,510" href="imvu:StartIM?avatar=ShaylynOliviaRose&fromSite=1" target="_blank" title="CHAT">
  16. <area shape="rect" coords="214,496,255,510" href="https://www.imvu.com/catalog/web_mypage.php?block=91156059" target="_blank" title="BLOCK">
  17.  
  18. <area shape="rect" coords="336,196,379,212" name="HOME" onClick="changeNavigation('HOME')">
  19. <area shape="rect" coords="402,196,468,212" name="ABOUT" onClick="changeNavigation('ABOUT')">
  20. <area shape="rect" coords="490,196,551,212" name="FRIENDS" onClick="changeNavigation('FRIENDS')">
  21. <area shape="rect" coords="570,196,613,212" name="LOVE" onClick="changeNavigation('LOVE')">
  22. <area shape="rect" coords="631,196,689,212" name="SUPPORT" onClick="changeNavigation('SUPPORT')">
  23.  
  24.  
  25.  
  26. </map>
  27.  
  28. <center>
  29. <div id="SHOUTOUT">
  30. <marquee>Hello! Welcome to my page :) </marquee>
  31.  
  32. </DIV>
  33.  
  34. <div id="DEFAULT">
  35. <h1> Welcome </h1>
  36. <br>
  37. "DEFAULT" and "HOME" are the same, just copy and paste :)
  38. </DIV>
  39.  
  40. <div id="HOME" style="display: none">
  41. <h1> Welcome </h1>
  42. <br>
  43. "DEFAULT" and "HOME" are the same, just copy and paste :)
  44.  
  45. </DIV>
  46.  
  47.  
  48. <div id="ABOUT" style="display: none">
  49. ABOUT ME
  50.  
  51. </DIV>
  52.  
  53.  
  54. <div id="FRIENDS" style="display: none">
  55. FRIENDS
  56.  
  57. </DIV>
  58.  
  59.  
  60. <div id="LOVE" style="display: none">
  61. LOVE
  62.  
  63. </DIV>
  64.  
  65.  
  66. <div id="SUPPORT" style="display: none">
  67. SUPPORT
  68.  
  69. </DIV>
  70.  
  71.  
  72.  
  73. </center>
  74. </DIV>
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79. #content {
  80. width: 900px;
  81. height: 500px;
  82. }
  83.  
  84.  
  85.  
  86. #SHOUTOUT {
  87. position: absolute;
  88. left: 386px;
  89. top: 175px;
  90. width: 462px;
  91. height: 22px;
  92. overflow: auto;
  93. }
  94.  
  95.  
  96. #DEFAULT {
  97. position: absolute;
  98. left: 324px;
  99. top: 220px;
  100. width: 519px;
  101. height: 276px;
  102. overflow: auto;
  103. }
  104.  
  105. #dp {
  106. position: absolute;
  107. top: 264px;
  108. left: 94px;
  109.  
  110. }
  111.  
  112. /* text */
  113.  
  114. body, div {
  115. font: 12px "Arial";
  116. color: #ffffff !important;
  117. cursor: crosshair;
  118. }
  119.  
  120. b {
  121. font: bold 11px "Century Gothic";
  122. letter-spacing: 1px;
  123. color: #ffffff !important;
  124. }
  125.  
  126. i {
  127. font-style: italic;
  128. letter-spacing: 1px;
  129. color: #ffffff !important;
  130. }
  131.  
  132. u {
  133. font: bold 14px "Century Gothic";
  134. letter-spacing: 0.5px;
  135. text-decoration: none;
  136. border-bottom: 1px dotted #F8F8FF;
  137. }
  138.  
  139.  
  140.  
  141. /* links */
  142.  
  143. a, a:link, a:visited, a:active {
  144. font: bold 12px "Century Gothic";
  145. text-decoration: none;
  146. text-transform: uppercase;
  147. letter-spacing: 2px;
  148. color: #ffffff !important;
  149. -moz-transition: all 0.7s ease;
  150. -webkit-transition: all 0.7s ease;
  151. cursor: help;
  152. }
  153.  
  154. a:hover {
  155. background-color: #F8F8FF;
  156. color: #c8c8c8 !important;
  157. }
  158.  
  159.  
  160.  
  161. /* headers */
  162.  
  163. h1 {
  164. font: bold 17px "Century Gothic";
  165. text-transform: uppercase;
  166. letter-spacing: 4px;
  167. line-height: 10px;
  168. color: #ffffff !important;
  169. }
  170.  
  171. h2 {
  172. font: bold 10px "Century Gothic";
  173. text-transform: uppercase;
  174. letter-spacing: 3px;
  175. line-height: 10px;
  176. color: #ffffff !important;
  177. }
  178.  
  179. h3 {
  180. font: 7px "Small Fonts", "Century Gothic";
  181. letter-spacing: 2px;
  182. color: #ffffff !important;
  183. text-align: center;
  184. text-transform: uppercase;
  185. background-color: #F8F8FF;
  186. padding: 5px;
  187. margin-left: 0;
  188. }
  189.  
  190.  
  191.  
  192. /* horizontal rule */
  193.  
  194. hr {
  195. border-width: 0px 0px 1px;
  196. border-style: dotted;
  197. border-color: #aaa;
  198. }
  199.  
  200.  
  201. #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
  202. #tagcloud_panel, #stickers_panel, #room_panel, #rankings_panel, #cool_panel,
  203. #gallery_panel, #friends_panel, #rss_panel, #url_panel, #special_panel,#outfits_panel,
  204. #video_panel, #groups_panel, #slideshow_panel, #badges_panel { width: 900px !important; }
  205. #aboutme_panel_header, #contact_panel_header, #dev_panel_header, #wishlist_panel_header, #visitors_panel_header,
  206. #tagcloud_panel_header, #stickers_panel_header, #room_panel_header, #rankings_panel_header, #cool_panel_header,
  207. #gallery_panel_header, #friends_panel_header, #rss_panel_header, #url_panel_header, #special_panel_header,#outfits_panel_header,
  208. #video_panel_header, #groups_panel_header, #slideshow_panel_header, #badges_panel_header, #aboutme_panel_ColRow, #contact_panel_ColRow, #dev_panel_ColRow, #wishlist_panel_ColRow, #visitors_panel_ColRow,
  209. #tagcloud_panel_ColRow, #stickers_panel_ColRow, #room_panel_ColRow, #rankings_panel_ColRow, #cool_panel_ColRow,
  210. #gallery_panel_ColRow, #friends_panel_ColRow, #rss_panel_ColRow, #url_panel_ColRow, #special_panel_ColRow,#outfits_panel_ColRow,
  211. #video_panel_ColRow, #groups_panel_ColRow, #slideshow_panel_ColRow, #badges_panel_ColRow { display: none !important; }
  212.  
  213. </style>
  214.  
  215. <style type="text/css">
  216. #footerBanner, .imvucodes_net { display:none !important; }
  217. </style>
  218.  
  219. <style>#footer_style,#footerbanner,#ad_panel,#message-stack,#ccpheader_leaderboard{display:none !important;}</style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement