Advertisement
colettemichelle98

askbox custom layout theme by taintedhopes

May 2nd, 2013
1,015
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.72 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4.  
  5. <head>
  6.  
  7. <!--ask box theme by taintedhopes. do NOT remove credit unless you put it in your faq.
  8. HOW TO INSTALL THIS THEME:
  9. 1. go to create a new page for you blog
  10. 2. for layout select 'custom layout'
  11. 3. then copy and paste this code into the blank page!
  12. 4. make sure when you install this theme you scroll down and search (ctrl+f) 'YOUR URL HERE' and replace it with your url otherwise this ask will not work for you!
  13. 4. make sure to name the url something like 'message' or 'askbox'-->
  14.  
  15. <style type="text/css">
  16. iframe#tumblr_controls {right:3px !important; position: fixed !important; -webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  17.  
  18. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  19.  
  20. ::-webkit-scrollbar {width: 5px; height: 5px; background: #fff;}
  21.  
  22. ::-webkit-scrollbar-thumb { background-color:#000;}
  23.  
  24. body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
  25.  
  26.  
  27.  
  28. body{
  29. margin-5px;
  30. background-color:#fff //you can change this is you want!//;
  31. background-image:url(urlgoeshere);
  32. font-family:Calibri;
  33. font-size:10px;
  34. line-height:12px;
  35. color:#000;
  36. scrollbar:#000;
  37. }
  38.  
  39.  
  40. a:link, a:active, a:visited{
  41. color:#000;
  42. text-decoration: none;
  43. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  44. }
  45.  
  46. a:hover {
  47. background-color:{color:hover};
  48. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  49. }
  50.  
  51. #boxx{
  52. position:fixed !Important;
  53. width:620px;
  54. height:210px;
  55. background-color:#ddd;
  56. padding:12px;
  57. margin-top:290px;
  58. margin-left:315px;
  59. }
  60.  
  61. #pic{
  62. position:fixed !Important;
  63. width:150px;
  64. height:150px;
  65. background-color:#ddd;
  66. padding:12px;
  67. margin-top:100px;
  68. margin-left:785px;
  69. }
  70.  
  71. #links{
  72. position:fixed !important;
  73. width:150px;
  74. height:150px;
  75. background-color:#ddd;
  76. padding:12px;
  77. margin-top:100px;
  78. margin-left:315px;
  79. }
  80.  
  81. #faq{
  82. position:fixed !Important;
  83. width:250px;
  84. height:150px;
  85. background-color:#ddd;
  86. padding:12px;
  87. margin-top:100px;
  88. margin-left:500px;
  89. font-family:Calibri;
  90. font-size:10px;
  91. }
  92.  
  93. div.about{
  94. position:fixed !important;
  95. width:auto;
  96. height:auto;
  97. background-color:transparent;
  98. margin-top:5px;
  99. margin-left:-1px;
  100. font-family:courier;
  101. font-size:25px;
  102. color:#000;
  103. text-transform:uppercase;
  104. text-align:center;
  105. }
  106.  
  107. #faq1{
  108. position:fixed !important;
  109. width:100px;
  110. height:100px;
  111. background-color:#fff;
  112. overflow:auto;
  113. padding:2px;
  114. margin-top:150px;
  115. margin-left:520px;
  116. font-family:Calibri;
  117. font-size:10px;
  118. z-index:5;
  119. }
  120.  
  121. #faq2{
  122. position:fixed !Important;
  123. width:100px;
  124. height:100px;
  125. background-color:#fff;
  126. overflow:auto;
  127. padding:2px;
  128. margin-top:150px;
  129. margin-left:650px;
  130. font-family:Calibri;
  131. font-size:10px;
  132. z-index:5;
  133. }
  134.  
  135.  
  136. div.linkys a{
  137. position:Fixed !Important;
  138. width:130px;
  139. height:15px;
  140. background-color:#fff;
  141. margin-top:5px;
  142. margin-left:10px;
  143. font-family:Calibri;
  144. font-size:10px;
  145. line-height:13px;
  146. text-align:center;
  147. }
  148.  
  149. div.linkys a:hover{
  150. letter-spacing:5px;
  151. }
  152.  
  153. </style>
  154. <title>{title}</title>
  155. <link rel="shortcut icon" href="{favicon}">
  156. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  157. <meta name="viewport" content="width=720" />
  158. </head>
  159. <body>
  160.  
  161. <div id="boxx">
  162.  
  163. <p><iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/YOUR URL HERE.tumblr.com" width="100%"> </iframe></p>
  164.  
  165. </div></div></div>
  166.  
  167. <!--if you want to change the picture below, then paste the url where i have mine right after <img scr=""> -->
  168.  
  169. <div id="pic">
  170. <img src="http://i43.tinypic.com/zwjj2u.jpg" style="" width=150px; height=150px;></a>
  171. </div></div></div>
  172.  
  173.  
  174. <div id="faq">
  175.  
  176. <div class="about">
  177. about the blogger
  178.  
  179. </div></div></div>
  180.  
  181. <div id="links">
  182.  
  183. <div class="linkys">
  184.  
  185. <a href="url goes here"> refresh </a>
  186.  
  187. </div>
  188.  
  189. </br></br>
  190.  
  191. <div class="linkys">
  192.  
  193. <a href="url goes here"> back to main </a>
  194.  
  195. </div>
  196.  
  197. </br></br>
  198.  
  199. <div class="linkys">
  200.  
  201. <a href="url goes here"> back to dash </a>
  202.  
  203. </br></br>
  204.  
  205. <div class="linkys">
  206.  
  207. <a href="url goes here"> custom link </a>
  208.  
  209. </div>
  210.  
  211. </br></br>
  212.  
  213. <div class="linkys">
  214.  
  215. <a href="url goes here"> custom link2 </a>
  216.  
  217. </div>
  218.  
  219. </br></br>
  220.  
  221. <div class="linkys">
  222.  
  223. <a href="http://www.taintedhopes.tumblr.com"> credit </a>
  224. </div>
  225.  
  226.  
  227.  
  228. </div></div></div>
  229.  
  230. <div id="faq1">
  231. <center>
  232. <div style="font-family:courier; font-size:15px;">ABOUT ME</div>
  233. </center>
  234. <center>
  235. hi i'm colette and i'm pretty lonely. my life basically sucks but i guess i'm used to it by now. i love writing stories, and watching the show new girl. i love with lily collins, and the band metric.
  236. </center>
  237. </div></div></div>
  238.  
  239. <div id="faq2">
  240. <center>
  241. <div style="font-family:courier; font-size:15px;">FAQ</div>
  242. </center>
  243. <center>
  244. -i will check out your blog if you follow me</br>
  245. -i will not follow you on command</br>
  246. -i don't do promo for promos (sorry!) </br>
  247. -i found my icon on my dashboard </br>
  248. -i made my theme </br>
  249. -i won't make you a theme though</br>
  250. </center>
  251. </div></div></div>
  252.  
  253.  
  254. </div>
  255. </body>
  256. </html>
  257.  
  258. <BODY onselectstart="return false;" ondragstart="return false;">
  259. <body onkeydown="return false">
  260.  
  261. <div style="margin-top:10px; margin-left:10px; background-color:#ddd; font-family:Calibri; text-align:center; font-size:10px; width:60px; height:auto; padding:2px;">taintedhopes</div>
  262.  
  263. </div>
  264. </div>
  265. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement