rawwrthemes

rawwricons theme 2 (network theme) *update 3*

Jun 6th, 2013
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.96 KB | None | 0 0
  1. <!--network theme base code by mady, or inspiredbylou-->
  2. <!--editing by rawwricons | strangers-in-a-paradise-->
  3.  
  4. <head>
  5.  
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{rss}">
  9. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  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: times;
  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: times new roman;
  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: times new roman;
  111. letter-spacing: 1px;
  112. text-align: center;
  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:"cookie", cursive;
  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.  
  139.  
  140. </style>
  141.  
  142.  
  143. <div id="border-top"></div>
  144.  
  145.  
  146.  
  147. </div>
  148. <div id="top">
  149. <hr>
  150. <div class="header">-{Title}-</div>
  151. <hr>
  152.  
  153. <a href="/">home</a> /
  154. <a href="/ask">message</a> /
  155. <a href="/">link</a> /
  156. <a href="/">link</a>
  157.  
  158. </div>
  159.  
  160. <table id="all" border="0" cellpadding="0" cellspacing="20">
  161.  
  162.  
  163. <!-- start of 1st column-->
  164. <!--start 1st pannel-->
  165. <td><div id="pannel">
  166. <div id="poster">
  167. <div id="admin"><a href="/"> -name- </a></div><!--name of the member-->
  168. <p>
  169. <div id="about">
  170. <div id="name"><p><!--- description goes here-->
  171. description here<p>
  172. <a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
  173. </div>
  174. </div>
  175. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  176. </div>
  177.  
  178. </div></td>
  179. <!--end 2st pannel-->
  180.  
  181.  
  182.  
  183. <!--start 2nd pannel-->
  184. <td><div id="pannel">
  185. <div id="poster">
  186. <div id="admin"><a href="/"> -name- </a></div><!--name of the member-->
  187. <p>
  188. <div id="about">
  189. <div id="name"><p>description here</div><!--- description goes here-->
  190. <a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
  191. </div>
  192. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  193. </div>
  194.  
  195. </div></td>
  196. <!--end 2nd pannel-->
  197.  
  198.  
  199. <!--start 3rd pannel-->
  200. <td><div id="pannel">
  201. <div id="poster">
  202. <div id="admin"><a href="/"> -name- </a></div><!--name of the member-->
  203. <p>
  204. <div id="about">
  205. <div id="name"><p>description here</div><!--- description goes here-->
  206. <a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
  207. </div>
  208. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  209. </div>
  210.  
  211. </div></td>
  212. <!--end of 3rd pannel-->
  213. <!-- end of 1st column-->
  214.  
  215.  
  216. <tr>
  217.  
  218. <!--- start of 2nd column-->
  219. <!--start 1st pannel-->
  220. <td><div id="pannel">
  221. <div id="poster">
  222. <div id="admin"><a href="/"> -name- </a></div><!--name of the member-->
  223. <p>
  224. <div id="about">
  225. <div id="name"><p>description here</div><!--- description goes here-->
  226. <a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
  227. </div>
  228. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  229. </div>
  230.  
  231. </div></td>
  232. <!--end 1st pannel-->
  233.  
  234.  
  235.  
  236.  
  237. <!--start 2nd pannel-->
  238. <td><div id="pannel">
  239. <div id="poster">
  240. <div id="admin"><a href="/"> -name- </a></div><!--name of the member-->
  241. <p>
  242. <div id="about">
  243. <div id="name"><p>description here</div><!--- description goes here-->
  244. <a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
  245. </div>
  246. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  247. </div>
  248.  
  249. </div></td>
  250. <!--end 2nd pannel-->
  251.  
  252.  
  253.  
  254. <!--start 3rd pannel-->
  255. <td><div id="pannel">
  256. <div id="poster">
  257. <div id="admin"><a href="/"> -name- </a></div><!--name of the member-->
  258. <p>
  259. <div id="about">
  260. <div id="name"><p>description here</div><!--- description goes here-->
  261. <a href="PUT BLOG URL HERE"><FONT color="#525556" face="Cookie", cursive size="2px">go to blog</a></font>
  262. </div>
  263. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  264. </div>
  265.  
  266. </div></td>
  267. <!--end of 3rd pannel-->
  268. <!-- end of 2nd column-->
  269.  
  270. <!-- to add more columns, copy everything from <tr> of the first pannel to </td> of the third pannel!
  271. if you need help adding more columns or with anything in this code please ask-->
  272.  
  273. </table>
  274.  
  275. <!-- don't touch this (credit)-->
  276.  
  277.  
  278. <div style="font-size: 9px; 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://rawwricons.tumblr.com/">theme ©</a></div>
  279.  
  280. </body>
  281. </html>
Advertisement
Add Comment
Please, Sign In to add comment