API tools faq
paste
Advertisement
Alliecatisallama

Tags Page 2

Alliecatisallama
Sep 22nd, 2012
613
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.99 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. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. Tags masterlist 2
  8. Made by Alliecatisallama. Please do not remove credit.
  9.  
  10. You will need to know some basics of coding as the circles may move when you add your tags so you'll need to put them back into place! I'm trying to fix this, but I need time.
  11.  
  12. The background isn't working as of right now either, if you figure it out please tell me because It'll help!
  13.  
  14. This works better if you have enough links for all six circles, which is one of the downsides.
  15.  
  16. Optional of 9 links per circle!
  17.  
  18. Sorry the circle bits don't have any information on how to add, but I guess it's pretty simple.
  19.  
  20. Please do not steal my code I spent my Saturday night working on it for ages and I'm very proud of it although It's not exactly finished, I just decided that I'll put it up now and I'll eventually re-do some of it!
  21.  
  22. -->
  23.  
  24. <head>
  25.  
  26. <style type="text/css">
  27. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic' rel='stylesheet' type='text/css'>
  28. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  29. <title>{Title}</title>
  30. <link rel="shortcut icon" href="{Favicon}">
  31.  
  32. <style type="text/css">
  33.  
  34. /* Body */
  35.  
  36. body{
  37. background-image: url('URL HERE');
  38. background-attachment: fixed;
  39. background-color: #d9e1e1;
  40. }
  41.  
  42. /* MAIN CONTENT */
  43. #container {
  44. width: 600px;
  45. margin: auto;
  46. font-family: Arial;
  47. font-size: 10px;
  48. color: #232826;
  49. text-transform: uppercase;
  50. letter-spacing: 2px;
  51. }
  52.  
  53. /* HEADER */
  54. #header {
  55. font-family: 'Source Sans Pro', sans-serif;
  56. font-size: 30px;
  57. color: #232826;
  58. text-transform: uppercase;
  59. text-align: center;
  60. margin-bottom: 10px;
  61. letter-spacing: 4px;
  62. position: relative;
  63. background-color: #f4f5f5;
  64. height: 40px;
  65. width: 700px;
  66. margin-left: -60px;
  67. margin-top: 20px;
  68. }
  69.  
  70.  
  71. .circle1 {width: 200px;
  72. height: 200px;
  73. -webkit-border-radius: 380x;
  74. -moz-border-radius: 380px;
  75. border-radius: 230px;
  76. background-color: #f4f5f5;
  77. margin-left: -25px;
  78. margin-top: 55px;
  79. font-family: Arial;
  80. text-transform: uppercase;
  81. text-align: center;
  82. font-size: 15px;
  83. color: #1d1e21;}
  84.  
  85. .circle2 {width: 200px;
  86. height: 200px;
  87. -webkit-border-radius: 380x;
  88. -moz-border-radius: 380px;
  89. border-radius: 230px;
  90. background-color: #f4f5f5;
  91. margin-left: 210px;
  92. margin-top: -90px;
  93. font-family: Arial;
  94. text-transform: uppercase;
  95. text-align: center;
  96. font-size: 15px;
  97. color: #1d1e21;}
  98.  
  99. .circle3 {width: 200px;
  100. height: 200px;
  101. -webkit-border-radius: 380x;
  102. -moz-border-radius: 380px;
  103. border-radius: 230px;
  104. background-color: #f4f5f5;
  105. margin-left: 210px;
  106. margin-top: -90px;
  107. font-family: Arial;
  108. text-transform: uppercase;
  109. text-align: center;
  110. font-size: 15px;
  111. color: #1d1e21;}
  112.  
  113. .circle4 {width: 200px;
  114. height: 200px;
  115. -webkit-border-radius: 380x;
  116. -moz-border-radius: 380px;
  117. border-radius: 230px;
  118. background-color: #f4f5f5;
  119. margin-left: -420px;
  120. margin-top: 130px;
  121. font-family: Arial;
  122. text-transform: uppercase;
  123. text-align: center;
  124. font-size: 15px;
  125. color: #1d1e21;}
  126.  
  127. .circle5 {width: 200px;
  128. height: 200px;
  129. -webkit-border-radius: 380x;
  130. -moz-border-radius: 380px;
  131. border-radius: 230px;
  132. background-color: #f4f5f5;
  133. margin-left: 210px;
  134. margin-top: -170px;
  135. font-family: Arial;
  136. text-transform: uppercase;
  137. text-align: center;
  138. font-size: 15px;
  139. color: #1d1e21;}
  140.  
  141. .circle6 {width: 200px;
  142. height: 200px;
  143. -webkit-border-radius: 380x;
  144. -moz-border-radius: 380px;
  145. border-radius: 230px;
  146. background-color: #f4f5f5;
  147. margin-left: 210px;
  148. margin-top: -85px;
  149. font-family: Arial;
  150. text-transform: uppercase;
  151. text-align: center;
  152. font-size: 15px;
  153. color: #1d1e21;}
  154.  
  155. a {
  156. color: #232826;
  157. text-decoration: none;
  158. }
  159.  
  160. #theme {
  161. position: fixed;
  162. bottom: 5px;
  163. right: 5px;
  164. font-family: Arial;
  165. font-size: 8px;
  166. text-transform: uppercase;
  167. text-align: right;
  168. letter-spacing: 1px;
  169. }
  170.  
  171.  
  172. </style>
  173. </head>
  174.  
  175. <body>
  176. <div id="container">
  177. <div id="header">tags - <a href="/"> home </a> - <a href="/ask"> Ask </a></div>
  178.  
  179.  
  180. <div class="circle1"><b><u>Tag Head #1</u></b>
  181. </br>&rarr; <a href="/"><small> Tag 1 </small></a>
  182. </br>&rarr; <a href="/"><small> Tag 2 </small></a>
  183. </br>&rarr; <a href="/"><small> Tag 3 </small></a>
  184. </br>&rarr; <a href="/"><small> Tag 4 </small></a>
  185. </br>
  186.  
  187.  
  188.  
  189. <div class="circle2"><b><u>Tag Head #2</u></b>
  190. </br>&rarr; <a href="/"><small> Tag 1 </small></a>
  191. </br>&rarr; <a href="/"><small> Tag 2 </small></a>
  192. </br>&rarr; <a href="/"><small> Tag 3 </small></a>
  193. </br>&rarr; <a href="/"><small> Tag 4 </small></a>
  194. </br>
  195.  
  196.  
  197.  
  198. <div class="circle3"><b><u>Tag Head #3</u></b>
  199. </br>&rarr; <a href="/"><small> Tag 1 </small></a>
  200. </br>&rarr; <a href="/"><small> Tag 2 </small></a>
  201. </br>&rarr; <a href="/"><small> Tag 3 </small></a>
  202. </br>&rarr; <a href="/"><small> Tag 4 </small></a>
  203. </br>
  204.  
  205.  
  206.  
  207. <div class="circle4"><b><u>Tag Head #4</u></b>
  208. </br>&rarr; <a href="/"><small> Tag 1 </small></a>
  209. </br>&rarr; <a href="/"><small> Tag 2 </small></a>
  210. </br>&rarr; <a href="/"><small> Tag 3 </small></a>
  211. </br>&rarr; <a href="/"><small> Tag 4 </small></a>
  212. </br>&rarr; <a href="/"><small> Tag 5 </small></a>
  213. </br>&rarr; <a href="/"><small> Tag 6 </small></a>
  214. </br>&rarr; <a href="/"><small> Tag 7 </small></a>
  215. </br>&rarr; <a href="/"><small> Tag 8 </small></a>
  216. </br>&rarr; <a href="/"><small> Tag 9 </small></a>
  217. </br>
  218.  
  219.  
  220.  
  221. <div class="circle5"><b><u>Tag Head #5</u></b>
  222. </br>&rarr; <a href="/"><small> Tag 1 </small></a>
  223. </br>&rarr; <a href="/"><small> Tag 2 </small></a>
  224. </br>&rarr; <a href="/"><small> Tag 3 </small></a>
  225. </br>&rarr; <a href="/"><small> Tag 4 </small></a>
  226. </br>
  227.  
  228.  
  229. <div class="circle6"><b><u>Tag Head #6</u></b>
  230. </br>&rarr; <a href="/"><small> Tag 1</small></a>
  231. </br>&rarr; <a href="/"><small> Tag 2 </small></a>
  232. </br>&rarr; <a href="/"><small> Tag 3 </small></a>
  233. </br>&rarr; <a href="/"><small> Tag 4 </small></a>
  234. </br>
  235.  
  236.  
  237.  
  238.  
  239. <div id="theme"><a href="http://alliecatisallama.tumblr.com/"><img src="http://i1065.photobucket.com/albums/u386/AHT_Livingston/Untitled-2.png?t=1344121641"></a></div>
  240.  
  241. </body>
  242. </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!