API tools faq
paste
Advertisement
letsrp

Texas Sky - About Me

letsrp
Mar 24th, 2013
619
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!--
  4. Code by letsrp | tumblr
  5.  
  6. - MAKE SURE TO CHANGE THE ASKBOX URL.
  7. - SIDE BAR IMAGE 250 X 250
  8.  
  9. if you steal this i will hurt you.
  10. i'm mexican jsyk.
  11. -->
  12.  
  13. <html>
  14. <head>
  15. <script type='text/javascript' src='http://code.jquery.com/jquery.min.js'></script>
  16. <script type='text/javascript'>
  17. $(function(){ function selectTab(tab){ var i=1; while($('#tab'+i).length){ if(tab.attr('id')!=='tab'+i){ $('#tab'+i).removeClass('highlight'); $('#tab'+i+'-content').hide(); } else { tab.addClass('highlight'); $('#tab'+i+'-content').show(); } i++; }} $('#tab1').addClass('highlight'); $('.daddy').each(function(){ $(this).click(function(){ selectTab($(this)); });});});</script>
  18.  
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}" />
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  23. <link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
  24. <style type="text/css">
  25.  
  26. ::-webkit-scrollbar-thumb{
  27. background-color: #c1dfe6; /*change scrollbar color*/
  28. }
  29.  
  30. ::-webkit-scrollbar{
  31. width:4px;
  32. height: 4px;
  33. background: #eee; /*change scrollbar bg color*/
  34. }
  35.  
  36. body{
  37. color:#424242; /*change font color*/
  38. background-attachment:fixed;
  39. background-color:#fff;
  40. background-image: url('http://24.media.tumblr.com/fc72c25f9c33dfbdda6e89b3c2230217/tumblr_mk32woneR81r24l6ro3_250.png'); /*change bg image*/
  41. text-align:justify;
  42. }
  43.  
  44. a{
  45. background:#fff; /*change white linkbars*/
  46. color:#2e5e7d; /*change color of blue links*/
  47. font-size:10px;
  48. text-transform:uppercase;
  49. font-family:'Questrial';
  50. padding:3px;
  51. text-decoration:none;
  52. }
  53.  
  54. a:hover{
  55. color:#000; /*change hover color of blue links*/
  56. }
  57.  
  58.  
  59. #side {
  60. width:250px;
  61. height:270px;
  62. background-color:#a9cfd7; /*change bg color of side*/
  63. margin-top:160px;
  64. margin-left:-500px;
  65. padding:5px;
  66. text-align:left;
  67. font-family:arial;
  68. font-size:14px;
  69. box-shadow:0px 0px 5px #85a8b0; /*change box shadow color*/
  70. }
  71.  
  72.  
  73. #picimage {
  74. margin: 0px 0 0px 0;
  75. text-align:center;
  76. }
  77.  
  78. #picimage img {
  79. margin-top:0px;
  80. width:250px;
  81. height:250px;
  82. text-align:center;
  83. margin-left:0px ;
  84. }
  85.  
  86.  
  87. #main {
  88. width:455px;
  89. height:370px;
  90. background-color:#a9cfd7; /*change bg color of about me section*/
  91. margin-top:-330px;
  92. margin-left:310px;
  93. padding:5px;
  94. text-align:left;
  95. font-family:arial;
  96. font-size:10px;
  97. box-shadow:0px 0px 5px #85a8b0; /*change box shadow color*/
  98. }
  99.  
  100.  
  101. .daddy {
  102. display:inline;
  103. border-bottom:0px;
  104. margin-right:10px;
  105. cursor:pointer;
  106. }
  107.  
  108. .tab-content {
  109. text-align:justify;
  110. padding:5px;
  111. display: none; /* do not remove this */
  112. }
  113.  
  114. #tab1-content {
  115. display: block;
  116. } /* do not remove this */
  117.  
  118. .highlight {
  119. background-color:none;
  120. }
  121.  
  122. #tab-strip {
  123. list-style: none outside none;
  124. margin-right:0px;
  125. padding:0px;
  126. display:block;
  127. color:#fff; /* change white roman numerals */
  128. background-color:none;
  129. text-transform:uppercase;
  130. }
  131.  
  132. #tab-strip a {
  133. text-decoration: none;
  134. }
  135.  
  136. .sidebarheader {
  137. font-family: 'whoa', cursive;
  138. font-size:30px;
  139. line-height:45px;
  140. text-transform:lowercase;
  141. color:#fff; /* change white about me headers */
  142. text-align:center;
  143. text-shadow:1px 2px 0px #4f7781;/* change about me headers blue shadow */
  144. }
  145.  
  146. @font-face {font-family: "whoa"; src: url('http://static.tumblr.com/pwgdr2n/P7mm3isl4/whoadna.ttf'); }
  147.  
  148. .yolo {
  149. font-family: 'questrial';
  150. font-size:11px;
  151. line-height:17px;
  152. text-align:center;
  153. text-transform:uppercase;
  154. color:#000;
  155. font-weight:none;
  156. background-color:#fff;/* change white details bg */
  157. }
  158.  
  159. big{font-size:14px;}
  160. small{font-size:9px;}
  161. b{color:#28788a;}/* change bold color */
  162. i{color:#28788a;}/* change italics color */
  163. blockquote{
  164. margin-left:20px;
  165. text-align:center;
  166. border-left:2px solid #28788a;
  167. padding:2px;
  168. color:#fff;
  169. }
  170.  
  171.  
  172. {CustomCSS}
  173. </style>
  174. </head>
  175. <body>
  176. <center>
  177.  
  178. <div id="side">
  179. <div id="picimage"><img src="250X250 IMAGE"/></div>
  180.  
  181. <center>
  182.  
  183.  
  184. <div id='tab-strip'>
  185. <span class="info_line"><li id='tab1' class='daddy'>i.</li>
  186. <span class="info_line"><li id='tab2' class='daddy'>ii.</li>
  187. <span class="info_line"><li id='tab3' class='daddy'>iii.</li>
  188. <span class="info_line"><li id='tab4' class='daddy'>iv.</li>
  189. <span class="info_line"><li id='tab5' class='daddy'>v.</li></div>
  190. </div></div></div></div>
  191.  
  192. <div id="main">
  193. <table cellspacing="0" cellpadding="0" style="width:450px; height:500px; background-color:;">
  194.  
  195. <td style="width:177px;" valign="top">
  196. <div id='tab1-content' class='tab-content'>
  197.  
  198.  
  199. <!-- BIO SECTION -->
  200. <div class="sidebarheader">About Me</div>
  201. <div style="width:400px; height:285px; margin-left:17px;overflow:auto; font-size:12px;font-family:verdana; border:1px dotted #fff;padding:5px;">
  202.  
  203. BIOGRAPHY HERE.
  204.  
  205.  
  206. </div>
  207. <center>
  208. <a freh="/">go back</a>
  209. <a freh="/">roleplay</a>
  210. <a freh="/">other link</a>
  211.  
  212. </div>
  213. <div id='tab2-content' class='tab-content'>
  214.  
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225. <!-- DETAILS SECTION -->
  226. <div class="sidebarheader">details</div>
  227. <div style="width:400px; height:285px; margin-left:17px;overflow:auto; font-size:11px;font-family:verdana;padding:5px;text-align:center; ">
  228.  
  229. <div class="yolo">Full Name:</div> YUP <br>
  230. <div class="yolo">Nickname(s):</div> YUP <br>
  231. <div class="yolo">Age:</div> YUP <br>
  232. <div class="yolo">Occupation:</div> YUP <br>
  233. <div class="yolo">Date Of Birth:</div> YUP <br>
  234. <div class="yolo">Hometown:</div> YUP <br>
  235. <div class="yolo">Residence:</div> YUP <br>
  236. <div class="yolo">Hair Color:</div> YUP <br>
  237. <div class="yolo">Eye Color:</div> YUP <br>
  238. <div class="yolo">Height/Weight:</div> YUP <br>
  239. <div class="yolo">Relationship Status:</div> YUP <br>
  240. <div class="yolo">Family:</div> YUP <br>
  241.  
  242.  
  243. </div></div>
  244. <div id='tab3-content' class='tab-content'>
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259. <!-- RELATIONSHIP SECTION -->
  260. <div class="sidebarheader">relationships</div>
  261. <div style="width:400px; height:285px; margin-left:17px;overflow:auto; font-size:10px;font-family:verdana;padding:5px;">
  262.  
  263. <!-- FRIEND #1 -->
  264. <div><img src="100X100IMAGE" align="left" hspace="3" vspace="3" />
  265. <center>
  266. <a href="/">txt msg</a>
  267. <a href="/">pictures</a>
  268. <a href="/">blog</a> <br>
  269. </center>
  270.  
  271. ABOUT FRIEND HERE
  272.  
  273. </div><br>
  274.  
  275. <!-- FRIEND #2 -->
  276. <div><img src="100X100IMAGE" align="left" hspace="3" vspace="3" />
  277. <center>
  278. <a href="/">txt msg</a>
  279. <a href="/">pictures</a>
  280. <a href="/">blog</a><br>
  281. </center>
  282.  
  283. ABOUT FRIEND HERE
  284.  
  285. </div><br>
  286.  
  287.  
  288. </div></div>
  289. <div id='tab4-content' class='tab-content'>
  290.  
  291.  
  292.  
  293.  
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304. <!-- PARA TRACKER SECTION -->
  305. <div class="sidebarheader">para tracker</div>
  306. <div style="width:400px; height:285px; margin-left:17px;overflow:auto; font-size:12px;font-family:verdana; border:1px dotted #fff;padding:5px; text-align:left;text-transform:uppercase;">
  307.  
  308. <p>✦ NAME OF PARA;<a href="/"> Character Names </a></p>
  309. <p>✦ NAME OF PARA;<a href="/"> Character Names </a></p>
  310. <p>✦ NAME OF PARA;<a href="/"> Character Names </a></p>
  311.  
  312.  
  313. </div></div>
  314. <div id='tab5-content' class='tab-content'>
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324.  
  325.  
  326.  
  327.  
  328.  
  329.  
  330.  
  331. <!-- ASKBOX SECTION -->
  332. <div class="sidebarheader">ask me anything</div>
  333. <div style="width:400px; height:285px; margin-left:17px;overflow:auto; font-size:12px;font-family:verdana;padding:5px;">
  334.  
  335. <iframe frameborder="0" height="280" id="ask_form" src="http://www.tumblr.com/ask_form/TUMBLR USERNAME.tumblr.com" width="100%"></iframe>
  336. <script type="text/javascript"><![CDATA[// <![CDATA[
  337. // <![CDATA[
  338. // <![CDATA[
  339. // <![CDATA[
  340. // <![CDATA[
  341. // <![CDATA[
  342. // <![CDATA[
  343. // <![CDATA[
  344. document.getElementById(‘ask_form’).allowTransparency=true;
  345. // ]]]]]]]]]]]]]]]]]]><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[>
  346. // ]]]]]]]]]]]]]]]]><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[>
  347. // ]]]]]]]]]]]]]]><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[>
  348. // ]]]]]]]]]]]]><![CDATA[><![CDATA[><![CDATA[><![CDATA[><![CDATA[>
  349. // ]]]]]]]]]]><![CDATA[><![CDATA[><![CDATA[><![CDATA[>
  350. // ]]]]]]]]><![CDATA[><![CDATA[><![CDATA[>
  351. // ]]]]]]><![CDATA[><![CDATA[>
  352. // ]]]]><![CDATA[>]]></script>
  353. </div></div></td></tr></table></div>
  354.  
  355. </div>
  356. </div>
  357. </div>
  358. </div>
  359. </div>
  360. </div>
  361. </body>
  362. <div style="position:fixed; bottom:3px; right:5px;font-family:arial; font-size:9px;"><a href="http://letsrp.tumblr.com">©</a>
  363. </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!