API tools faq
paste
Advertisement
agunq

Untitled

agunq
Jul 5th, 2017
169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.40 KB | None | 0 0
raw download clone embed print report
  1. <!--- See more themes like this @ www.pastebin.com/u/daisugoi - Like this theme? Please support the creator by donating @ www.paypal.me/daisyakabig and please remember to keep the credit intact! ---!>
  2.  
  3. <!--- TAB TITLE CODE. ---!>
  4. <script language=javascript>document.title=("My Profile")</script>
  5.  
  6. <!--- FAVICON CODE. ---!>
  7. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m3k676D3gg1qfjy56.png">
  8.  
  9.  
  10. <style>
  11.  
  12. body{
  13. background-color:#F5F0F6;
  14. }
  15.  
  16. #bar{
  17. font-family:courier new;
  18. font-size:22px;
  19. color:#ffffff;
  20. padding-top:60px;
  21. text-align:center;
  22. width:200px;
  23. height:100%;
  24. background-color:#ACACAC;
  25. border:3px solid #ffffff;
  26. position:fixed;
  27. left:40%;
  28. top:-3px;
  29. z-index:-1;
  30. }
  31.  
  32. #box{
  33. padding:20px;
  34. width:100%;
  35. overflow:auto;
  36. height:300px;
  37. background-color:#ffffff;
  38. border:3px #acacac solid;
  39. position:fixed;
  40. left:-3px;
  41. line-height:50%;
  42. top:200px;
  43. font-family:courier new;
  44. font-size:13px;
  45. color:#999999;
  46. }
  47.  
  48. #small-box{
  49. padding:5px;
  50. width:500px;
  51. height:40px;
  52. background-color:#ffffff;
  53. border:3px #acacac solid;
  54. position:auto;
  55. font-family:courier new;
  56. font-size:13px;
  57. color:#999999;
  58. }
  59.  
  60. .teehee{
  61. border-radius:30px;
  62. width:90px;
  63. height:90px;
  64. padding:3px;
  65. background-color:#ffffff;
  66. position:absolute;
  67. left:25%;
  68. top:100px;
  69. border:3px solid #acacac;
  70. }
  71.  
  72. .dy {
  73. font-family:courier new;
  74. font-size:25px;
  75. display:inline-block;
  76. text-shadow: -1px 2px 4px rgba(255, 255, 255, 1);
  77. }
  78.  
  79. .dy:hover {
  80. letter-spacing:2px;
  81. }
  82.  
  83. #musicicon {
  84. position: fixed;
  85. bottom: 30px;
  86. left: 5px;
  87. width: 26px;
  88. height: 26px;
  89. -webkit-transition: all .7s ease;
  90. -moz-transition: all .7s ease;
  91. -o-transition: all .7s ease;
  92. transition: all .7s ease;
  93. }
  94.  
  95. .micon {
  96. z-index: 1;
  97. width: 15px;
  98. background: #acacac;
  99. padding: 2px;
  100. width: 26px;
  101. height: 26px;
  102. border-radius: 4px;
  103. -webkit-transition: all .7s ease;
  104. -moz-transition: all .7s ease;
  105. -o-transition: all .7s ease;
  106. transition: all .7s ease;
  107. }
  108.  
  109. .micon:hover{
  110. border-top-left-radius: 4px;
  111. border-bottom-left-radius: 4px;
  112. border-top-right-radius: 0px;
  113. border-bottom-right-radius: 0px;
  114. }
  115.  
  116. .micon img { width: 15px; margin: 5px; }
  117.  
  118. .musicplayer {
  119. z-index: -1;
  120. position: absolute;
  121. margin-top: -30px;
  122. background: #ffffff;
  123. border: 1px solid #acacac;
  124. margin-left: 5px;
  125. border-radius: 4px;
  126. width: 0px;
  127. padding: 9px;
  128. overflow: hidden;
  129. -webkit-transition: all .7s ease;
  130. -moz-transition: all .7s ease;
  131. -o-transition: all .7s ease;
  132. transition: all .7s ease;
  133. }
  134.  
  135. .mplayer { margin-left: -27px; }
  136.  
  137. #musicicon:hover .musicplayer {
  138. margin-left: 29px;
  139. width: 120px;
  140. border-top-left-radius: 0px;
  141. border-bottom-left-radius: 0px;
  142. border-top-right-radius: 4px;
  143. border-bottom-right-radius: 4px;
  144. }
  145.  
  146. #musicicon:hover .micon {
  147. border-top-left-radius: 4px;
  148. border-bottom-left-radius: 4px;
  149. border-top-right-radius: 0px;
  150. border-bottom-right-radius: 0px;
  151. }
  152.  
  153. .friend{
  154. height:30px;
  155. width:30px;
  156. border-radius:0px;
  157. padding:3px;
  158. background-color:#ffffff;
  159. border:3px solid #acacac;}
  160. </style>
  161.  
  162. <!--- TAB STUFF, IGNORE THIS ---!>
  163. <div style="position:absolute;left:10%;top:15px;">
  164. <span class="dy" style="cursor:pointer; color:#30303;" onMouseover="cursor:pointer';" onClick="changeNavigation ('tab1')">about</span></div>
  165.  
  166. <div style="position:absolute;left:30%; top: 15px;">
  167. <span class="dy" style="cursor:pointer; color:#30303;" onMouseover="cursor:pointer';" onClick="changeNavigation ('tab2')">friends</span>
  168. </div>
  169.  
  170. <div style="position:absolute;right:30%; top: 15px;">
  171. <span class="dy" style="cursor:pointer; color:#30303;" onMouseover="cursor:pointer';" onClick="changeNavigation ('tab3')">info</span></div>
  172.  
  173. <div style="position:absolute;right: 10%; top: 15px;">
  174. <span class="dy" style="cursor:pointer; color:#30303;" onMouseover="cursor:pointer';" onClick="changeNavigation ('tab4')">etc</span></div>
  175.  
  176. <div id="bar">
  177. <!--- TITLE ----!>
  178. title
  179.  
  180. <!--- STATUS ---!>
  181. <marquee direction="left" scrollamount="4" behavior="scroll" style="width: 200px; height: 15px; color: #ffffff; font-size: 11px; font-family: Courier New; background-color: #acacac;">
  182.  
  183. Hi there, welcome to my profile. Just delete this message and replace with your own status update or whatever you want.
  184.  
  185. </marquee>
  186.  
  187. <!--- IMAGE - MAKE IT SMALL IF POSSIBLE ---!>
  188. <img class="teehee" src="https://31.media.tumblr.com/ab2a7b79ac326e762413d4c1c2c7ba9c/tumblr_n18x33oZQg1tswn5lo1_500.png">
  189.  
  190. </div>
  191.  
  192.  
  193. <!--- WELCOME MESSAGE ---!>
  194. <div id="box">
  195. <div id="small-box">
  196. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  197. visit by
  198. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  199. about 1 year, 2 months, 3 days, 4 hours, 5 minutes, 6 seconds ago
  200. </div>
  201. <div id="small-box">
  202. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  203. visit by
  204. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  205. about 1 year, 2 months, 3 days, 4 hours, 5 minutes, 6 seconds ago
  206. </div>
  207.  
  208. <p>
  209.  
  210. <div id="small-box">
  211. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  212. visit by
  213. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  214. about 1 year, 2 months, 3 days, 4 hours, 5 minutes, 6 seconds ago
  215. </div>
  216. <div id="small-box">
  217. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  218. visit by
  219. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  220. about 1 year, 2 months, 3 days, 4 hours, 5 minutes, 6 seconds ago
  221. </div>
  222.  
  223. <p>
  224.  
  225. <div id="small-box">
  226. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  227. visit by
  228. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  229. about 1 year, 2 months, 3 days, 4 hours, 5 minutes, 6 seconds ago
  230. </div>
  231. <div id="small-box">
  232. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  233. visit by
  234. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  235. about 1 year, 2 months, 3 days, 4 hours, 5 minutes, 6 seconds ago
  236. </div>
  237.  
  238. <p>
  239.  
  240. <div id="small-box">
  241. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  242. visit by
  243. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  244. about 1 year, 2 months, 3 days, 4 hours, 5 minutes, 6 seconds ago
  245. </div>
  246. <div id="small-box">
  247. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  248. visit by
  249. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  250. about 1 year, 2 months, 3 days, 4 hours, 5 minutes, 6 seconds ago
  251. </div>
  252.  
  253. <p>
  254.  
  255. <div id="small-box">
  256. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  257. visit by
  258. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  259. about 1 year, 2 months, 3 days, 4 hours, 5 minutes, 6 seconds ago
  260. </div>
  261. <div id="small-box">
  262. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  263. visit by
  264. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  265. about 1 year, 2 months, 3 days, 4 hours, 5 minutes, 6 seconds ago
  266. </div>
  267.  
  268. <script>function changeNavigation(id) {document.getElementById('box').innerHTML=document.getElementById(id).innerHTML}</script>
  269. <div id="tab1" style="display:none">
  270.  
  271.  
  272. <!--- TAB 1 DESCRIPTION ---!>
  273.  
  274. Description goes here.
  275. </br></br></br></br>
  276. blah blah blah blah blah
  277.  
  278. </div>
  279.  
  280. <div id="tab2" style="display:none">
  281.  
  282. <!--- TAB 2 DESCRIPTION / FRIENDSLIST ---!>
  283.  
  284. </br>
  285.  
  286. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  287.  
  288. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  289.  
  290. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  291.  
  292. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  293.  
  294. <p>
  295.  
  296. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  297.  
  298. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  299.  
  300. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  301.  
  302. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  303.  
  304. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  305.  
  306. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  307.  
  308. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  309.  
  310. <a href="URLHERE"><img class="friend" src="http://fp.chatango.com/profileimg/f/r/friendhere/thumb.jpg"></a>
  311.  
  312.  
  313. </div>
  314.  
  315. <div id="tab3" style="display:none">
  316.  
  317. <!--- TAB 3 DESCRIPTION ---!>
  318.  
  319. More information about you goes here, because no one ever gets tired of you talking about yourself!!!
  320.  
  321. </div>
  322.  
  323. <div id="tab4" style="display:none">
  324.  
  325. <!--- TAB 4 DESCRIPTION ---!>
  326.  
  327. Tab description number four, put some shiz about your spider fetish here or something.
  328.  
  329. </div>
  330.  
  331.  
  332. </div>
  333.  
  334. <!--- DO NOT REMOVE - THESE THEMES ARE COPYRIGHTED ---!>
  335. <div style="position:fixed;left:5px;z-index:9999999;bottom:10px;font-family:courier new;font-size:9px;">theme by <a href="http://daisy.chatango.com">big</a></div>
  336.  
  337. <!--- MUSIC PLAYER CODE (CREDITS TO VANNE) - REPLACE .mp3 URL ---!>
  338. <div id="musicicon">
  339. <div class="micon">
  340. <img src="http://static.tumblr.com/n9vj50j/cxEn20wqg/12.gif">
  341. </div>
  342. <div class="musicplayer"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k007.kiwi6.com/hotlink/mnmhih4j0j/oktavia_piano_thingy.mp3.part.bin&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  343. <div class="mplayer">
  344. </div>
  345. </div>
  346. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!