Advertisement
karenok

Crew page #1

May 4th, 2013
1,291
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.29 KB | None | 0 0
  1. <!--
  2. Theme by cheshirekiddo. Dont remove the credit ot ill kick you in your no no places.
  3. -->
  4.  
  5. <head>
  6.  
  7.  
  8. <link rel="shortcut icon" href="{favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{rss}">
  10.  
  11. <style type="text/css">
  12.  
  13. body
  14. {font-family: times;
  15. font-size: 11px;
  16. color: #000;
  17. background-position: fixed;
  18. background-attachment:fixed;
  19. background-repeat:repeat;
  20. background-color:#fff;}
  21.  
  22. a:link, a:active, a:visited{
  23. color: #777777;
  24. text-decoration: none;
  25.  
  26. }
  27.  
  28.  
  29.  
  30.  
  31.  
  32. #all {
  33. margin:30;
  34. margin-left:30%;
  35. }
  36.  
  37. #pannel {
  38. width:180px;
  39. height:170px;
  40. padding:0px;
  41. background-color:#fff;
  42. }
  43.  
  44. #poster {
  45. width:120px;
  46. height:120px;
  47. margin-top:10px;
  48. position: fixed;
  49. background-color:#fff;
  50. }
  51.  
  52. #poster img {
  53. width:120px;
  54. height:120px;
  55. border:1px solid #ddd;
  56. padding:6px;
  57. }
  58.  
  59.  
  60. #about {
  61. text-align:center;
  62. padding:10px;
  63. padding-top:3px;
  64. margin-bottom:20px;
  65. position:absolute;
  66. width:110px;
  67. height:10px;
  68. border:2px solid #f0f0f0;
  69. font-family: arial;
  70. opacity:0;
  71. font-size:9px;
  72. background:white;
  73. color:#000;
  74.  
  75. }
  76.  
  77. #pannel:hover #about {
  78. opacity:.98;
  79. margin-top:0px;
  80. height:115px;
  81. -webkit-transition: all 0.5s ease-out;
  82. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  83. }
  84.  
  85. #name {
  86. font-family: times new roman;
  87. font-size:10px;
  88. text-align:center;
  89. text-transform:lowercase;
  90. }
  91.  
  92.  
  93. #top {
  94. width:550px;
  95. height:auto;
  96. font-family: calibri;
  97. font-size:11px;
  98. margin-left: 30.5%;
  99. line-height:18px;
  100. padding:2px;
  101. margin-top: 20px;
  102. text-align:center;
  103. text-transform:lowercase;
  104. background-color:#fff;
  105. }
  106.  
  107. #admin {
  108. font-size: 12px;
  109. color:#000;
  110. font-family: lucida bright;
  111. letter-spacing: 2px;
  112. text-align: align text left;
  113. padding: 2 3 2 3;
  114. width: 120px;
  115. position: fixed;
  116. margin-top: -5px;
  117. }
  118.  
  119. .header {
  120. height:20px;
  121. color:#000;
  122. font-family: lucida bright;
  123. font-size: 30px;
  124. text-align:center;
  125. letter-spacing:1px;
  126. text-transform:lowercase;
  127. padding:5px 10px;
  128. margin:0px;
  129. }
  130.  
  131. .header a {
  132. color:#eeeeee;
  133. text-decoration:none;
  134. }
  135.  
  136.  
  137.  
  138. </style>
  139.  
  140.  
  141. <div id="border-top"></div>
  142.  
  143.  
  144.  
  145. </div>
  146. <div id="top">
  147. <div class="header">{Title}</div>
  148.  
  149. <a href="http://YOURURL.tumblr.com/">home</a> /
  150. <a href="http://YOURURL.tumblr.com/ask">ask</a> /
  151. <a href="http://www.tumblr.com/dashboard">dash</a>
  152.  
  153. </div>
  154.  
  155. <table id="all" border="0" cellpadding="0" cellspacing="20">
  156.  
  157.  
  158. <!-- start of 1st column-->
  159. <!--start 1st pannel-->
  160. <td><div id="pannel">
  161. <div id="poster">
  162. <div id="admin"><a href="http://inspiredbylou.tumblr.com/"> name </a></div><!--name of the member-->
  163. <p>
  164. <div id="about">
  165. <div id="name"><p><!--- description goes here-->
  166. put your description here<p>
  167. it looks better if it's longer ok<p>
  168. </div>
  169. </div>
  170. <img width="120px" src="http://25.media.tumblr.com/150d7ba1379ed6fd31fc517a473a9896/tumblr_mma3v2Qsip1rxop3bo1_500.jpg"/><!--replace this url with the image url you want to use-->
  171. </div>
  172.  
  173. </div></td>
  174. <!--end 2st pannel-->
  175.  
  176.  
  177.  
  178. <!--start 2nd pannel-->
  179. <td><div id="pannel">
  180. <div id="poster">
  181. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  182. <p>
  183. <div id="about">
  184. <div id="name"><p>description here</div><!--- description goes here-->
  185. </div>
  186. <img width="120px" src="http://25.media.tumblr.com/150d7ba1379ed6fd31fc517a473a9896/tumblr_mma3v2Qsip1rxop3bo1_500.jpg"/><!--replace this url with the image url you want to use-->
  187. </div>
  188.  
  189. </div></td>
  190. <!--end 2nd pannel-->
  191.  
  192.  
  193. <!--start 3rd pannel-->
  194. <td><div id="pannel">
  195. <div id="poster">
  196. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  197. <p>
  198. <div id="about">
  199. <div id="name"><p>description here</div><!--- description goes here-->
  200. </div>
  201. <img width="120px" src="http://25.media.tumblr.com/150d7ba1379ed6fd31fc517a473a9896/tumblr_mma3v2Qsip1rxop3bo1_500.jpg"/><!--replace this url with the image url you want to use-->
  202. </div>
  203.  
  204. </div></td>
  205. <!--end of 3rd pannel-->
  206. <!-- end of 1st column-->
  207.  
  208. <tr>
  209.  
  210. <!--- start of 2nd column-->
  211. <!--start 1st pannel-->
  212. <td><div id="pannel">
  213. <div id="poster">
  214. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  215. <p>
  216. <div id="about">
  217. <div id="name"><p>description here</div><!--- description goes here-->
  218. </div>
  219. <img width="120px" src="http://25.media.tumblr.com/150d7ba1379ed6fd31fc517a473a9896/tumblr_mma3v2Qsip1rxop3bo1_500.jpg"/><!--replace this url with the image url you want to use-->
  220. </div>
  221.  
  222. </div></td>
  223. <!--end 1st pannel-->
  224.  
  225.  
  226.  
  227.  
  228. <!--start 2nd pannel-->
  229. <td><div id="pannel">
  230. <div id="poster">
  231. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  232. <p>
  233. <div id="about">
  234. <div id="name"><p>description here</div><!--- description goes here-->
  235. </div>
  236. <img width="120px" src="http://25.media.tumblr.com/150d7ba1379ed6fd31fc517a473a9896/tumblr_mma3v2Qsip1rxop3bo1_500.jpg"/><!--replace this url with the image url you want to use-->
  237. </div>
  238.  
  239. </div></td>
  240. <!--end 2nd pannel-->
  241.  
  242.  
  243.  
  244. <!--start 3rd pannel-->
  245. <td><div id="pannel">
  246. <div id="poster">
  247. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  248. <p>
  249. <div id="about">
  250. <div id="name"><p>description here</div><!--- description goes here-->
  251. </div>
  252. <img width="120px" src="http://25.media.tumblr.com/150d7ba1379ed6fd31fc517a473a9896/tumblr_mma3v2Qsip1rxop3bo1_500.jpg"/><!--replace this url with the image url you want to use-->
  253. </div>
  254.  
  255. </div></td>
  256. <!--end of 3rd pannel-->
  257. <!-- end of 2nd column-->
  258.  
  259. <!-- to add more columns, copy everything from <tr> of the first pannel to </td> of the third pannel!
  260. if you need help adding more columns or with anything in this code please ask-->
  261.  
  262. </table>
  263.  
  264.  
  265. <div style="font-size: 8px; font-family: times new roman; font-style:italic;letter-spacing: 1px; float: left; position: fixed; padding: 2 4 2 4; bottom: 13px; right: 14px; background: #f0f0f0; border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-left:1px solid #DADADA; border-bottom:1px solid #DADADA;text-transform:lowercase;"><a href="http://cheshirekiddo.tumblr.com/">C R E D I T</a></div>
  266.  
  267. </body>
  268. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement