API tools faq
paste
Advertisement
b0rn-to-be-wild

POP UP HTML

b0rn-to-be-wild
Mar 3rd, 2018
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.19 KB | None | 0 0
raw download clone embed print report
  1. Paste the following code under <body>:
  2.  
  3.  
  4. <div id="pclick">
  5.  
  6. <div id="popen"><span class="sf sf-navigation-o"></span></div>
  7. <div id="pclose"><span class="sf sf-cross-o"></span></div>
  8.  
  9. </div>
  10. <!-- End click -->
  11.  
  12. <div id="popup_box">
  13.  
  14. <div id="panelone">
  15.  
  16. <div class="panelin">
  17.  
  18. <!-- Avatar image -->
  19. <div id="avatar"><img src="https://78.media.tumblr.com/avatar_7628e384c147_128.png"/></div>
  20.  
  21. <div id="blogtitle"> General Info </div>
  22.  
  23. <div id="description">
  24.  
  25. Here you’ll find mostly <i>everything</i> about this blog, my muses and also about me. And please <b>don’t forget</b> to check the rules.
  26.  
  27. </div>
  28. <!--End description-->
  29.  
  30. <div id="icons">
  31. <a href="/" title="Index"><span class="sf sf-home"></span></a>
  32. <a href="/ask" title="Message"><span class="sf sf-chat"></span></a>
  33. <a href="httpss://www.tumblr.com/dashboard" title="Dashboard"><span class="sf sf-tumblr"></span></a>
  34. <a href="https://borntobewildcodes.tumblr.com/" title="Credit"><span class="sf sf-code"></span></a>
  35. </div>
  36. <!--End icons-->
  37.  
  38. </div>
  39. <!--End panelin-->
  40. </div>
  41. <!--End panelone-->
  42.  
  43.  
  44. <div id="paneltwo">
  45. <div class="panelin">
  46.  
  47. <a><div id="aclick"><div class="aicon"></div></div></a>
  48. <a><div id="lclick"><div class="licon"></div></div></a>
  49. <a><div id="tclick"><div class="ticon"></div></div></a>
  50. <a><div id="fclick"><div class="ficon"></div></div></a>
  51. <a><div id="bclick"><div class="bicon"></div></div></a>
  52. <a><div id="eclick"><div class="eicon"></div></div></a>
  53.  
  54. </div>
  55. <!--End panelin-->
  56. </div>
  57. <!--End paneltwo-->
  58.  
  59. <div id="sidebar">
  60.  
  61. <div id="click">
  62.  
  63. <div class="clicon"><span class="sf sf-aero-cursor"></span></div>
  64. <div class="cricon"><span class="sf sf-aero-cursor"></span></div>
  65.  
  66. </div>
  67. <!-- End click-->
  68. </div>
  69. <!--End sidebar-->
  70.  
  71.  
  72. <div id="about">
  73.  
  74. <div class="box">
  75.  
  76. <h1> ABOUT </h1> <hr><justify><center><b> BASICS</b></center><br/>
  77. ✦ As you can see <b>(</b> <i>everywhere</i> <b>)</b>, this is a <b>multimuse blog</b>. You can choose<b> any </b>of the characters listed <a href="https://mpb-muses.tumblr.com/">here</a>. I do both crack and serious verses and I always tag nsfw and triggering content! If there’s anything that triggers you and you want me to tag it, just hit me up and be straight forward; <br/>✦All the icons and graphics were made by <b>me</b> and if you want to use them, <b>message me first</b>. <b>That shit gave me a hell of a hard work to make</b>. <b>Don’t</b> screw it. I mean it. Don’t screw it. If you want it so bad you can check my <a href="http://weorthsige.tumblr.com/please-read">commissions</a> page.
  78. </justify>
  79.  
  80. </div>
  81. <!--End box-->
  82. </div>
  83. <!--End about-->
  84.  
  85.  
  86. <div id="links">
  87.  
  88. <div class="box">
  89.  
  90. <h1> LINKS </h1> <hr><a href="https://mpb-muses.tumblr.com/"><span class="sf sf-leaf-2"></span> Muses</a>
  91. <a href="/about"><span class="sf sf-leaf-2"></span> About Aurora </a>
  92. <a href="/ms-graham"><span class="sf sf-leaf-2"></span> About Arabella </a>
  93. <a href="/ms-lewis"><span class="sf sf-leaf-2"></span> About Vicky </a>
  94.  
  95. </div>
  96. <!--End box-->
  97. </div>
  98. <!--End links-->
  99.  
  100.  
  101. <div id="tags">
  102.  
  103. <div class="box">
  104.  
  105. <h1> TAGS </h1> <hr><a href="/ms-graham"><span class="sf sf-tag"></span> Repices </a>
  106. <a href="/tagged/%E3%80%90%20%E1%B4%A1%CA%9C%E1%B4%80%E1%B4%9B%20%E1%B4%80%20%E1%B4%85%C9%AA%E1%B4%84%E1%B4%8B%CA%9C%E1%B4%87%E1%B4%80%E1%B4%85%20%E2%9C%96%20%E1%B4%80%CA%99%E1%B4%8F%E1%B4%9C%E1%B4%9B%20%E1%B4%8D%E1%B4%9C%C9%B4%20%E3%80%91"><span class="sf sf-tag"></span> About Mun </a>
  107. <a href="/tagged/;;otp"><span class="sf sf-tag"></span> OTP </a>
  108. <a href="/tagged/;;inspire-me"><span class="sf sf-tag"></span> Inspirations </a>
  109. <a href="/tagged/;;ideas"><span class="sf sf-tag"></span> Thread ideas </a>
  110. <a href="/tagged/;;headcanon"><span class="sf sf-tag"></span> Headcanons </a>
  111. <a href="/tagged/;;my-edit"><span class="sf sf-tag"></span> My edits </a>
  112. <a href="/tagged/;;meme"><span class="sf sf-tag"></span> Memes </a>
  113.  
  114. </div>
  115. <!--End box-->
  116. </div>
  117. <!--End tags-->
  118.  
  119.  
  120. <div id="faq">
  121.  
  122. <div class="box">
  123.  
  124. <h1> F.A.Q. </h1> <hr><div class="boxin">
  125.  
  126. <big> 01. How many threads can we have? </big><br/>
  127. ✦ As much as we can handle :D <br/><br/><big> 02. Can we turn an ask into a thread? </big><br/>
  128. ✦ Sure! But I’m more comfortable by moving it to a <i>new</i> thread. <br/><br/><big> 03. I take too long to reply, is that a problem for you? </big><br/>
  129. ✦ Not at all, as long as you tell me if you want to <b>drop</b> it or not, I’m completely fine. <br/><br/><big> 04. You’re taking too long to reply, did you drop our thread? </big><br/>
  130. ✦ Nope! I have depression and severe anxiety so things can get out of hands sometimes, but that doesn’t mean I’m dropping our thread, I’ll just take a little longer to reply. I <b>always</b> inform the person in case I want to drop it. <br/><br/><big> 05. Our time zones seems to be kinda different, what is yours? </big><br/>
  131. ✦ My time zone is ( GMT-3 ). <br/><br/><big> 06. You seem to be a nice person! Can I send you a direct message instead of asks? </big><br/>
  132. ✦ As long as we’re mutuals, <i>everything is possible</i>! I’m here to make new friends and help anyone in need. Don’t be afraid to message me even if you want to talk about how crazy the stars look tonight or <b>how fucked up the government is</b>. <br/></div>
  133. <!--End boxin-->
  134. </div>
  135. <!--End box-->
  136. </div>
  137. <!--End faq-->
  138.  
  139.  
  140. <div id="blogroll">
  141.  
  142. <div class="box">
  143.  
  144. <h1> CURRENT RP PARTNERS</h1> <hr><div class="boxin">
  145. <div class="person">
  146. <img src="https://78.media.tumblr.com/avatar_18b1af444130_128.png"/><div class="http://anirishknight.tumblr.com/">
  147. <a href="http://@anirishknight">
  148. <big>Lamorak</big><br/>
  149. ✦ Kingsman Agent
  150. </a></div>
  151. </div>
  152. <!--End person-->
  153.  
  154. <div class="person">
  155. <img src="http://www.pinkvilla.com/files/styles/photogallery/public/Freida%20Pinto.jpg?itok=9aEL6-fl"/><div class="http://harktheascendants.tumblr.com/">
  156. <a href="http://@harktheascendants">
  157. <big>Genderbent Kirk</big><br/>
  158. ✦ Enterprise Captain
  159. </a></div>
  160. </div>
  161. <!--End person-->
  162.  
  163. <div class="person">
  164. <img src="https://78.media.tumblr.com/7b4fcbaf37d51d599177c371795c2a38/tumblr_oozdo8SavL1w7gw7po2_250.png"/><div class="https://yoursaviourhasarrived.tumblr.com/">
  165. <a href="http://@yoursaviourhasarrived">
  166. <big>Loki</big><br/>
  167. ✦ MCU based
  168. </a></div>
  169. </div>
  170. <!--End person-->
  171.  
  172. <div class="person">
  173. <img src="https://d310a9hpolx59w.cloudfront.net/users/avatars/11695290/mktpl_large/karl_urban_in_star_trek___bones_by_mzmarvelous-d6mojex.png"/><div class="http://thegeorgiandoctor.tumblr.com/">
  174. <a href="http://@thegeorgiandoctor">
  175. <big>Bones</big><br/>
  176. ✦ Enterprise Med
  177. </a></div>
  178. </div>
  179. <!--End person-->
  180.  
  181. <div class="person">
  182. <img src="https://78.media.tumblr.com/f536b1bb108bfa245df4cd66e8f6654e/tumblr_messaging_p03lviLi1f1qim290_500.jpg"/><div class="http://brxkencrown.tumblr.com/">
  183. <a href="http://@brxkencrown">
  184. <big>Loki</big><br/>
  185. ✦ MCU based
  186. </a></div>
  187. </div>
  188. <!--End person-->
  189.  
  190. <div class="person">
  191. <img src="https://78.media.tumblr.com/c830405091420f6da88aa60767f89d30/tumblr_ostn20Afd71vlw0i0o1_250.jpg"/><div class="http://miisterdoctor.tumblr.com/">
  192. <a href="http://@miisterdoctor">
  193. <big>Doctor Strange</big><br/>
  194. ✦ MCU/616 based
  195. </a></div>
  196. </div>
  197. <!--End person-->
  198.  
  199. <div class="person">
  200. <img src="https://78.media.tumblr.com/dc7f0c7f11ea66f4fa0340adc8abb73f/tumblr_npprzgX19M1tkcyrqo1_250.png"/><div class="http://thefallcn.tumblr.com/">
  201. <a href="http://@thefallcn">
  202. <big>Winter Soldier</big><br/>
  203. ✦ MCU based
  204. </a></div>
  205. </div>
  206. <!--End person-->
  207.  
  208.  
  209. </div>
  210. <!--End boxin-->
  211.  
  212. </div>
  213. <!--End box-->
  214. </div>
  215. <!--End blogroll-->
  216.  
  217. <div id="extra">
  218.  
  219. <div class="box">
  220.  
  221. <h1> EXTRA - MUN </h1> <hr><b>FULL NAME:</b> Victória Sales
  222. <b>NICKNAME(S):</b> Vicky, V, Saturn, Diotima
  223. <b>AGE:</b> 21
  224. <b>BIRTHDAY:</b> 01/13
  225. <b>GENDER / SEX:</b> Cis Female
  226. <b>PLACE OF BIRTH:</b> São Paulo - Brazil
  227. <b>ROMANTIC / SEXUAL ORIENTATION:</b> Pan
  228. <b>OCCUPATION:</b> Freelance illustrator, designer, tattoo artist &amp; kitchen witch
  229. <b>RELIGION:</b> N/E
  230. <b>SPOKEN LANGUAGE(S):</b> Brazilian Portuguese, English (self taught), a bit of German &amp; Russian, French and Spanish
  231.  
  232. </div>
  233. <!--End box-->
  234. </div>
  235. <!--End extra-->
  236.  
  237. </div>
  238. <!--End popup_box -->
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!