API tools faq
paste
Advertisement
Guest User

Chatango theme.

a guest
Jan 29th, 2014
5,896
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.53 KB | None | 0 0
raw download clone embed print report
  1. <!--- HIDE CHATANGO ADS ---!>
  2.  
  3. <Style> .fpix_background { visibility: hidden; } .logo_div { visibility: hidden; } .fpix_header { visibility: hidden; } .topad { visibility: hidden; } .fpix_asl_table { visibility: hidden; } .profile_text { visibility: hidden; } .nc_profile { visibility: visible; } #left_container { visibility: hidden } #profilephoto { visibility: hidden; } #flash_close_butt { visibility: hidden; } #start_chat_but { visibility: hidden; } #fpix_wrapper { visibility: visible; } body { } </style> <style> span {display:text !important;] </style>
  4.  
  5. <!--- TABS TITLE AND FAVICON IMG ---!>
  6. <script language=javascript>document.title=("  l σ l l í p σ p  ")</script> <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl5janxdZ1qfamg6.gif">
  7.  
  8. <style>
  9. body{
  10. font-family:calibri;
  11. font-size:8pt;
  12. color:#808080;
  13. background:#EEEEEC;
  14. letter-spacing:1px;
  15. }
  16.  
  17.  
  18. a:link {color:#FF9999;}      
  19. a:visited {color:#DA2D47;}  
  20. a:hover {color:#ffcccc;}
  21. a:active {color:#ff9999;}  
  22.  
  23. a:hover{
  24. ext-decoration:none;
  25. olor:#ef6b7b;
  26. order-bottom:#f4f4f4 solid 1px;
  27. adding-left:5px;}
  28.  
  29. .lilheaders{
  30. font-family:courier new;
  31. font-size:8.5pt;
  32. color:#999999;
  33. letter-spacing:1px;
  34. text-transform:uppercase;
  35. border-top:1px solid #f4f4f4;
  36. border-bottom:1px solid #f4f4f4;
  37. margin-bottom:3px;
  38. }
  39.  
  40. .headers{
  41. font:normal 12pt georgia;
  42. text-align: center
  43. text-transform:lowercase;
  44. color:#ffffff;
  45. background:#ffcccc;
  46. }
  47.  
  48. .navigations{
  49. position:fixed;
  50. left:160px;
  51. top:130px;
  52. padding-top: 2%;
  53. line-height:80%;
  54. padding-left:45px;
  55. padding-right:45px;
  56. }
  57.  
  58.  
  59. img{
  60. -webkit-border-radius:5px;
  61. -moz-border-radius:5px;
  62. -webkit-transition:.4s;
  63. }
  64.  
  65.  
  66. blockquote:first-letter:{
  67. font-weight:bold;
  68. color:#ff9999;
  69. }
  70.  
  71. #music-rounded {
  72.      position:fixed;
  73.      left:225px;
  74.      top:490px;
  75.      width:50px;
  76.      height:50px;
  77.      background-color:#cccccc;
  78.      -moz-border-radius:100px;
  79.      border-radius:100px;
  80.      -webkit-border-radius:100px;
  81.      opacity:1;
  82.      -webkit-transition: all 0.4s ease;
  83.      -moz-transition: all 0.4s ease;
  84.      transition: all 0.4s ease;
  85. }
  86.  
  87. #music-rounded img {
  88.     margin-top:17px;
  89.     margin-left:-2px;
  90. }
  91.  
  92. #music-rounded:hover .music-player-embed {
  93.     -moz-border-radius:5px;
  94.     -webkit-border-radius:5px;
  95.     border-radius:5px;
  96.     margin-top:-20px;
  97.     opacity:1;
  98.     background-color:#cccccc;
  99.     color:#fff;
  100.     -webkit-transition: all 0.7s ease;
  101.     -moz-transition: all 0.7s ease;
  102.     transition: all 0.7s ease;
  103. }
  104.  
  105. .music-border {
  106.        position:absolute;
  107.        margin-top:-42px;
  108.        margin-left:-15px;
  109.        border:10px solid rgba(0, 0, 0, 0.4);
  110.        width:60px;
  111.        height:59px;
  112.        background-color:none;
  113.        -moz-border-radius:100px;
  114.        -webkit-border-radius:100px;
  115.        border-radius:100px;
  116.        -webkit-transition: all 0.4s ease;
  117.        -moz-transition: all 0.4s ease;
  118.        transition: all 0.4s ease;
  119. }
  120.  
  121. .music-border:hover {
  122.        margin-top:-48px;
  123.        margin-left:-20px;
  124.        border:15px solid rgba(0, 0, 0, 0.4);
  125.        -webkit-transition: all 0.7s ease;
  126.        -moz-transition: all 0.7s ease;
  127.        transition: all 0.7s ease;
  128.        -webkit-transform:rotateY(360deg);
  129.        -moz-transform:rotateY(360deg);
  130.        -o-transform: rotateY(360deg);
  131. }
  132.  
  133. .music-player-embed {
  134.    font-family:Consolas;
  135.    font-size:11px;
  136.    position:absolute;
  137.    min-width:100px;
  138.    background-color:#FFF;
  139.    padding:9px;
  140.    margin-left:90px;
  141.    margin-top:0px;
  142.    overflow:hidden;
  143.    opacity:0;
  144.    -webkit-transition: all 0.7s ease;
  145.    -moz-transition: all 0.7s ease;
  146.    transition: all 0.7s ease;
  147. }
  148.  
  149. </style>
  150.  
  151.  
  152. <!--- LEAVE THIS NAVIGATION CODE ALONE - EASY TO MESS UP ---!>
  153.    <script>function changeNavigation(id)
  154.    {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}</script>
  155. <div class="navigations">
  156.       <font style="padding: 10px;"
  157.    onmouseover="this.style.color='none'"
  158.    onmouseout="this.style.color='none'"
  159.    onclick="changeNavigation('entries')"><img src="http://s7.postimg.org/c5qvc6207/30212812hw_FLWu8_X.png" style="-webkit-border-radius:50px; -moz-border-radius:50px; -webkit-border-radius: 90px;
  160. -moz-border-radius: 90px;
  161. border-radius: 90px;"></font><br>
  162.   <br>
  163.    <font style="padding: 10px;"
  164.    onmouseover="this.style.color='none'"
  165.    onmouseout="this.style.color='none'"
  166.    onclick="changeNavigation('profile')"><img src="http://s18.postimg.org/y83srq0zp/30213135_HLSi_AJIB.png" style="-webkit-border-radius:50px; -moz-border-radius:50px; -webkit-border-radius: 90px;
  167. -moz-border-radius: 90px;
  168. border-radius: 90px;"></font><br>
  169.   <br>
  170.    <font style="padding: 10px;"
  171.    onmouseover="this.style.color='none'"
  172.    onmouseout="this.style.color='none'"
  173.    onclick="changeNavigation('tag')"><img src="http://s11.postimg.org/q0xdpsorz/30213256_KENy_J60z.png" style="-webkit-border-radius:50px; -moz-border-radius:50px; -webkit-border-radius: 90px;
  174. -moz-border-radius: 90px;
  175. border-radius: 90px;"></font><br>
  176.   <br>
  177.    <font style="padding: 10px;"
  178.    onmouseover="this.style.color='none'"
  179.    onmouseout="this.style.color='none'"
  180.    onclick="changeNavigation('misc')"><img src="http://s23.postimg.org/olxn0mmx3/30213412s_GHJVk_B4.png" style="-webkit-border-radius:50px; -moz-border-radius:50px; -webkit-border-radius: 90px;
  181. -moz-border-radius: 90px;
  182. border-radius: 90px;"></font><br>
  183. </div>
  184. <!--- END ---!>
  185. <div id="main" style="background:#fff; width:450px; padding:15px; position:fixed; text-align:left; left:300px; overflow:auto; height:410px; top:130px; -webkit-border-radius:5px; -moz-border-radius:5px;">
  186.    <div align="left">
  187. <!--- "WELCOME" TITLE HERE ---!>
  188. <div class="headers"><center><font color="#666666">●  ~ - ~Simplicity and Royalty~ - ~ ● </center></div>
  189. <br><br><br><br>
  190. <font color="
  191. <!--- "WELCOME" MESSAGE HERE ---!>
  192. <font color="#999999"><center>Hey there Sir or Madamme, i Humbly Welcome you onto my Simple Profile.
  193. Enjoy your stay!
  194. </center><p>
  195.  
  196.    </div>
  197.    </div>
  198.  
  199.    <div id="entries" style="display: none;">
  200.     <div class="headers"><center>about me</center></div>
  201. <br>
  202. <br>
  203. <br>
  204.  
  205.  
  206. <!--- "ABOUT ME" IMG - REMOVE IF NEEDED ---!>
  207. <center><img src="http://31.media.tumblr.com/tumblr_m93bfcfjrw1qik4nlo4_r1_1280.jpg"  width="210" height="135" img="border:5px solid black"></center>
  208. <br><br><br><br>
  209.  
  210.  
  211. <!--- "ABOUT ME" DESCRIPTION ---!>
  212. <center> JAPANESE. FASHION DESIGNER. BEACH BUNNY. WANDERER. CLUMSY. IMPULSIVE. MUSIC LOVER~ <br> <img src='http://fc02.deviantart.net/fs71/f/2012/363/9/c/pixel_miku_by_dav_19-d5pkzp9.gif'>
  213. </center>
  214.  
  215.  
  216.  
  217.    <div id="profile" style="display: none;">
  218.  
  219. <!--- "STUFF" TITLE ---!>
  220. <div class="headers"><center>stuff</center></div>
  221. <center> My Little Simple Life on the internet :o
  222. <br><br>
  223. <!--- "STUFF" DESCRIPTION HERE ---!>
  224. <br>
  225. Hey, If youre wondering about who i am, i'm Penelope (not my real name).
  226. and i pretty much just dont prefer to go on Pms except if urgent and stuff.
  227. im a really kind girl and i like to go outdoors and take natural beauty pictures.
  228. and thats pretty much it im not really that much of an open-minded girl, and im really shy when i just come to a new chat im like "hi." and everyone says hi back and im like Okay awkward leaving this chat! and Thats the end of my Simple Description on the "internet"   >.<
  229. <br><br><br><br><br><img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/anotherdumpingfolder/line65.gif"><br><br>
  230.  
  231. <!--- "TAKEN" INFO, CAN BE REMOVED ---!>
  232. <b>Taken by</b> Farewellmerry {Nour}<br>
  233. <b>Ever since</b> 10  | 23 | 2013<br><br>
  234. 20. 16. 2013
  235. <br><br><img src="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/anotherdumpingfolder/line65.gif">
  236.  
  237.  
  238. </center>
  239.  
  240.    <div id="tag" style="display: none;">
  241.  
  242. <!--- ETC TITLE - REMOVE IF NEEDED ---!>
  243. <div class="headers"><center>Random Stuff.</center></div><br>
  244. <center>"Sometimes i think to myself, "what am i doing with my life" then i remember chatango and i go like fuck life internet and chatango is there.",<br>
  245.                    "Sometimes when im asleep i think of events that happened in the past and think of what i couldve said.",<br>
  246.                    "Sometimes when i try to sleep i suddenly think of me falling down from a cliff and my whole body goes Shaking like crazy",<br>
  247.                    "Sometimes when i'm on my period i just have the sudden crave for ice cream and i just rage when i dont get the ice cream.",<br>
  248.                    "Sometimes in life i say "i should go out  and find new real life friends today" And when i go out i say "Omg its hot, i dont like people, can i go home now please?" FML"<br></center>
  249. <p><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  250.  
  251. <!--- "LINKS" TITLE ---!>
  252. <div class="headers"><center>Some chats i go to.</center></div><br><br>
  253.  
  254. <!--- REPLACE /LINKHERE WITH A LINK ---!>
  255. <li><a href="http://timecapsule.chatango.com">>>Timecapsule.<<</a><br>
  256. <li><a href="http://i3ryok.chatango.com">>>I3ryok<<</a><br>
  257. <li><a href="http://netherrealm.chatango.com">>>Nether Realm<<</a><br>
  258. <li><a href="http://jadtv.chatango.com">>>Jadtv<<</a><br>
  259. <li><a href="http://fthq.chatango.com">>>FTHQ<<</a><br>
  260.  
  261.    <div id="misc" style="display: none;">
  262.  
  263. <!--- "BUDDEHS" SECTION - REPLACE URL WITH FRIEND URL & NAME WITH FRIENDHERE IMG ---!>
  264. <div class="headers"><center>Here's some of my friends</center></div><br><br><center><a href="http://kyriun.chatango.com"><img src="http://fp.chatango.com/profileimg/k/y/kyriun/thumb.jpg" border:3px double #000000;"> <a href="http://alix.chatango.com"><img src="http://fp.chatango.com/profileimg/a/l/alix/thumb.jpg" border:3px double #000000;"> <a href="http://pandalita.chatango.com"><img src="http://fp.chatango.com/profileimg/p/a/pandalita/thumb.jpg" border:3px double #000000;"> <a href="http://lumirayz.chatango.com"><img src="http://fp.chatango.com/profileimg/l/u/lumirayz/thumb.jpg" border:3px double #000000;"> <br><br><a href="http://dreammist717.chatango.com"><img src="http://fp.chatango.com/profileimg/d/r/dreammist717/thumb.jpg" border:3px double #000000;"> <a href="http://fancysweetcake.chatango.com"><img src="http://fp.chatango.com/profileimg/f/a/fancysweetcake/thumb.jpg" border:3px double #000000;"> <a href="http://farewellmerry.chatango.com"><img src="http://fp.chatango.com/profileimg/f/a/farewellmerry/thumb.jpg" border:3px double #000000;"> <a href="http://ew.chatango.com"><img src="http://fp.chatango.com/profileimg/e/w/ew/thumb.jpg" border:3px double #000000;"> <br><br><a href="http://erza8000.chatango.com"><img src="http://fp.chatango.com/profileimg/e/r/erza8000/thumb.jpg" border:3px double #000000;">
  265. <a href="http://zen.chatango.com"><img src="http://fp.chatango.com/profileimg/z/e/zen/thumb.jpg" border:3px double #000000;"><a href="http://dokouroskull.chatango.com"><img src="http://fp.chatango.com/profileimg/d/o/dokouroskull/thumb.jpg" border:3px double #000000;"><a href="http://meanasshole.chatango.com"><img src="http://fp.chatango.com/profileimg/m/e/meanasshole/thumb.jpg" border:3px double #000000;">
  266. <br><a href="http://eugeokun.chatango.com"><img src="http://fp.chatango.com/profileimg/e/u/eugeokun/thumb.jpg" border:3px double #000000;"></a>
  267.  
  268.  
  269. <p>
  270. <br><br><br><br><br>
  271.  
  272.  
  273.  
  274.  
  275.  
  276. </div></div></div></div>
  277. </html>
  278.  
  279.  
  280. <!--- BACKGROUND RENDER/IMG - CAN BE CHANGED - REMEMBER TO CHANGE NUMBER VALUES (i.e right:-140px; to 0px;) ---!>
  281. <img src='http://th05.deviantart.net/fs70/PRE/f/2010/200/5/c/Miku_Hatsune_Render_by_Meikiyu.png' style='position:fixed;top:-50px;right:-150px;z-index:-999'/>
  282.      
  283. <!--- MUSIC PLAYER CODE - REPLACE .MP3 URL WITH MP3 URL OF YOUR CHOICE ---!>
  284. <div id="music-rounded">
  285.    <center><img src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"></center>
  286.        <div class="music-border"></div>
  287.            <div class="music-player-embed">
  288.             <center><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://78.129.250.92/wp-content/uploads/2012/02/Ed-Sheeran-Lego-House.mp3
  289. &t0=x&total=1" quality="medium" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></center>
  290.        </div>
  291.    </div>
  292.  
  293.  
  294.  
  295. <!--- CREDIT - YOU MAY MOVE IT AROUND BUT DO NOT DELETE OR YOU WILL BE REPORTED ---!>
  296. <div style="position:fixed; left: 10px; bottom: 10px;"><a href="http://big.chatango.com">theme</a></div>
  297.  
  298. <!--- CURSOR CODE - CAN BE REMOVED OR ALTERED ---!>
  299. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth651.cur), progress !important;}</style>
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!