Advertisement
NaotoShirgone

Bottom Box HTML

Oct 21st, 2017
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.01 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. #music-bg {
  4. position:absolute;
  5. background-image: url('');
  6. left: 834px;
  7. top: 158px;
  8. width:90;
  9. height:80;
  10. opacity:1;
  11. -webkit-animation: fade4 2s 6s;
  12. animation: fade4 2s 6s;
  13. -webkit-animation-fill-mode: forwards;
  14. animation-fill-mode: forwards;
  15. z-index: 9999;
  16. }
  17.  
  18. #music{
  19. position:absolute;
  20. background-image:
  21. url('https://orig00.deviantart.net/31c9/f/2013/264/d/9/noiz_bunny_cube_by_codora778-d6nb39f.gif');
  22. background-repeat: no-repeat;
  23. background-size: 18px;
  24. width:35px;
  25. height:45px;
  26. z-index: 9999;
  27. left:8;
  28. top:3;
  29. overflow:hidden;
  30. -webkit-transition: all 0.5s ease-in-out;
  31. -moz-transition: all 0.5s ease-in-out;
  32. -o-transition: all 0.5s ease-in-out;
  33. }
  34.  
  35.  
  36.  
  37.  
  38. </style>
  39.  
  40. </head>
  41. <body>
  42. <div class="Pic">
  43. <p> </p>
  44. </div>
  45. <div class="Box1">
  46. <p> </p>
  47. </div>
  48. <div class="Gal1">
  49. <p> </p>
  50. </div>
  51. <div class="Gal2">
  52. <p> </p>
  53. </div>
  54. <div class="Gal3">
  55. <p> </p>
  56. </div>
  57. <div class="tabs">
  58. <div class="tab">
  59. <input id="tab-4" name="tab-group-2" type="radio" />
  60. <label for="tab-4">OOC</label>
  61. <div class="content">
  62. <center><h1>OOC:</h1></center>
  63. <ul>
  64. <li>I'm pm friendly so don't be scared to say hi</li>
  65. <li>IRL comes first </li>
  66. <li>I'm open to short term or long term rps</li>
  67. <li>will do smut or clean</li>
  68. </ul>
  69. <br>
  70. <br>
  71. <center><h2>Friends</h2></center>
  72. <a href="profile.php?user=Jade+Li" target="_blank">sweetheart jade</a>
  73.  
  74.  
  75. </p>
  76. </div>
  77. </div>
  78. <div class="tab">
  79. <input id="tab-3" name="tab-group-2" type="radio" />
  80. <label for="tab-3">Bio</label>
  81. <div class="content">
  82. <p>Maxis was once a normal kid but one day something strange happend weird ongoings appearing around his home town murders, people going missing more and more but one day when max woke up for the last time he saw his mum and dad after he woke up no longer being in his room but all around him was code it was like he was trapped in a codedex stream, maxis knew he wouldn't see his family again he lost hope. After many years in the codedex stream maxis learned to accsess the code and use to his will learing from it and upgardeing the code it's self he was 16 when he got full control over the codedex stream bulding from it creating place to live so codedex stream didn't look so bare but after so many years in it he got bored and found a way out. (still working on it )
  83. </p>
  84. </div>
  85. </div>
  86. <div class="tab">
  87. <input id="tab-2" name="tab-group-2" type="radio" />
  88. <label for="tab-2">Gallery</label>
  89. <div class="content">
  90. <p style="text-align: center;">Gallery</p>
  91. <center>
  92. <img src="http://i.picpar.com/Zo7c.jpg"width="300"><br>
  93. <img src="http://i.picpar.com/ap7c.jpg"width="300"><br>
  94. <img src="http://i.picpar.com/bp7c.jpg"width="300"><br>
  95. <img src="http://i.picpar.com/cp7c.png"width="300"><br>
  96. <img src="http://i.picpar.com/dp7c.jpg"width="300"><br>
  97. <img src="http://i.picpar.com/ep7c.jpg"width="300"><br>
  98. <img src="http://i.picpar.com/fp7c.jpg"width="300"><br>
  99. <img src="http://i.picpar.com/hp7c.jpg"width="300"><br>
  100. <img src="http://i.picpar.com/ip7c.jpg"width="300"><br>
  101. <img src="http://i.picpar.com/jp7c.png"width="300"><br>
  102. <img src="http://i.picpar.com/kp7c.png"width="300"><br>
  103. <img src="http://i.picpar.com/mp7c.jpg"width="300"><br>
  104. <img src="http://i.picpar.com/np7c.jpg"width="300"><br>
  105. <img src="http://i.picpar.com/op7c.jpg"width="300"><br>
  106. <img src="http://i.picpar.com/up7c.jpg"width="300"><br>
  107. <img src="http://i.picpar.com/vp7c.jpg"width="300"><br>
  108. <img src="http://i.picpar.com/wp7c.jpg"width="300"><br>
  109. <img src="http://i.picpar.com/xp7c.jpg"width="300"><br>
  110. <img src="http://i.picpar.com/Mq7c.jpg"width="300"><br>
  111. <img src="http://i.picpar.com/Nq7c.png"width="300"><br>
  112. <br><h2>when he was 9 stuck in the codedex stream</h2>
  113. <img src="http://i.picpar.com/gp7c.gif"width="300"><br>
  114. <br><h2>When he was stuck in the codedex stream at 16</h2>
  115. <img src="http://i.picpar.com/lp7c.png"width="300"><br>
  116. </center>
  117.  
  118. </p>
  119. </div>
  120. </div>
  121. <div class="tab">
  122. <input id="tab-1" checked="checked" name="tab-group-2" type="radio" />
  123. <label for="tab-1">Stats</label>
  124. </div>
  125. <div class="content">
  126. <h2>Stats</h2>
  127. <p>
  128. <b>Name:</b> maxis
  129. <br>
  130. <b>Code name:</b>NOIZ
  131. <br>
  132. <b>Species:</b> Human
  133. <br>
  134. <b>Gender:</b> male
  135. <br>
  136. <b>Age:</b> 27
  137. <br>
  138. <b>Hair:</b> blonde
  139. <br>
  140. <b>Eyes:</b> green
  141. <br>
  142. <b>Height:</b> average height
  143. <br>
  144. <b>Weight:</b> nope
  145. <br>
  146. <b>Build:</b> average
  147. <br>
  148. <b>sexuality:</b> pansexual
  149. <br>
  150. <b>Job:</b> freelancer
  151. <br>
  152. <b>power:</b> Code Mage
  153. <br>
  154. <b>Relationship:</b> single <a target="_blank" href="http://www.thiscrush.com/~maxis18" target="blank"><font color=#043200> a crush on me</font> </a><br>
  155. </p>
  156. </div>
  157. </div>
  158.  
  159.  
  160.  
  161. <div id="music-bg">
  162. <div id="music">
  163. <div style="margin-top:4px;">
  164.  
  165. <audio controls loop="1" style="opacity: 0;"><source src="http://k003.kiwi6.com/hotlink/td13nca9xx/Tokyo_Teddy_Bear.mp3">
  166. </audio>
  167. </div></div></div>
  168. <div class="Credit">
  169. <p style="text-align: center;"><a target="_blank" href="https://rphprofilecodes.tumblr.com/" target="_blank">♠</a></p>
  170. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement