Advertisement
conception

Necromantic Designs

Mar 16th, 2014
155
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.05 KB | None | 0 0
  1. <div id="container">
  2. <div id="header"><img src="http://i.imgur.com/8ngLKYu.png" /></div>
  3. <div id="sidenav"><h1>Details</h1>
  4. <b>Name:</b>
  5. <br /><b>Designing since:</b>
  6. <br /><b>Program:</b>
  7. <br /><b>Availability:</b>
  8. <br /><b>Designs in:</b>
  9. <p>
  10.  
  11. <h1>Custom Graphics</h1>
  12. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  13. <tr><td width="50%" valign="top">
  14. <a href="#icons" class="nav">Icons</a>
  15. <a href="#miniban" class="nav">Mini Banners</a>
  16. <a href="#ban" class="nav">Banners</a>
  17. <a href="#headers" class="nav">Headers</a>
  18. </td><td width="50%" valign="top">
  19. <a href="#pixels" class="nav">Pixels</a>
  20. <a href="#uts" class="nav">Usertitles</a>
  21. <a href="#userbars" class="nav">Userbars</a>
  22. <a href="#layouts" class="nav">Layouts</a>
  23. </td></tr></table>
  24.  
  25. <h1>Premades For You</h1>
  26. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  27. <tr><td width="50%" valign="top"><a href="#preicons" class="nav">Icons</a>
  28. <a href="#preuts" class="nav">Usertitles</a>
  29. </td><td width="50%" valign="top"><a href="#prelayouts" class="nav">Layouts</a>
  30. <a href="#extra" class="nav">Extra Link</a>
  31. </td></tr></table>
  32. <p>
  33. <h1>Top Affiliates</h1>
  34. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  35. <tr><td width="50%" valign="top">
  36. <a href="" class="aff">link</a>
  37. <a href="" class="aff">link</a>
  38. <a href="" class="aff">link</a>
  39. </td><td width="50%" valign="top">
  40. <a href="" class="aff">link</a>
  41. <a href="" class="aff">link</a>
  42. <a href="" class="aff">link</a>
  43. </td></tr></table>
  44. <p>
  45.  
  46. <h1>Credits</h1>
  47. <center><font size="1">Header by <a href="">Necromantic Designs</a>.<br /> Styling by <a href="http://highvoltagedesigns.tk">High Voltage Designs</a>.
  48. <br />Inspired by <a href="http://punk-rose.com">punk-rose.com</a>.</font></center>
  49. </div>
  50.  
  51. <div id="contentbox">
  52. <a name="main"></a>
  53. <div class="section"><h1>Welcome</h1>
  54. <b>Bold text</b> <i>Italics</i> <u>Underline</u> <s>Strike</s>
  55. <h3>This is h3</h3>
  56. <blockquote>this is a blockquote wooooo</blockquote>
  57. </div>
  58.  
  59. <a name="about"></a>
  60. <div class="section"><h1>About the Designer</h1>
  61. <a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a>
  62. </div>
  63.  
  64. <a name="aff"></a>
  65. <div class="section"><h1>All Affiliates</h1>
  66. <center><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a>
  67. <a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a>
  68. <h3>My Buttons</h3>
  69. <a href="http://i.imgur.com/gTe43Qu.gif" class="sma"><img src="http://i.imgur.com/gTe43Qu.gif" /></a>
  70. </center>
  71. </div>
  72.  
  73. <a name="request"></a>
  74. <div class="section"><h1>Request</h1>
  75. </div>
  76.  
  77. <a name="icons"></a>
  78. <div class="section"><h1>Icons</h1>
  79. <center><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a></center>
  80. </div>
  81.  
  82. <a name="miniban"></a>
  83. <div class="section"><h1>Mini Banners</h1>
  84. <center><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a></center>
  85. </div>
  86.  
  87. <a name="ban"></a>
  88. <div class="section"><h1>Banners</h1>
  89. <center><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a></center>
  90. </div>
  91.  
  92. <a name="headers"></a>
  93. <div class="section"><h1>Headers</h1>
  94. <center><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a></center>
  95. </div>
  96.  
  97. <a name="pixels"></a>
  98. <div class="section"><h1>Pixels</h1>
  99. <center><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a></center>
  100. </div>
  101.  
  102. <a name="uts"></a>
  103. <div class="section"><h1>Usertitles</h1>
  104. <center><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a></center>
  105. </div>
  106.  
  107. <a name="userbars"></a>
  108. <div class="section"><h1>Userbars</h1>
  109. <center><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="sma"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a></center>
  110. </div>
  111.  
  112. <a name="layouts"></a>
  113. <div class="section"><h1>Layouts</h1>
  114. <center><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a></center>
  115. </div>
  116.  
  117. <a name="preicons"></a>
  118. <div class="section"><h1>Premade Icons</h1>
  119. <center><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a></center>
  120. </div>
  121.  
  122. <a name="preuts"></a>
  123. <div class="section"><h1>Premade Usertitles</h1>
  124. <center><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a></center>
  125. </div>
  126.  
  127. <a name="prelayouts"></a>
  128. <div class="section"><h1>Premade Layouts</h1>
  129. <center><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a><a href="/" class="gr"><img src="http://i.imgur.com/WtRd7Ze.gif" /></a></center>
  130. </div>
  131.  
  132. <a name="extra"></a>
  133. <div class="section"><h1>Extra Section</h1>
  134. </div>
  135. </div>
  136. <div id="link1"><a href="#about" class="headernavlink">About Designer</a></div>
  137. <div id="link2"><a href="#main" class="headernavlink">Port. Home</a></div>
  138. <div id="link3"><a href="#aff" class="headernavlink">All Affies</a>
  139. </div>
  140. <div id="link4"><a href="#request" class="headernavlink">Request</a>
  141. </div>
  142. <div id="link5"><a href="/zombiestomp-" class="headernavlink">Profile</a>
  143. </div>
  144. <style>
  145. html, body {
  146. background-color: #262626;
  147. font-family: tahoma;
  148. background-image: url('http://i.imgur.com/4FGbAfD.png');
  149. text-align:justify;
  150. font-size: 8pt;
  151. line-height:10px;
  152. text-transform:none;
  153. color: #999;
  154. margin: 0px;
  155. padding: 0px;
  156. }
  157.  
  158.  
  159. .main {
  160. background-color: #0e0e0e;
  161. width: 775px;
  162. }
  163. @font-face {
  164. font-family: "04b03";
  165. src: url("http://static.tumblr.com/necydca/Eurmjztdk/04b_03__.ttf")
  166. }
  167. #container{
  168. margin: 0 auto;
  169. margin-top:-8px;
  170. width:772px;
  171. height: 850px;
  172. background-color:#0e0e0e;
  173. }
  174. #header{
  175. width:772px; height:425px;
  176. overflow: hidden;
  177. border-bottom:1px solid #101010;
  178. }
  179.  
  180.  
  181. #sidenav{
  182. float: left;
  183. top: 300px;
  184. width: 218px;
  185. padding:5px;
  186. margin:4px;
  187. margin-right:0px;
  188. background-color:#141414;
  189. }
  190. #contentbox {
  191. float: right;
  192. width: 519px;
  193. height: 400px;
  194. overflow: auto;
  195. overflow-y: hidden;
  196. padding:5px;
  197. margin:4px;
  198. background-color:#141414;
  199. }
  200. .section { width: 510px; height: 410px; overflow: hidden;
  201. background-color:#141414; padding:5px; }
  202.  
  203. a:link, a:active, a:visited{color:#736F6E; text-decoration: none;-webkit-transition:0.5s; -moz-transition:0.5s;
  204. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
  205. a:hover{color:#444; text-decoration: none;-webkit-transition:0.5s; -moz-transition:0.5s;
  206. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
  207.  
  208. a.nav:link, a.nav:active, a.nav:visited{
  209. text-align:center;
  210. padding:1px; margin:1px;
  211. font-family: "04b03";
  212. font-size: 8px;
  213. line-height:9px;
  214. color: #678C00;
  215. text-transform: uppercase;
  216. text-shadow: 1px 1px 1px #221324;
  217. background-color:#181818;
  218. display:block;
  219. }
  220. a.nav:hover{
  221. letter-spacing:2px;
  222. color: #163B00;
  223. font-family: "04b03";
  224. font-size: 8px;
  225. text-transform: uppercase;
  226. }
  227.  
  228. a.aff:link, a.aff:active, a.aff:visited{
  229. text-align:center;
  230. padding:1px; margin:1px;
  231. font-family: "04b03";
  232. font-size: 8px;
  233. line-height:9px;
  234. color: #678C00;
  235. text-transform: uppercase;
  236. text-shadow: 1px 1px 1px #221324;
  237. background-color:#181818;
  238. display:block;
  239. }
  240. a.aff:hover{
  241. font-family: "04b03";
  242. color: #163B00;
  243. font-size: 8px;
  244. letter-spacing:2px;
  245. text-transform: uppercase;
  246. }
  247.  
  248. .headernavlink:link, .headernavlink:active, .headernavlink:visited {
  249. color: #606060;
  250. -moz-border-radius: 65px;
  251. -webkit-border-radius: 65px;
  252. -khtml-border-radius:65px;
  253. border-radius: 65px;
  254. border: 3px dotted #678C00;
  255. font-family: "04b03";
  256. font-size: 8px;
  257. text-transform: uppercase;
  258. font-weight: lighter;
  259. padding: 2px;
  260. width: 65px;
  261. height: 65px;
  262. line-height: 65px;
  263. text-align: center;
  264. display: block;
  265. background: #221324;
  266. margin: 6px;
  267. letter-spacing: 1px;
  268. -webkit-transition: all 0.5s ease-out;
  269. -moz-transition: all 0.5s ease-out;
  270. }
  271.  
  272. .headernavlink:hover {
  273. color: #678C00;
  274. -moz-border-radius: 65px;
  275. -webkit-border-radius:65px;
  276. -khtml-border-radius:65px;
  277. border-radius: 65px;
  278. border: 3px dotted #5d2860;
  279. font-family: "04b03";
  280. font-size: 8px;
  281. text-transform: uppercase;
  282. font-weight: lighter;
  283. padding: 2px;
  284. width: 65px;
  285. height: 65px;
  286. line-height: 65px;
  287. text-align: center;
  288. display: block;
  289. background: #181818;
  290. margin-left: 20px;
  291. letter-spacing: 1px;
  292. -webkit-transition: all 0.5s ease-out;
  293. -moz-transition: all 0.5s ease-out;
  294. }
  295.  
  296. h1{
  297. font-family: "04b03";
  298. font-size: 8px;
  299. color: #505050;
  300. text-transform:uppercase;
  301. font-weight: normal;
  302. display: block;
  303. text-shadow: #3e1e41;
  304. text-align:center;
  305. line-height: 6px;
  306. margin: 1px; padding: 2px;
  307. padding-top: 4px;
  308. background: #202020;
  309. border-bottom: 2px dotted #303030;
  310. }
  311.  
  312. h3 {
  313. font-family: century gothic;
  314. font-size: 10pt;
  315. color: #606060;
  316. text-transform: uppercase;
  317. font-weight: normal;
  318. display: block;
  319. text-align: right;
  320. text-shadow: 1px 1px 1px #163B00;
  321. line-height: 8px;
  322. margin: 1px; padding 3px;
  323. background: transparent;
  324. border-bottom: 3px dotted #221324;
  325. }
  326.  
  327. b, strong {font-family: century gothic; text-transform: none; font-size: 10pt; color:#374212; text-shadow: 1px 1px 1px #000000; font-weight: normal;}
  328.  
  329. i, em {color:#5d2860; font-style:normal; text-transform: lowercase;}
  330.  
  331. u{font-size: 9pt; border-bottom: 1px solid #678C00; color:#999;}
  332.  
  333. s {font-size:9pt; font-family: century gothic; color: #777;
  334. }
  335.  
  336. blockquote{
  337. background:#202020;
  338. text-align: center;
  339. border-bottom: 3px solid #221324;
  340. border-left: 3px solid #678C00;
  341. border-right: 3px solid #678C00;
  342. padding:5px; margin: 20px;
  343. border-radius: 20px;
  344. }
  345.  
  346. a:link, .menu2, .menu2 a:link {
  347. color: #606060;
  348. font-size: 8pt;
  349. font-family: tahoma;
  350. text-transform: none;
  351. text-decoration: none;
  352. -webkit-transition: all 0.5s ease-out;
  353. -moz-transition: all 0.5s ease-out;
  354. }
  355.  
  356. a:visited, .menu2 a:visited {
  357. color: #606060;
  358. text-transform: none;
  359. font-family: verdana;
  360. text-decoration: none;
  361. }
  362.  
  363. a:hover, .menu, .menu a:link, .menu a:visited {
  364. color: #678C00;
  365. text-decoration: none;
  366. font-family: tahoma;
  367. text-transform: none;
  368. background: transparent;
  369. -webkit-transition: all 0.5s ease-out;
  370. -moz-transition: all 0.5s ease-out;
  371. }
  372.  
  373. .gr img {
  374. height: 90px;
  375. width: 90px;
  376. filter: alpha(opacity=100)
  377. -moz-opacity:100;
  378. opacity: 100;
  379. margin-top: 2px;
  380. margin: 1px;
  381. padding: 2px;
  382. border: 3px solid #163B00;
  383. background: #221324;
  384. -webkit-transition: all 1.0s ease-out;
  385. -moz-transition: all 1.0s ease-out;
  386. }
  387.  
  388. .gr img:hover {
  389. background: #678C00;
  390. border: 3px solid #1A031C;
  391. filter: alpha(opacity=70)
  392. -moz-opacity:.70;
  393. border-radius: 100px;
  394. opacity: .70;
  395. -webkit-transition: all 1.0s ease-out;
  396. -moz-transition: all 1.0s ease-out;
  397. }
  398.  
  399. .sma img {
  400. height: auto;
  401. width: auto;
  402. filter: alpha(opacity=100)
  403. -moz-opacity:100;
  404. opacity: 100;
  405. margin-top: 2px;
  406. margin: 1px;
  407. padding: 2px;
  408. border: 3px solid #163B00;
  409. background: #221324;
  410. -webkit-transition: all 1.0s ease-out;
  411. -moz-transition: all 1.0s ease-out;
  412. }
  413.  
  414. .sma img:hover {
  415. background: #678C00;
  416. border: 3px solid #1A031C;
  417. filter: alpha(opacity=70)
  418. -moz-opacity:.70;
  419. border-radius: 100px;
  420. opacity: .70;
  421. -webkit-transition: all 1.0s ease-out;
  422. -moz-transition: all 1.0s ease-out;
  423. }
  424.  
  425. </style>
  426. <style>
  427. #link1 {
  428. top: -725px;
  429. left: 610px;
  430. width: 100px;
  431. height: 100px;
  432. background: transparent;
  433. overflow: hidden;
  434. position: relative;
  435. }
  436.  
  437. #link2 {
  438. top: -750px;
  439. left: 640px;
  440. width: 100px;
  441. height: 100px;
  442. background: transparent;
  443. overflow: hidden;
  444. position: relative;
  445. }
  446.  
  447. #link3 {
  448. top: -770px;
  449. left: 650px;
  450. width: 100px;
  451. height: 100px;
  452. background: transparent;
  453. overflow: hidden;
  454. position: relative;
  455. }
  456.  
  457. #link4 {
  458. top: -791px;
  459. left: 630px;
  460. width: 100px;
  461. height: 100px;
  462. background: transparent;
  463. overflow: hidden;
  464. position: relative;
  465. }
  466.  
  467. #link5 {
  468. top: -835px;
  469. left: 570px;
  470. width: 100px;
  471. height: 100px;
  472. background: transparent;
  473. overflow: hidden;
  474. position: relative;
  475. }
  476. </style>
  477.  
  478. <style>
  479.  
  480. .maintop, .leftnav, .profilename, .profilepages, .topbar, .defaultpic, .thumbnail, .gallery, .videos, .userinfo, .journal_entry, .profile_title, .likes_title, .dislikes_title, .music_title, .buttons1, .buttons2, .buttons3, .friends, .rate, .comment_title, .comments, .tagline, .menu2, .profilepages, .footer_links { display: none; }
  481.  
  482. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement