API tools faq
paste
mountaindru

Me!Me!Me!

mountaindru
Jan 14th, 2015
1,452
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.78 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!-------------------------------
  5. 1. Please do not remove credits.
  6. 2. Theme created by HTMLNerd @ Chatango
  7. 3. Have fun with the theme!
  8. --------------------------------->
  9.  
  10. <SCRIPT TYPE="text/javascript">
  11. <!--
  12. function clickIE() {if (document.all) {(message);return false;}}
  13. function clickNS(e) {if
  14. (document.layers||(document.getElementById&&!document.all)) {
  15. if (e.which==2||e.which==3) {(message);return false;}}}
  16. if (document.layers)
  17. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  18. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  19. document.oncontextmenu=new Function("return false")
  20. // -->
  21. </SCRIPT>
  22. <script language=javascript>document.title=("ᴍᴇ!ᴍᴇ!ᴍᴇ")</script>
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>
  25.  
  26. <style type="text/css">
  27.  
  28. .logo_div, .fpix_header, .topad, .fpix_asl_table, .profile_text,
  29. .nc_profile, #left_container, #profilephoto, #flash_close_butt,
  30. #start_chat_but, .uppermenu, #buyers_ad, #flashcontent, .yellow_but,
  31. .bottombar, .byline, .top-links { visibility: hidden !important; display: none !important;}
  32.  
  33. a:link {color: #c0c0c0;
  34. background: #000000;}
  35. a:visited {color:#c0c0c0;}
  36. a:hover {color: #000000;
  37. background: #ffffff;}
  38. a:active {color:#c0c0c0;}
  39.  
  40.  
  41. ::selection {
  42. background:#e0e0e0;
  43. }
  44.  
  45. ::-moz-selection {
  46. background:#e0e0e0;
  47. }
  48.  
  49. ::-webkit-scrollbar {background-color: #ff93c5; height:8px; width:8px; border:3px solid #ffff00;}
  50. ::-webkit-scrollbar-thumb:vertical {background-color:#ff93c5; border:1px solid #202020; height:50px;}
  51. ::-webkit-scrollbar-thumb:horizontal {background-color:#ff93c5; border:1px solid #202020; height:8px;}
  52.  
  53. body{
  54. background-image: url('') !important; background-repeat:repeat !important; background-position:top-center!important;
  55. background-color: #ff93c5;
  56. font:10px calibri;
  57. color:#ffffff;
  58. margin:0px;
  59. height:0px;
  60. width:0px;
  61. }
  62.  
  63. #bgimg {
  64. background: transparent;
  65. width: 10px;
  66. height: 10px;
  67. position: fixed;
  68. left: 830px;
  69. top: 90px;
  70. }
  71.  
  72. #bgimg2 {
  73. background: transparent;
  74. width: 10px;
  75. height: 10px;
  76. position: fixed;
  77. left: 0px;
  78. top: 300px;
  79. }
  80.  
  81. #bgimg2 img {
  82. width: 600px;
  83. height: 380px;
  84. }
  85.  
  86. body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute19.gif'), auto }
  87.  
  88.  
  89. h1 {
  90. background: #2cd2ee;
  91. color: #000000;
  92. font-family: ms ui gothic;
  93. text-transform: uppercase;
  94. font-size: 10px;
  95. }
  96.  
  97. pre {
  98. background: #c0c0c0;
  99. color: #ffffff;
  100. text-align: center;
  101. font-family: consolas;
  102. font-size: 10px;
  103. letter-spacing: 2px;
  104. text-transform: uppercase;
  105. }
  106.  
  107. b, strong {
  108. color: #ffffff;
  109. font-size: 8px;
  110. text-transform: uppercase;
  111. letter-spacing: 1px;
  112. background: #ff82d3;
  113. }
  114.  
  115. i, em {
  116. color: #2cd2ee;
  117. }
  118.  
  119. #title {
  120. position:fixed;left:495px;top:55px;background: #ffff00; width: 395px;
  121. line-height: 50px; padding: 10px;border: 1px solid #2cd2ee; font-family: arial;
  122. font-size: 50px; text-align: center; color: #2cd2ee; text-transform: uppercase;
  123. border-radius: 30px;
  124. }
  125. #obox {
  126. position:fixed;
  127. left:500px;
  128. top:210px;
  129. z-index:99;
  130. background:#2cd2ee;
  131. color:#707070;
  132. width:350px;
  133. height:350px;
  134. box-shadow:inset 0 0px 0px #ffffff;
  135. -webkit-transition: all 0.8s ease-out;
  136. -moz-transition: all 0.8s ease-out;
  137. transition: all 0.8s ease-out;
  138. padding:30px;
  139. border-radius: 30px;
  140. border: 1px solid #c0c0c0;
  141. }
  142.  
  143. #box {
  144. position:fixed;
  145. left:530px;
  146. top:233px;
  147. z-index:99;
  148. background:#ffff00;
  149. overflow:auto;
  150. color:#707070;
  151. width:330px;
  152. height:340px;
  153. box-shadow:inset 0 0px 0px #ffffff;
  154. -webkit-transition: all 0.8s ease-out;
  155. -moz-transition: all 0.8s ease-out;
  156. transition: all 0.8s ease-out;
  157. padding: 10px;
  158. border: 1px solid #c0c0c0;
  159. }
  160.  
  161. .box img {
  162. margin-left: 0px;
  163. margin-bottom: 10px;
  164. }
  165.  
  166. .box::first-letter {
  167. padding: 2px 7px 2px 7px;
  168. margin-right: 5px;
  169. font-family: times;
  170. font-size: 20px;
  171. background: #c0c0c0;
  172. color: #000000;
  173. }
  174.  
  175. .box {
  176. font-family: calibri;
  177. color: #c0c0c0;
  178. font-size: 10px;
  179. }
  180.  
  181. #block1 {
  182. margin-left: -10px;
  183. width: 100px;
  184. height: 97px;
  185. padding: 2px 15px 2px 2px;
  186. border-right: 1px dotted #ff93c5;
  187. }
  188.  
  189. #block1 img {
  190. height: 90px;
  191. width: 90px;
  192. padding: 2px;
  193. border: 1px solid #ffff00;
  194. }
  195.  
  196. #block2 {
  197. font-family: calibri;
  198. font-size: 10px;
  199. color: #707070;
  200. margin-top: -100px;
  201. margin-left: 115px;
  202. height: 90px;
  203. padding: 2px;
  204. overflow: auto;
  205. }
  206.  
  207. #block3 {
  208. position: fixed;
  209. top: 330px;
  210. left: 207px;
  211. height: 150px;
  212. width: 210px;
  213. padding: 2px;
  214. border: 1px solid #ffff00;
  215. }
  216.  
  217. #block3 img {
  218. height: 150px;
  219. width: 210px;
  220. }
  221.  
  222. #navi {position:fixed;left:500px;top:140px; background: none; width: 600px;
  223. height: 100px; border: none; padding: 2px;
  224. }
  225.  
  226. .tabs{
  227. border-radius: 90px;
  228. width:27px;
  229. line-height: 27px;
  230. padding: 2px;
  231. margin-left: 5px;
  232. margin-bottom: 5px;
  233. border:1px solid #c0c0c0;
  234. text-align:center;
  235. font-size: 10px;
  236. color: #ff82d3;
  237. background-color:#ffffff;
  238. font-family: consolas;
  239. text-transform:uppercase;
  240. z-index:99;
  241. display: inline-block;
  242. -webkit-transition: all 0.8s ease-out;
  243. -moz-transition: all 0.8s ease-out;
  244. transition: all 0.8s ease-out;
  245. border: 10px solid #ffff00;
  246. }
  247.  
  248. .tabs:hover {
  249. background: #2cd2ee;
  250. color: #fff;
  251. border: 10px solid #ffff00;
  252. -webkit-transition: all 0.8s ease-out;
  253. -moz-transition: all 0.8s ease-out;
  254. transition: all 0.8s ease-out;
  255. }
  256.  
  257. .tab4 img {
  258. width: 66px;
  259. height: 65px;
  260. margin-left: 5px;
  261. margin-bottom: 5px;
  262. border: 3px solid #ff82d3;
  263. -webkit-transition: all 0.8s ease-out;
  264. -moz-transition: all 0.8s ease-out;
  265. transition: all 0.8s ease-out;
  266. }
  267.  
  268. .tab4 img:hover {
  269. border-radius: 30px;
  270. -webkit-transition: all 0.8s ease-out;
  271. -moz-transition: all 0.8s ease-out;
  272. transition: all 0.8s ease-out;
  273. }
  274.  
  275.  
  276. .tab4 a {
  277. color: none;
  278. background: none;
  279. }
  280.  
  281. .tab4 a:hover {
  282. color: none;
  283. background: none;
  284. }
  285.  
  286. .tab5 a {
  287. border-radius: 70px;
  288. margin-left: 10px;
  289. margin-bottom: 5px;
  290. padding: 20px 2px 2px 2px;
  291. width: 80px;
  292. height: 30px;
  293. color: #ffff00;
  294. background-color: #ff82d3;
  295. font-family: consolas;
  296. font-size: 9px;
  297. text-transform: uppercase;
  298. text-align: center;
  299. letter-spacing: 1px;
  300. display: inline-block;
  301. border: 5px solid #2cd2ee;
  302. }
  303.  
  304. .tab5 a:hover {
  305. background: #2cd2ee;
  306. color: #ff82d3;
  307. -webkit-transition: all 0.8s ease-out;
  308. -moz-transition: all 0.8s ease-out;
  309. transition: all 0.8s ease-out;
  310. }
  311.  
  312. #tab1, #tab2, #tab3, #tab4, #tab5, #tab6 {
  313. display:none;
  314. }
  315.  
  316. #sideimg {
  317. position: fixed;
  318. padding: 2px;
  319. top: 90px;
  320. left: 320px;
  321. height: 500px;
  322. width: 280px;
  323. position: fixed;
  324. border: 1px solid #c0c0c0;
  325. }
  326.  
  327. #sideimg img {
  328. width: 280px;
  329. height: 500px;
  330. }
  331.  
  332. #desc {
  333. position: fixed;
  334. text-align: left;
  335. left:200px;top:200px;
  336. width: 220px;
  337. height: 330px;
  338. color: #c0c0c0;
  339. font-family: calibri;
  340. font-size: 10px;
  341. background: #2cd2ee;
  342. border: 1px solid #c0c0c0;
  343. padding: 5px;
  344. overflow: auto;
  345. }
  346.  
  347. #desc img {
  348. margin-left: 10px;
  349. }
  350.  
  351. #desc a {
  352. background: none;
  353. }
  354.  
  355. #icon {
  356. top: 70px; /* use to position the box */
  357. left: 260px; /* use to position the box */
  358. overflow: hidden;
  359. position: fixed;
  360. width: 100px; /* use to change the size of the box */
  361. height: 100px; /* use to change the size of the box */
  362. border-radius: 90px;
  363. border: 10px solid #ffff00;
  364. background-color: #fff;
  365. }
  366.  
  367. #icon img {
  368. margin-top: 30px;
  369. margin-left: -23px;
  370. position: fixed;
  371. -webkit-transition: all 0.7s ease-in-out;
  372. -moz-transition: all 0.7s ease-in-out;
  373. -o-transition: all 0.7s ease-in-out;
  374. -ms-transition: all 0.7s ease-in-out;
  375. transition: all 0.7s ease-in-out;
  376. }
  377.  
  378. #icon:hover img {
  379. opacity: 0;
  380. margin-top: 30px;
  381. -webkit-transition: all 0.7s ease-in-out;
  382. -moz-transition: all 0.7s ease-in-out;
  383. -o-transition: all 0.7s ease-in-out;
  384. -ms-transition: all 0.7s ease-in-out;
  385. transition: all 0.7s ease-in-out;
  386. }
  387.  
  388. #player {
  389. margin-top: 40px;
  390. margin-left: -2px;
  391. overflow: hidden;
  392. opacity: 0;
  393. width: 100px;
  394. -webkit-transition: all 0.7s ease-in-out;
  395. -moz-transition: all 0.7s ease-in-out;
  396. -o-transition: all 0.7s ease-in-out;
  397. -ms-transition: all 0.7s ease-in-out;
  398. transition: all 0.7s ease-in-out;
  399. }
  400.  
  401. #icon:hover #player {
  402. opacity: 0.5;
  403. -webkit-transition: all 0.7s ease-in-out;
  404. -moz-transition: all 0.7s ease-in-out;
  405. -o-transition: all 0.7s ease-in-out;
  406. -ms-transition: all 0.7s ease-in-out;
  407. transition: all 0.7s ease-in-out;
  408. }
  409. #outer {
  410. position:fixed;left:600px;top:90px; width: 280px;
  411. height: 500px; padding: 2px; border: 1px solid #c0c0c0;
  412. background:url('http://41.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo1_250.png') repeat center;
  413. background-color: #000000;
  414. z-index: 1;
  415. }
  416.  
  417. #credit {
  418. position: fixed;
  419. top: 10px;
  420. left: 100px;
  421. font-family: calibri;
  422. font-size: 8px;
  423. text-transform: uppercase;
  424. color: #ff82d3;
  425. background: #ffff00;
  426. }
  427.  
  428. #credit a {
  429. background: #f0f0f0;
  430. text-transform: uppercase;
  431. font-size: 8px;
  432. color: #ff82d3;
  433. }
  434.  
  435. </style>
  436. </head>
  437. <body>
  438. <div id="title">ME ! ME ! ME !</div>
  439. <div id="obox">
  440. <div id="bgimg2"><img src="http://i59.tinypic.com/2u95mk3.png"></div>
  441. <div id="box">
  442. <div id="bgimg"><img src="https://36.media.tumblr.com/67194aa4491194c63dc461f95cf2aab9/tumblr_ni35eeh5vM1t3tkmzo1_r1_500.png"></div>
  443. <h1>Title here</h1>
  444. Little introduction.
  445. </div>
  446. </div>
  447.  
  448. <script>function changeNavigation(id) {document.getElementById('box').innerHTML=document.getElementById(id).innerHTML}</script>
  449.  
  450. <div id="tab1">
  451. <div id="bgimg"><img src="https://36.media.tumblr.com/67194aa4491194c63dc461f95cf2aab9/tumblr_ni35eeh5vM1t3tkmzo1_r1_500.png"></div>
  452. <h1>Title here</h1>
  453. Add information about you.
  454. </div>
  455.  
  456. <div id="tab2">
  457. <div id="bgimg"><img src="https://36.media.tumblr.com/67194aa4491194c63dc461f95cf2aab9/tumblr_ni35eeh5vM1t3tkmzo1_r1_500.png"></div>
  458. <h1>Title here</h1>
  459. <li>Additional</li>
  460. <li>Information</li>
  461. <li>Likes</li>
  462. <li>&</li>
  463. <li>Dislikes</li>
  464. </div>
  465.  
  466. <div id="tab3">
  467. <div id="bgimg"><img src="https://36.media.tumblr.com/67194aa4491194c63dc461f95cf2aab9/tumblr_ni35eeh5vM1t3tkmzo1_r1_500.png"></div>
  468. <h1>Title here</h1>
  469. Contact information - Skype, Tumblr, etc.<br>
  470. <b>Skype:</b> Skype information here.<br>
  471. <b>Tumblr:</b> Tumblr here.<br>
  472. <b>Ask.Fm:</b>Ask here.<br>
  473. </div>
  474.  
  475. <div id="tab4">
  476. <div id="bgimg"><img src="https://36.media.tumblr.com/67194aa4491194c63dc461f95cf2aab9/tumblr_ni35eeh5vM1t3tkmzo1_r1_500.png"></div>
  477. <div class="tab4">
  478. <h1>Friends</h1>
  479. <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg" ></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg" ></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a> <a href="http://"><img src="http://fp.chatango.com/profileimg/i/m/imgicon/full.jpg"></a>
  480. </div></div>
  481.  
  482. <div id="tab5">
  483. <div id="bgimg"><img src="https://36.media.tumblr.com/67194aa4491194c63dc461f95cf2aab9/tumblr_ni35eeh5vM1t3tkmzo1_r1_500.png"></div>
  484. <h1>Affiliations</h1>
  485. <div class="tab5"><a href="http://">TBA</a> <a href="http://">TBA</a> <a href="http://">TBA</a> <a href="http://">TBA</a> <a href="http://">TBA</a> <a href="http://">TBA</a> <a href="http://">TBA</a> <a href="http://">TBA</a> <a href="http://">TBA</a> <a href="http://">TBA</a> <a href="http://">TBA</a> <a href="http://">TBA</a>
  486. </div></div>
  487.  
  488. <div id="tab6">
  489. <div id="bgimg"><img src="https://36.media.tumblr.com/67194aa4491194c63dc461f95cf2aab9/tumblr_ni35eeh5vM1t3tkmzo1_r1_500.png"></div>
  490. <h1>Title here</h1>
  491. Extra spaaaace.
  492. </div></div>
  493.  
  494. <div id="icon">
  495. <center><img src="http://media.tumblr.com/tumblr_m1zdnvBEN71r3we0y.gif"></center>
  496. <div id="player"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="25">
  497. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  498. <param name="bgcolor" value="#ffffff" />
  499. <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/94114797/01%20ME!ME!ME!%20feat.%20daoko_pt.1.mp3&amp;width=105&amp;height=25&amp;autoplay=1&amp;loop=1&amp;showvolume=1&amp;showslider=0&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;slidercolor1=ffffff&amp;slidercolor2=ffffff&amp;sliderovercolor=ffffff&amp;buttoncolor=ff93c5" />
  500. </object></div></div>
  501. <div id="desc">
  502. <div id="block1"><img src="http://i0.kym-cdn.com/entries/icons/original/000/016/902/Mememe_Icon.png">
  503. </div>
  504. <div id="block2">Add little description here.</div>
  505. </div>
  506. <div id="block3"><img src="http://33.media.tumblr.com/42f91798ccfaf5694c84795a01028f18/tumblr_nfj9bjhvLo1qd16pfo1_r1_500.gif">
  507.  
  508. <div id="navi">
  509. <span class="tabs" style="cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute19.gif'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab1')">01.</span>
  510.  
  511. <span class="tabs" style="cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute19.gif'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab2')">02.</span>
  512.  
  513. <span class="tabs" style="cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute19.gif'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab3')">03.</span>
  514.  
  515. <span class="tabs" style="cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute19.gif'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab4')">04.</span>
  516.  
  517. <span class="tabs" style="cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute19.gif'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab5')">05.</span>
  518.  
  519. <span class="tabs" style="cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute19.gif'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab6')">06.</span>
  520.  
  521. <div id="credit">Theme by <a href="http://htmlnerd.chatango.com">HTMLNerd</a></div>
  522.  
  523.  
  524.  
  525. <script type="text/javascript">
  526. <!--
  527. function toggle_visibility(id) {
  528. var e = document.getElementById(id);
  529. if(e.style.display == 'block')
  530. e.style.display = 'none';
  531. else
  532. e.style.display = 'block';
  533. }
  534. //-->
  535. </script>
  536.  
  537. <script type="text/javascript">
  538. var divs = ["tab1", "tab2", "tab3", "tab4", "tab5", "tab6"];
  539. var visibleDivId = null;
  540.  
  541. function toggleVisibility(divId) {
  542. if(visibleDivId === divId) {
  543. visibleDivId = null;
  544. } else {
  545. visibleDivId = divId;
  546. }
  547.  
  548. hideNonVisibleDivs();
  549. }
  550.  
  551. function hideNonVisibleDivs() {
  552. var i, divId, div;
  553.  
  554. for(i = 0; i < divs.length; i++) {
  555. divId = divs[i];
  556. div = document.getElementById(divId);
  557.  
  558. if(visibleDivId === divId) {
  559. div.style.display = "block";
  560. } else {
  561. div.style.display = "none";
  562. }
  563. }
  564. }
  565. </script>
  566. </body>
  567. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!