Advertisement
Alliecatisallama

CURRENTLY DOING TABLE

Mar 26th, 2013
123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.39 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.  
  3.  
  4. <!-- TO DO/ CURRENLTY WATCHING PAGE BY ALLIECATISALLAMA. PLEASE DO NOT REMOVE THE CREDIT OR CLAIM AS YOUR OWN -->
  5.  
  6. <!-- TO ADD NEW CATERGORIES: COPY THE CODE BETWEEN "TYPE TITLE START" AND "TYPE TITLE END" AND THEN CHANGE THE TITLE.
  7.  
  8. TO ADD NEW BOOKS/MOVIES/TV SHOWS: COPY THE CODE BETWEEN "TYPE ONE START" AND "TYPE ONE END" TO ADD ONE AND JUST EDIT THE CODE.
  9.  
  10. YOU MAY NEED BASIC HTML CODE SKILLS TO CHANGE THE COLOUR OF THE TITLES AND SUCH AS IT IS TOO HARD TO EXPLAIN.
  11. -->
  12.  
  13.  
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17. <head>
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <meta name="description" content="" />
  24.  
  25.  
  26.  
  27.  
  28. <style type="text/css">
  29.  
  30. ::-webkit-scrollbar-thumb:vertical {background-color: #000; height: 10px;}
  31. ::-webkit-scrollbar-thumb:horizontal {background-color: #000; height:10px!important;}
  32. ::-webkit-scrollbar {background-color: #fff; height:10px; width:5px;}
  33.  
  34. body {
  35. background: #ffffff;
  36. font-size: 16px;
  37. color: #101010;
  38. font-family: 'Arial', sans-serif;
  39.  
  40. }
  41.  
  42.  
  43. a:link, a:active, a:visited {
  44. color: #101010;
  45. text-decoration: none;
  46. }
  47.  
  48. a:hover {
  49. color: #101010;
  50. text-decoration: none;
  51. }
  52.  
  53. b {
  54. color: #101010;
  55. }
  56.  
  57. #navlinks {
  58. width: 100%;
  59. margin-top:-10px;
  60. margin-left:-10px;
  61. padding:50px;
  62. position: relative;
  63. font-family: arial;
  64. font-size: 10px;
  65. text-align: center;
  66. background: #000000;
  67. color: #ffffff;
  68. }
  69.  
  70. #navlinks a {
  71. display: inline-block;
  72. background: #ffffff;
  73. color: #323934;
  74. text-decoration: none;
  75. font-weight: normal;
  76. text-transform: uppercase;
  77. text-align: center;
  78. padding: 3px 4px;
  79. margin: 2px;
  80. }
  81.  
  82. #container {
  83. width: 980px;
  84. margin: auto;
  85. padding-left: 10px;
  86. }
  87.  
  88. .stylewrap {
  89. float: left;
  90. width: 230px;
  91. height: 140px;
  92. background: transparent;
  93. overflow: hidden;
  94. position: relative;
  95. text-align: center;
  96. margin-right: 10px;
  97. margin-bottom: 10px;
  98. }
  99.  
  100. .image {
  101. float: left;
  102. width: 75px;
  103. height: 110px;
  104. position: relative;
  105. background: #e4e4e4;
  106. }
  107.  
  108. .image img {
  109. width: 75px;
  110. height: 110px;
  111. }
  112.  
  113. .desc {
  114. float: left;
  115. width: 135px;
  116. height: 90px;
  117. padding: 10px;
  118. background: #e4e4e4;
  119. font-family: arial;
  120. font-size: 10px;
  121. text-align: left;
  122. overflow: auto;
  123. }
  124.  
  125. .title1 {
  126. float: left;
  127. width: 250px;
  128. padding: 5px 0px;
  129. background: #000000;
  130. color:#ffffff;
  131. font-family: arial;
  132. font-size: 12px;
  133. line-height: 150%;
  134. text-transform: uppercase;
  135. text-align: center;
  136. }
  137.  
  138.  
  139. .typetitle1 {
  140. float: left;
  141. width: 940px;
  142. padding: 5px 5px;
  143. background: #000000;
  144. font-family: arial;
  145. color:#ffffff;
  146. font-size: 12px;
  147. line-height: 150%;
  148. text-transform: uppercase;
  149. text-align: left;
  150. margin-bottom:10px;
  151. }
  152.  
  153.  
  154. </style>
  155.  
  156. </head>
  157.  
  158. <body>
  159.  
  160. <div id="navlinks">
  161. <div style="font-size:15px; ">TO DO / CURRENTLY DOING LIST<br></div>
  162. <a href="/">home</a>
  163. <a href="/ask">ask</a>
  164. <a href="http://alliecatisallama.tumblr.com/">credit</a>
  165.  
  166. <br><br>
  167. This is the description
  168. </div>
  169. <br>
  170. <div id="container">
  171.  
  172. <!-- TYPE TITLE START -->
  173. <div class="typetitle1"><em>TYPE TITLE (EG: BOOKS/TV SHOWS/MOVIES)</em></div>
  174. <!-- TYPE TITLE END -->
  175.  
  176. <!-- TYPE ONE START -->
  177. <div class="stylewrap">
  178. <div class="title1">NAME</div>
  179. <div class="image"><img src="http://placehold.it/75x110"></div>
  180. <div class="desc">
  181. <b> AUTHOR: </b> AUTHOR NAME<br>
  182. <b> STATUS: </b> YOUR STATUS<br>
  183. </div>
  184.  
  185. </div>
  186. <!-- TYPE ONE END -->
  187.  
  188. <!-- TYPE TWO START -->
  189. <div class="stylewrap">
  190. <div class="title1">NAME</div>
  191. <div class="image"><img src="http://placehold.it/75x110"></div>
  192. <div class="desc">
  193. <b> AUTHOR: </b> AUTHOR NAME<br>
  194. <b> STATUS: </b> YOUR STATUS<br>
  195. </div>
  196.  
  197. </div>
  198. <!-- TYPE TWO END -->
  199.  
  200. <!-- TYPE THREE START -->
  201. <div class="stylewrap">
  202. <div class="title1">NAME</div>
  203. <div class="image"><img src="http://placehold.it/75x110"></div>
  204. <div class="desc">
  205. <b> AUTHOR: </b> AUTHOR NAME<br>
  206. <b> STATUS: </b> YOUR STATUS<br>
  207. </div>
  208.  
  209. </div>
  210. <!-- TYPE THREE END -->
  211.  
  212. <!-- TYPE FOUR START -->
  213. <div class="stylewrap">
  214. <div class="title1">NAME</div>
  215. <div class="image"><img src="http://placehold.it/75x110"></div>
  216. <div class="desc">
  217. <b> AUTHOR: </b> AUTHOR NAME<br>
  218. <b> STATUS: </b> YOUR STATUS<br>
  219. </div>
  220.  
  221. </div>
  222. <!-- TYPE FOUR END -->
  223.  
  224. </div>
  225.  
  226.  
  227. </body>
  228. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement