API tools faq
paste
Advertisement
themesby-two

ask layout

themesby-two
Sep 4th, 2013
448
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.77 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  4. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  5. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  6. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  7. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  8. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  9. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  10.  
  11. If ou are good at html you can change the picture to yourself, all you got to do is scroll down to where it says
  12. <div id="sidebarpicture"> and then where it has the image link change it to the url of the picture you want.
  13.  
  14. If you have any problems with this theme please report it to us. So we can fix it as quickly as possible.
  15. -->
  16.  
  17. <html>
  18.  
  19. <head>
  20.  
  21. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  22.  
  23.  
  24. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  25.  
  26. <head><title>{Title}</title>
  27.  
  28.  
  29. <link rel="shortcut icon" href="{Favicon}">
  30.  
  31.  
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42. <!--
  43. Theme by fetchinqtacos, DO NOT remove credit or steal because I will find you!
  44. -->
  45.  
  46.  
  47.  
  48.  
  49.  
  50. <!--Default Variables-->
  51.  
  52. <meta name="color:Background" content="#ffffff"/>
  53. <meta name="color:Text" content="#9c9c9c"/>
  54. <meta name="image:picture" content="/"/>
  55. <meta name="text:navigation page" content="navigation page"/>
  56.  
  57.  
  58. <!--Images-->
  59.  
  60. <meta name="image:Background" content=""/>
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65.  
  66. ::-webkit-scrollbar {
  67.  
  68. height: 5px;
  69.  
  70. width: 4px;
  71.  
  72. background: #fff;
  73.  
  74. }
  75.  
  76. ::-webkit-scrollbar-thumb {
  77.  
  78. background:#ddd;
  79.  
  80. border: 0px;
  81.  
  82. -webkit-border-radius: 1ex;
  83.  
  84. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
  85.  
  86. }
  87.  
  88. ::-webkit-scrollbar-corner {
  89.  
  90. background: #transparent;
  91.  
  92. }
  93.  
  94.  
  95. bling{
  96. font-family: "learningcurve" ;
  97. font-size:35px;
  98. color: #797878;
  99. letter-spacing: 2px;
  100.  
  101. }
  102.  
  103.  
  104.  
  105. body {
  106. background:{color:background};
  107. background-image:url('http://i46.tinypic.com/5a2yq.png');
  108. margin:0px;
  109. color: #fff;
  110. }
  111.  
  112. a:link, a:active, a:visited{
  113. color: #fff;
  114. text-decoration: none;
  115. -webkit-transition: color 0.3s ease-in;
  116. -moz-transition: color 0.3s ease-in;
  117. }
  118.  
  119. a:hover {
  120. text-decoration: none;
  121. text-shadow: 0px 0px 6px #fff;
  122. font-style:;
  123. color: #fff;
  124.  
  125. }
  126.  
  127. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  128.  
  129. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  130.  
  131. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  132.  
  133.  
  134. #description {
  135. text-align:center;
  136. text-transform:uppercase;
  137. background-image:url('http://i49.tinypic.com/es6yh5.png');
  138. background-size: cover;
  139. border: solid 4px #fff;
  140. box-shadow: 3px 3px 3px #aaa;
  141. background-color:#fff;
  142. color:text;
  143. letter-spacing:1px;
  144. padding:35px;
  145. padding-left:20px;
  146. width:1000px;
  147. margin-left:160px;
  148. margin-top:80px;
  149. font-size: 35px;
  150. color: #fff;
  151. line-height; 10px;
  152. text-align:center;
  153. -webkit-border-radius: 100px;
  154. -moz-border-radius: 30px;
  155. border-radius: 30px;
  156. }
  157.  
  158.  
  159.  
  160. div#sidebar{
  161. position:fixed;
  162. background:url('http://i49.tinypic.com/es6yh5.png');
  163. box-shadow:0px 0px 12px #fff;
  164. border-left:solid 1px #fff;
  165. border-right:solid 4px #fff;
  166. width:100px;
  167. z-index:3;
  168. height:1000px;
  169. left:100px;
  170. top:0px;
  171. transition: all .9s ease-out;
  172. -o-transition-transition: all .9s ease-out;
  173. -webkit-transition: all .9s ease-out;
  174. -moz-transition: all .9s ease-out;
  175. }
  176.  
  177.  
  178.  
  179.  
  180. #sidebarpicture {
  181. position: fixed;
  182. z-index:9999;
  183. margin-left:398px;
  184.  
  185.  
  186. }
  187.  
  188. #asktitlee{
  189. position:fixed;
  190. font-family:learningcurve;
  191. font-size:55px;
  192. line-height:35px;
  193. width:600px;
  194. height:40px;
  195. margin-top:100px;
  196. box-shadow:0px 1px 11px;
  197. margin-left:510px;
  198. z-index:99999999999999999;
  199. overflow:hidden;
  200. background-image:url('http://i50.tinypic.com/2127tyw.png');
  201. padding:15px;
  202. text-align:center;
  203. border:4px double #cacaca;
  204. -webkit-transition: opacity .6s linear;
  205. -webkit-transition: all .6s ease-in-out;
  206. -moz-transition: all .6s ease-in-out;
  207. -o-transition: all .6s ease-in-out;
  208. -webkit-animation: fadeInUp 2s;
  209. -moz-animation: fadeInUp 2s;
  210. -ms-animation: fadeInUp 2s;
  211.  
  212. }
  213.  
  214. #asktitlee:hover{
  215. padding-bottom:450px;
  216. -webkit-transition: opacity .6s linear;
  217. -webkit-transition: all .6s ease-in-out;
  218. -moz-transition: all .6s ease-in-out;
  219. -o-transition: all .6s ease-in-out;
  220. }
  221.  
  222. #you{
  223. position: fixed;
  224. overflow-y:scroll;
  225. margin-top: 200px;
  226. margin-left: 260px;
  227. height: 270px;
  228. width: 270px;
  229. background-image:url(http://i50.tinypic.com/350udrt.png);
  230. z-index: 10;
  231. opacity: 1;
  232. border: 4px double #fff;
  233. font-family:"Aderyn";
  234. text-transform: uppercase;
  235. text-align:right;
  236. font-size: 12px;
  237. padding-top: 6px;
  238. padding-bottom: 4px;
  239. padding-right: 20px;
  240. padding-left:10px;
  241. letter-spacing: 1px;
  242. line-height: 17px;
  243. text-align:left;
  244. color: #797878;
  245. box-shadow: 1px 1px 1px #aaa;
  246. -webkit-animation: fadeInLeft 1s;
  247. -moz-animation: fadeInLeft 1s;
  248. -o-animation: fadeInLeft 1s;
  249. animation: fadeInLeft 1s;
  250. }
  251.  
  252. #are{
  253. overflow-y:scroll;
  254. position: fixed;
  255. margin-top: 200px;
  256. margin-left: 590px;
  257. height: 270px;
  258. width: 270px;
  259. background-image:url(http://static.tumblr.com/oct6d4x/lFHm1ew9k/brushed_alu.png);
  260. z-index: 10;
  261. opacity: 1;
  262. border: 4px double #fff;
  263. font-family: 'Aderyn';
  264. text-transform: uppercase;
  265. text-align:right;
  266. font-size: 12px;
  267. padding-top: 6px;
  268. padding-bottom: 4px;
  269. padding-right: 20px;
  270. padding-left:10px;
  271. letter-spacing: 1px;
  272. line-height: 17px;
  273. text-align:left;
  274. color: #797878;
  275. box-shadow: 1px 1px 1px #aaa;
  276. -webkit-animation: fadeInLeft 1s;
  277. -moz-animation: fadeInLeft 1s;
  278. -o-animation: fadeInLeft 1s;
  279. animation: fadeInLeft 1s;
  280. }
  281. #fab{
  282. overflow-y:scroll;
  283. position: fixed;
  284. margin-top: 200px;
  285. margin-left: 920px;
  286. height: 270px;
  287. width: 270px;
  288. background-image:url(http://i50.tinypic.com/350udrt.png);
  289. z-index: 10;
  290. opacity: 1;
  291. border: 4px double #fff;
  292. font-family: 'Aderyn';
  293. text-transform: uppercase;
  294. text-align:right;
  295. font-size: 12px;
  296. padding-top: 6px;
  297. padding-bottom: 4px;
  298. padding-right: 20px;
  299. padding-left:10px;
  300. letter-spacing: 1px;
  301. line-height: 17px;
  302. text-align:left;
  303. color: #797878;
  304. box-shadow: 1px 1px 1px #aaa;
  305. -webkit-animation: fadeInLeft 1s;
  306. -moz-animation: fadeInLeft 1s;
  307. -o-animation: fadeInLeft 1s;
  308. animation: fadeInLeft 1s;
  309. }
  310.  
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318.  
  319. #link1{
  320. position:fixed;
  321. z-index:3;
  322. width:100px;
  323. height:20px;
  324. opacity: 2;
  325. padding:10px;
  326. margin-left:92px;
  327. margin-top:50px;
  328. background: #cacaca;
  329. border:1px solid #fff;
  330. line-height:13px;
  331. text-align:center;
  332. font-size: 27px;
  333. border-radius: 10px 10px / 10px 10px;
  334. font-family: "learningcurve";
  335.  
  336. }
  337.  
  338.  
  339.  
  340.  
  341. #link2{
  342. position:fixed;
  343. z-index:3;
  344. width:100px;
  345. height:20px;
  346. opacity: 2;
  347. padding:10px;
  348. margin-left:92px;
  349. margin-top:100px;
  350. background: #cacaca;
  351. border:1px solid #fff;
  352. line-height:13px;
  353. text-align:center;
  354. font-size: 35px;
  355. border-radius: 10px 10px / 10px 10px;
  356. font-family: "learningcurve";
  357.  
  358. }
  359.  
  360.  
  361.  
  362.  
  363.  
  364. #link3{
  365. position:fixed;
  366. z-index:3;
  367. width:100px;
  368. height:20px;
  369. opacity: 2;
  370. padding:10px;
  371. margin-left:92px;
  372. margin-top:150px;
  373. background: #cacaca;
  374. border:1px solid #fff;
  375. line-height:13px;
  376. text-align:center;
  377. font-size: 35px;
  378. border-radius: 10px 10px / 10px 10px;
  379. font-family: "learningcurve";
  380.  
  381. }
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389. #link4{
  390. position:fixed;
  391. z-index:3;
  392. width:100px;
  393. height:20px;
  394. opacity: 2;
  395. padding:10px;
  396. padding-top:10px;
  397. margin-left:92px;
  398. margin-top:200px;
  399. background: #cacaca;
  400. border:1px solid #fff;
  401. line-height:13px;
  402. text-align:center;
  403. font-size: 35px ;
  404. border-radius: 10px 10px / 10px 10px;
  405. font-family: "learningcurve";
  406.  
  407. }
  408.  
  409.  
  410.  
  411.  
  412. #lace1{
  413. repeat:repeat-x;
  414. left:0;
  415. z-index: 3;
  416. width:100%;
  417. margin-top:-150px;
  418. height:18px;
  419. position: fixed;
  420. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  421. opacity:1;
  422. }
  423. #lace2 {
  424. repeat:repeat-x;
  425. height:22px;
  426. background-color: #fff;
  427. left:0;
  428. width:100%;
  429. margin-top:-170px;
  430. position: fixed;
  431. z-index: 3;
  432. opacity:6;
  433. }
  434.  
  435.  
  436.  
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444. @font-face { font-family: "good time"; src: url('http://static.tumblr.com/u37ad6e/bR1mb6f8o/kgalwaysagoodtime.ttf'); }
  445.  
  446.  
  447. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  448.  
  449.  
  450. @font-face { font-family: "pewp"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  451.  
  452. @font-face{font-family: "Ashley Marie";src:url(http://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf);}
  453.  
  454. @font-face {font-family:"stars";src:url("http://static.tumblr.com/yieloe2/JjLmp78ro/starsfromoureyes.ttf");}
  455.  
  456. @font-face {font-family:"Aderyn";src:url(http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf);}
  457.  
  458.  
  459.  
  460.  
  461.  
  462.  
  463.  
  464.  
  465.  
  466.  
  467.  
  468.  
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481.  
  482.  
  483.  
  484.  
  485.  
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495. {CustomCSS}</style></head><body>
  496.  
  497.  
  498.  
  499.  
  500.  
  501. <center><title>Message Me!</title></center>
  502. <div id="asktitlee"><center>Hover for my ask box!</center>
  503. <br> <br> <br> <div style="padding:0px;margin-top:"-50px;"><br><br><p></font><iframe frameborder="0" scrolling="no" " width="500" height="200" src="http://www.tumblr.com/ask_form/fetchinqtacos.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></div>
  504. </center></div></iframe></div> </div>
  505.  
  506. </center></div>
  507.  
  508. </div>
  509.  
  510.  
  511. <div id="you"><br>
  512. <center><bling>I will:</bling></center><br>
  513. Hey, alright so this is where you write all that boring I will stuff. you guys are fab!! okay okay, I hope you got that I am going before you guys get tired.<br><br> yeah so this ask layout took me forever so please be kind to it.<br><br>the links were from tbhtaco's layout but I heavily edited them.<br><br> you can fill this up and whatever because there is a scrollbar (YAY!)
  514. </div>
  515.  
  516. <div id="are"><br>
  517. <center><bling>I won't:</bling></center><br>
  518. So this is the most important box of all, the "I won't" box, is it me, or do people never read this box, and you get the same old questions "can you promo me" ugh. <br><br>again this has a scrollbar so you can fill this up to your hearts content. <br><br> this has a different background, so maybe people will notice it more. If you are good at html you can change the color of the scrollbar if you don't like it.
  519. </div>
  520.  
  521. <div id="fab"><br>
  522. <center><bling>About me & FAQ:</bling></center><br>
  523. okay guys, so this can either be about you or a faq box, or both!! If you are good at html you can just change the title if you want it to be about me or a faq.<br><br> this box has a scrollbar so you can fill it up.<br><br> okay guys, I spent ages on this ask layout so please keep the credit and don't remove it because I will hunt you down and yeah, it won't be pretty.
  524. </div>
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532.  
  533.  
  534. <div id="description">
  535. </div>
  536.  
  537. <div id="sidebar">
  538. </div>
  539.  
  540.  
  541. <div id="lace1"></div>
  542. <div id="lace2"></div>
  543.  
  544.  
  545.  
  546.  
  547. <div id="link1"><a href="/">Back To Blog</a> </div>
  548. <div id="link2"><a href="http://tumblr.com/dashboard">Dashboard</a> </div>
  549. <div id="link3"><a href="{text:navigation page}">Links</a> </a> </div>
  550. <div id="link4"><a href="http://themesby-two.tumblr.com/">Credit</a> </div>
  551.  
  552. </div>
  553.  
  554.  
  555.  
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564. <div id="sidebarpicture">
  565. <img src="http://25.media.tumblr.com/56c3128f417676bc02cf863aee5e0170/tumblr_mscs6gNae51rbro7ro1_500.jpg" style="background:white;border-radius:360px; margin-left:-250px; margin-top:-120px;width:150px; padding:0px; border:3px double #fff;height:150px;z-index:99999999999;"></a></div>
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587. </body>
  588.  
  589.  
  590. <!-- PLEASE DO NOT REMOVE, ALL WORK IS COPY RIGHTED -->
  591. <div style="position:fixed; bottom:3px; right:3px; background:#ccc; border: 1px solid #ccc; padding: 2px; font-size: 15px; line-height: 10px;"><a href="http://themesby-two.tumblr.com" title="ThemesByTwo!">≈</a>
  592. <!-- PLEASE DO NOT REMOVE, ALL WORK IS COPY RIGHTED -->
  593. </html>
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!