Advertisement
Jinhwa

Cler HP

Oct 15th, 2018
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.10 KB | None | 0 0
  1. Foto de fundo: https://static.wmobjects.com.br/imgres/arquivos/ids/5234748-344-344/.jpg
  2.  
  3. O código começa logo abaixo. ^^
  4.  
  5.  
  6. <!--- Layout By Jinhwa BEGIN sz ---!>
  7.  
  8. <center>
  9. <script>
  10.  
  11. function changeNavigation(id)
  12. {document.getElementById('Index').innerHTML=document.getElementById(id).innerHTML}
  13.  
  14. </script>
  15.  
  16. <div id="content">
  17.  
  18. <!--- Paste Your Layout Image URL Below sz ---!>
  19.  
  20. <center><img usemap="#LayoutImage" src="https://66.media.tumblr.com/f5b7fedef8704718fed99dbc01dea72d/tumblr_pgnz19QXfv1x3z708o1_1280.png" /></center>
  21.  
  22. <!--- Your Avatar Picture Below sz ---!>
  23.  
  24. <img id="dp" src="http://pt.imvu.com/catalog/web_av_pic.php?av=Cler" />
  25.  
  26. <!--- Map Coords sz ---!>
  27.  
  28. <map id="LayoutImage" name="LayoutImage">
  29.  
  30. <area shape="rect" coords="687,318,863,347" name="Biography" onclick="changeNavigation('Biography')" />
  31. <area shape="rect" coords="688,356,859,383" name="Love" onclick="changeNavigation('Love')" />
  32. <area shape="rect" coords="689,390,854,418" name="Friends" onclick="changeNavigation('Friends')" />
  33. <area shape="rect" coords="690,427,852,456" name="F.A.Q" onclick="changeNavigation('FAQ')" />
  34. <area shape="rect" coords="692,463,847,492" name="Contact" onclick="changeNavigation('Contact')" />
  35. <area shape="rect" coords="692,499,838,527" name="Support" onclick="changeNavigation('Support')" />
  36.  
  37. <!--- Link Below-Your Username and ID sz ---!>
  38.  
  39. <area shape="rect" coords="38,533,230,562" href="#" onclick="IMVU.messagePopupShow({force_recipient_id:173294268}); return false;" id="send_message_link" alt="message" />
  40.  
  41. <area shape="rect" coords="39,496,231,527" href="http://pt.imvu.com/catalog/web_add_contact.php?contact=Cler" alt="Add" target="_blank" />
  42.  
  43. <area shape="rect" coords="37,569,224,597" href="http://pt.imvu.com/catalog/web_flag_homepage.php?flag_homepage=173294268" alt="Block" target="_blank" />>
  44.  
  45. <!--- (Your VIDEO Box) ---!>
  46.  
  47. <div id="video_box" style="width:260px; height:138px; position:absolute; left:353px; top:60px; z-index:1">
  48. <iframe allow="autoplay" width="260" height="138" src="https://www.youtube.com/embed/pBuZEGYXA6E?modestbranding=1&fs=0&rel=0&hd=1&disablekb=0&showinfo=0&iv_load_policy=0&autoplay=1&loop=1&controls=0&playlist=pBuZEGYXA6E" frameborder="0" allowfullscreen></iframe><!--Youtube player code generated @ http://gaf210.imvustylez.net -->
  49.  
  50. <!--- Main Tabs Begin Below sz ---!>
  51.  
  52. <div id="Index">
  53. <h1 align="center"> S T A R T </h1>
  54. <center>
  55.  
  56. Welcome to my HomePage ❤
  57.  
  58. </center>
  59. </div>
  60.  
  61. <!--- The contents of the "Mainbox" and "Index" must be the same sz ---!>
  62.  
  63. <div id="Biography" style="display:none">
  64. <h1 align="center"> B I O </h1>
  65.  
  66. <u> Name: </u> Mandy <p></p>
  67. <u> Gender: </u> Female <p></p>
  68. <u> Age: </u> 19 <p></p>
  69. <u> Birthday: </u> 12/06 <p></p>
  70. <u> Country: </u> Japan <p></p>
  71.  
  72.  
  73. </div>
  74.  
  75. <div id="Love" style="display:none">
  76. <h1 align="center"> B A B E </h1>
  77.  
  78.  
  79. <center><a href="https://es.avatars.imvu.com/X" target="_blank"><img src="http://es.imvu.com/catalog/web_av_pic.php?av=X" height="220" width="160" /></center>
  80.  
  81. </div>
  82.  
  83.  
  84. <div id="Friends" style="display:none">
  85. <h1 align="center"> F R I E N D S </h1>
  86.  
  87. <p> ❤ </p>
  88. <p> ❤ </p>
  89. <p> ❤ </p>
  90. <p> ❤ </p>
  91. <p> ❤ </p>
  92.  
  93.  
  94. </div>
  95.  
  96. <div id="FAQ" style="display:none">
  97. <h1 align="center"> Q U E S T I O N S </h1>
  98.  
  99. <u> </u>
  100. <p> </p>
  101.  
  102. </div>
  103.  
  104.  
  105. <div id="Contact" style="display:none">
  106. <h1 align="center"> Contact </h1>
  107.  
  108. <p> Facebook
  109. <center><a href="https://www.facebook.com/URL"target="_blank"><img src="https://78.media.tumblr.com/3ba4a9f19ffe87f3eff450d01169bfa5/tumblr_pf2lynr12x1x3z708o3_250.jpg" alt="facebook" height="71" width="200" /></p>
  110. </p>
  111.  
  112. </div>
  113.  
  114. <div id="Support" style="display:none">
  115. <h1 align="center"> S U P P O R T </h1>
  116.  
  117. <center><a href="https://es.avatars.imvu.com/Jinhwa" target="_blank"><img src="http://es.imvu.com/catalog/web_av_pic.php?av=Jinhwa" height="220" width="160" /></p>
  118.  
  119. <!--- Colours, Texts, Links, fonts, cursors, Etc. sz ---!>
  120.  
  121. <style type="text/css">
  122.  
  123. @import url(http://fonts.googleapis.com/css?family=Archivo+Narrow);
  124. body { background: _; }
  125. * { text-decoration: none !important; }
  126.  
  127. #content {
  128. width: 900px;
  129. height: 720px;
  130. }
  131.  
  132. #Index {
  133. position: absolute;
  134. top: 209px;
  135. left: -45px;
  136. width: 338px;
  137. height: 404px;
  138. overflow: auto;
  139. }
  140.  
  141. #dp {
  142. position: absolute;
  143. top: 266px;
  144. left: 55px;
  145. }
  146.  
  147. /* text */
  148.  
  149. body, div {
  150. font: 15px "Me Likey ~";
  151. color: #ffffff!important;
  152. cursor: url(http://ego-box.com/cursors/82.ico), url(https://media.tumblr.com/a26e80e89736d09cc2c4f658eac5c295/tumblr_inline_mqmxnnuPv41qz4rgp.png), auto;
  153. }
  154.  
  155. b {
  156. font: bold 15px "NewMeda";
  157. letter-spacing: 2px;
  158. color: #transparent !important;
  159. }
  160.  
  161. i {
  162. font-style: italic;
  163. color: #transparent !important;
  164. }
  165.  
  166. u {
  167. font: bold 15px "LeviWindows";
  168. letter-spacing: 0.5px;
  169. text-decoration: none;
  170. border-bottom: 1px dotted #transparent;
  171. }
  172.  
  173.  
  174.  
  175. /* links */
  176.  
  177. a, a:link, a:visited, a:active {
  178. font: bold 10px "Gotham Nights";
  179. text-decoration: underline;
  180. text-transform: uppercase;
  181. letter-spacing: 2px;
  182. color: #ffffff!important;
  183. -moz-transition: all 0.9s ease;
  184. -webkit-transition: all 0.9s ease;
  185. cursor: url(http://ego-box.com/cursors/82.ico), url(https://media.tumblr.com/a26e80e89736d09cc2c4f658eac5c295/tumblr_inline_mqmxnnuPv41qz4rgp.png), auto;
  186. }
  187.  
  188.  
  189. a:hover {
  190. background-color: #transparent;
  191. color: #ffffff!important;
  192. }
  193.  
  194.  
  195.  
  196. /* headers */
  197.  
  198. h1 {
  199. font: 20px Akadora; letter-spacing: 5px; text-transform: lowercase;
  200. background: #transparent; color: #f789a3!important; padding: 1px; border: 0px solid #transparent;
  201. transition: 0.7s ease; -webkit-transition: 0.7s ease; -o-transition: 0.7s ease; -ms-transition: 0.7s ease;
  202. }
  203. h1:hover { background: #transparent; color: #ffccda!important; }
  204.  
  205.  
  206.  
  207. /* horizontal rule */
  208.  
  209. hr {
  210. border-width: 0px 0px 1px;
  211. border-style: dotted;
  212. border-color: #transparent;
  213. }
  214.  
  215. #url_panel { width: 900px !important; }
  216. #url_panel_header, #url_panel_ColRow { display: none !important; }
  217.  
  218. </style>
  219.  
  220.  
  221. <style type="text/css">
  222. #url_panel_colRow a {display:none !important;}
  223. </style>
  224. </center>
  225.  
  226. <!--- Layout By Jinhwa END sz ---!>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement