API tools faq
paste
Advertisement
AlanReiAkemi

COBA

AlanReiAkemi
Nov 10th, 2015
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.57 KB | None | 0 0
raw download clone embed print report
  1. <!--- TITLE HERE --->
  2.  
  3. <script language=javascript>document.title=(" HELLO")</script>
  4.  
  5.  
  6. <!--- DISABLE ADS --->
  7.  
  8. <style type="text/css">
  9. #ad, .topad, #buyers_ad, .bap-trigger,
  10. * body [name*='google_ads_frame1'],
  11. * body [name*='google_ads_frame2'],
  12. #left_container [href*='ad'] {display: none !important;}
  13. .logo_div {display:none !important;visibility:hidden;}
  14. .uppermenu {display:none !important;visibility:hidden;}
  15. .fpix_header {display:none !important;visibility:hidden;}
  16. .fpix_header td {display:none !important;visibility:hidden;}
  17. .fpix_header.topad {display:none !important;visibility:hidden;}
  18. #show_chat_btn {display:none !important;visibility:hidden;}
  19. .profile_text {display:none !important;visibility:hidden;}
  20. #flash_close_butt {display:none !important;visibility:hidden;}
  21. #left_container {display:none !important;visibility:hidden;}
  22. #asltable {display:none !important;visibility:hidden;}
  23. #asltable td {display:none !important;visibility:hidden;}
  24. #asltable.fpix_asl_table {display:none !important;visibility:hidden;}
  25. #buyers_ad {display:none !important;visibility:hidden;}
  26. .bottombar {display:none !important;visibility:hidden;}
  27. </style>
  28.  
  29. <!--- YOU CAN CHANGE IF YOU KNOW HOW --->
  30.  
  31. <html>
  32. <head>
  33. <style>
  34.  
  35. body {
  36.  
  37. background:#FFFFFF !important;
  38.  
  39. }
  40.  
  41. a:link {color: #FFFFFF;}
  42.  
  43. a:visited {color: #F2F2F2;}
  44.  
  45. a:active {color: #EEEEEE;}
  46.  
  47. h1 {
  48.  
  49. display:block;
  50.  
  51. font-family:craftygirls;
  52. font-size:20px;
  53. color:#FFFFFF;
  54.  
  55. background-color:#D1E8FD;
  56. }
  57. @font-face { font-family: "craftygirls"; src: url('http://themes.googleusercontent.com/static/fonts/craftygirls/v0/0Sv8UWFFdhQmesHL32H8o3hCUOGz7vYGh680lGh-uXM.woff'); }
  58.  
  59. .hide {
  60.  
  61. display:none;
  62.  
  63. }
  64.  
  65. .tabs {
  66.  
  67. Position: absolute;
  68. top: 117px;right: 80px;
  69.  
  70. z-index: 999;
  71. }
  72.  
  73. .tabs ul {
  74.  
  75. list-style-type: none;
  76.  
  77. }
  78.  
  79. .tabs ul li {
  80.  
  81. Padding:0 0 2.75em 2em;
  82. margin:0;
  83.  
  84. background-color: #D1E8FD;
  85.  
  86. color:#FFFFFF;
  87. font-size:17px;
  88. font-family:sueellen;
  89.  
  90. padding:10px;
  91.  
  92. margin-top: 5px;
  93.  
  94. text-decoration: none;
  95.  
  96. width: 85px;
  97. height: 80px;
  98.  
  99. text-align: center;
  100.  
  101. -webkit-transition: color 0.5s, background-color 0.5s;
  102. -o-transition: color 0.5s, background-color 0.5s;
  103. transition: color 0.5s, background-color 0.5s;
  104.  
  105. -webkit-border-radius: 90px;
  106. -moz-border-radius: 90px;
  107. border-radius: 90px;
  108.  
  109. }
  110.  
  111. @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
  112.  
  113.  
  114. .tabs ul li:hover {
  115.  
  116. background:#F2F2F2;
  117.  
  118. color: #AEDEFA;
  119.  
  120. cursor: pointer;
  121.  
  122. }
  123.  
  124.  
  125. .main {
  126.  
  127. Position:absolute;
  128. right:300px; Top:150px;
  129.  
  130. z-index:999;
  131.  
  132. padding:8px;
  133.  
  134. border:3px solid;
  135. border-radius:80%;
  136. background-color:#f2f2f2;
  137.  
  138. height:420px;
  139. width:400px;
  140.  
  141. float:center;
  142.  
  143. font-family:vrinda;
  144. font-size:9px;
  145. color:#cccccc;
  146. text-align:center;
  147.  
  148. }
  149.  
  150. .accs {
  151.  
  152. border: 1px solid white;
  153. border-radius:25%;
  154.  
  155. padding 10px;
  156.  
  157. }
  158.  
  159. .music-player{
  160.  
  161. Position:fixed;
  162. left:5px;
  163. bottom:0px;
  164.  
  165. width:25px;
  166. height:25px;
  167.  
  168. padding-left:10px;
  169. padding-top:10px;
  170.  
  171. background-color:#FFFFFF;
  172. border:5px solid #D1E8FD;
  173. border-radius:25px;
  174.  
  175. overflow:hidden;
  176.  
  177. opacity:1;
  178.  
  179. -webkit-transition: all 0.4s ease;
  180. -moz-transition: all 0.4s ease;
  181. transition: all 0.4s ease;
  182.  
  183. }
  184.  
  185. .music-player:hover {
  186.  
  187. width:50px; height: 55px;
  188.  
  189. border-radius:50px;
  190.  
  191. }
  192.  
  193. .credit {
  194.  
  195. position:fixed;
  196. left:0px; bottom:70px;
  197.  
  198. height: 25px; width:50px;
  199.  
  200. Background-color:#D1E8FD;
  201. border:1px solid #D1E8FD;
  202. border-top-right-radius: 50px;
  203. border-bottom-right-radius: 50px;
  204.  
  205. padding-bottom:8px;
  206.  
  207. overflow:hidden;
  208.  
  209. font-family:sueellen;
  210. font-size:8px;
  211.  
  212. transition: all 0.9s ease;
  213.  
  214. }
  215. @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
  216.  
  217.  
  218. .credit:hover {
  219.  
  220. width:200px;
  221.  
  222.  
  223. }
  224.  
  225. #img {
  226. Position:absolute;
  227. bottom:0px; left:0px;
  228.  
  229. }
  230.  
  231. </style>
  232. </body>
  233.  
  234. <!--- DONT MESS WITH VERY EASY TO MESS UP --->
  235.  
  236. <script>
  237.  
  238. function showTab () {
  239.  
  240. var helloTab = document.getElementById("hello_tab");
  241. var aboutmeTab = document.getElementById("aboutme_tab");
  242. var interestsTab = document.getElementById("interests_tab");
  243. var findmeTab = document.getElementById("findme_tab");
  244.  
  245. var helloContent = document.getElementById("hello");
  246. var aboutmeContent = document.getElementById("aboutme");
  247. var interestsContent = document.getElementById("interests");
  248. var findmeContent = document.getElementById("findme");
  249.  
  250. helloTab.onclick = function () {
  251.  
  252. helloContent.className = "main";
  253. aboutmeContent.className = "main hide";
  254. interestsContent.className = "main hide";
  255. findmeContent.className = "main hide";
  256. };
  257.  
  258. aboutmeTab.onclick = function () {
  259.  
  260. helloContent.className = "main hide";
  261. aboutmeContent.className = "main";
  262. interestsContent.className = "main hide";
  263. findmeContent.className = "main hide";
  264. };
  265.  
  266.  
  267. interestsTab.onclick = function () {
  268.  
  269. helloContent.className = "main hide";
  270. aboutmeContent.className = "main hide";
  271. interestsContent.className = "main";
  272. findmeContent.className = "main hide";
  273. };
  274.  
  275. findmeTab.onclick = function () {
  276.  
  277. helloContent.className = "main hide";
  278. aboutmeContent.className = "main hide";
  279. interestsContent.className = "main hide";
  280. findmeContent.className = "main";
  281. };
  282. }
  283.  
  284. showTab();
  285.  
  286. </script>
  287.  
  288. </head>
  289.  
  290. <body>
  291.  
  292.  
  293. <!--- TITLE OF TABS --->
  294.  
  295. <div class="tabs">
  296.  
  297. <ul>
  298. <li id="hello_tab"> Welcome</li>
  299.  
  300. <li id="aboutme_tab">About me</li>
  301.  
  302. <li id="interests_tab">Interests</li>
  303.  
  304. <li id="findme_tab"> Contact </li>
  305.  
  306. </ul>
  307. </div>
  308.  
  309. <div class="main" id="hello">
  310.  
  311. <!--- TITLE --->
  312.  
  313. <center>
  314. <h1> HELLO WELCOME TO MY PROFILE :D </h1>
  315.  
  316.  
  317. <!--- TEXT GOES HERE --->
  318.  
  319. hello guys :D
  320.  
  321. </div></div>
  322.  
  323. <div class="main hide" id="aboutme">
  324.  
  325. <!--- TITLE --->
  326.  
  327. <h1>ABOUT ME</h1>
  328.  
  329. <bR><br><br><br><br>
  330.  
  331. LOVE IS SHIT :D
  332.  
  333. </div></div>
  334.  
  335.  
  336. <div class="main hide" id="interests">
  337.  
  338.  
  339. <!--- TITLE --->
  340.  
  341. <h1> Interests</h1>
  342.  
  343. <br><br><br>
  344.  
  345. <!--- INTERESTS GOES HERE --->
  346.  
  347. YADDA YADDA YADDA
  348.  
  349.  
  350. </div></div>
  351.  
  352.  
  353. <div class="main hide" id="findme">
  354.  
  355. <!--- TITLE --->
  356.  
  357. <h1> Contact Me </h1>
  358.  
  359. <br><br>
  360.  
  361. <!--- LINKS TO YOUR SOCIAL NETWORKS --->
  362.  
  363. <a href="http://khususme.blogspot.co.id/"> KHUSUSME </a>
  364. <a href="URL GOES HERE"> LINK TITLE </a>
  365.  
  366.  
  367.  
  368. <br><br><br>
  369.  
  370. <!--- ACCOUNT LIST --->
  371.  
  372. A c c o u n t s ;
  373.  
  374. <br><br>
  375.  
  376. <a href="http://fapfapgangnam.chatango.com/"><img src="http://ws-hoax.rhcloud.com/img/fapfapgangnam.jpg"></a>
  377.  
  378. <a href="http://gayolution.chatango.com"><img src="http://fp.chatango.com/profileimg/g/a/gayolution/thumb.jpg"></a>
  379.  
  380. <a href="http://gayolution.chatango.com"><img src="http://fp.chatango.com/profileimg/g/a/gayolution/thumb.jpg"></a>
  381.  
  382. </div></div>
  383.  
  384. <script>showTab();</script>
  385.  
  386. <!--- SIDE PICTURE --->
  387.  
  388. <div id="img">
  389. <img src="http://www.drawingforkids.org/images/35292-anime-cute-eyes-girl.jpg"style="width:410px; height:754px;">
  390. </div>
  391.  
  392.  
  393. <!--- MUSIC PLAYER --->
  394.  
  395. <div class="music-player">
  396.  
  397. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://www.uploadhosting.co/uploads/65.191.211.86/에이오에이 (AOA)-Joa Yo!
  398.  
  399. (www.myfree.cc).mp3&t0=bullet&total=1" quality="high" wmode="transparent" width="200" height="15" name="billy" align="middle" type="application/x-shockwave-flash" />
  400.  
  401. </div>
  402.  
  403. <!--- CREDIT --->
  404.  
  405. <div class="credit">
  406.  
  407. <a href="http://khususme.blogspot.co.id/">
  408.  
  409. <h2> C R E D I T </h2> </a>
  410.  
  411. </div>
  412. </body>
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!