API tools faq
paste
Advertisement
Guest User

3D version

a guest
Jun 30th, 2013
1,776
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-----------------
  4. NAVIGATION THEME/LINKS PAGE BY DAVEFRAMCO/BILLIONDAYS - DAGGIE
  5.  
  6. if you take the credit away or you take the credit for it i will hunt you down ok
  7.  
  8. noW ENJOY
  9. ------------->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head><title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  
  19. <meta name="color:Text" content="#a8a8a8"/>
  20. <meta name="color:Link" content="#b8b8b8"/>
  21. <meta name="color:Tags" content="f0f0f0"/>
  22. <meta name="color:Hover" content="#f2f2f2"/>
  23. <meta name="color:Post" content="#ffffff"/>
  24. <meta name="image:sidebar" content=""/>
  25. <meta name="text:Link 1" content="" />
  26. <meta name="text:Link 1 Text" content="" />
  27. <meta name="text:Link 2" content="" />
  28. <meta name="text:Link 2 Text" content="" />
  29. <meta name="text:Link 3" content="" />
  30. <meta name="text:Link 3 Text" content="" />
  31. <meta name="text:Link 4" content="" />
  32. <meta name="text:Link 4 Text" content="" />
  33. <meta name="color:scrollbarbg" content="ffffff"/>
  34.  
  35. <style type="text/css">
  36.  
  37. a {
  38. text-decoration:none;
  39. outline:none;
  40. -moz-outline-style:none;
  41. color:{color:link};
  42. }
  43.  
  44.  
  45. a:hover{
  46. opacity:10;
  47. color:{color:hover};
  48. -webkit-transition: all 0.7s ease;
  49. -moz-transition: all 0.7s ease;
  50. -o-transition: all 0.7s ease
  51. }
  52.  
  53. #links1 {
  54. margin-top:220px;
  55. margin-left:21px;
  56. font-family:aldrich;
  57. font-size:11px;
  58. position:fixed;
  59. padding:10px;
  60. -webkit-transition: all 0.4s ease-in-out;
  61. -moz-transition: all 0.4s ease-in-out;
  62. -o-transition: all 0.4s ease-in-out;
  63. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  64. }
  65.  
  66. #links1 a{
  67. color:#fff;
  68. letter-spacing:1px;
  69. background-color:black;
  70. text-align:center;
  71. padding:6px;
  72. display:block;
  73. width:110px;
  74. -webkit-transition: all 0.4s ease-in-out;
  75. -moz-transition: all 0.4s ease-in-out;
  76. -o-transition: all 0.4s ease-in-out;
  77. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  78. }
  79.  
  80. #links1 a:hover {
  81. color:#000;
  82. text-shadow: 2px 0 .2px #FF0080, -2px 0 .2px #40FF00;
  83. background-color:#fff;
  84. -webkit-transition: all 0.4s ease-in-out;
  85. -moz-transition: all 0.4s ease-in-out;
  86. -o-transition: all 0.4s ease-in-out;
  87. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  88. }
  89.  
  90. #title1 {
  91. letter-spacing:3px;
  92. text-shadow: 2px 0 .2px #FF0080, -2px 0 .2px #40FF00;
  93. border-top:1px solid #fff;
  94. border-bottom:1px solid #fff;
  95. position:fixed;
  96. margin-top:322px;
  97. margin-left:-93px;
  98. color:#fff;
  99. text-align:right;
  100. width:202px;
  101. padding:5px;
  102. padding-right:9px;
  103. Background-color:black;
  104. font-family:'aldrich';
  105. -webkit-transform: rotate(270deg);
  106.  
  107. -moz-transform: rotate(90deg);
  108.  
  109. -o-transform: rotate(270deg);"
  110. -webkit-transition: all 0.4s ease-in-out;
  111. -moz-transition: all 0.4s ease-in-out;
  112. -o-transition: all 0.4s ease-in-out;
  113. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  114. }
  115.  
  116. #links2 {
  117. margin-top:220px;
  118. margin-left:175px;
  119. font-family:aldrich;
  120. font-size:11px;
  121. position:fixed;
  122. padding:10px;
  123. -webkit-transition: all 0.4s ease-in-out;
  124. -moz-transition: all 0.4s ease-in-out;
  125. -o-transition: all 0.4s ease-in-out;
  126. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  127. }
  128.  
  129. #links2 a{
  130. WIDTH:110PX;
  131. color:#fff;
  132. letter-spacing:1px;
  133. background-color:black;
  134. text-align:center;
  135. padding:6px;
  136. display:block;
  137. width:110px;
  138. -webkit-transition: all 0.4s ease-in-out;
  139. -moz-transition: all 0.4s ease-in-out;
  140. -o-transition: all 0.4s ease-in-out;
  141. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  142. }
  143.  
  144. #links2 a:hover {
  145. color:#000;
  146. text-shadow: 2px 0 .2px #FF0080, -2px 0 .2px #40FF00;
  147. background-color:#fff;
  148. -webkit-transition: all 0.4s ease-in-out;
  149. -moz-transition: all 0.4s ease-in-out;
  150. -o-transition: all 0.4s ease-in-out;
  151. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  152. }
  153.  
  154. #title2 {
  155. letter-spacing:3px;
  156. text-shadow: 2px 0 .2px #FF0080, -2px 0 .2px #40FF00;
  157. border-top:1px solid #fff;
  158. border-bottom:1px solid #fff;
  159. position:fixed;
  160. margin-top:322px;
  161. margin-left:61px;
  162. color:#fff;
  163. text-align:right;
  164. width:202px;
  165. padding:5px;
  166. padding-right:9px;
  167. Background-color:black;
  168. font-family:'aldrich';
  169. -webkit-transform: rotate(270deg);
  170.  
  171. -moz-transform: rotate(90deg);
  172.  
  173. -o-transform: rotate(270deg);"
  174. }
  175.  
  176. #links3 {
  177. WIDTH:122PX;
  178. margin-top:220px;
  179. margin-left:329px;
  180. font-family:aldrich;
  181. font-size:11px;
  182. position:fixed;
  183. padding:10px;
  184. -webkit-transition: all 0.4s ease-in-out;
  185. -moz-transition: all 0.4s ease-in-out;
  186. -o-transition: all 0.4s ease-in-out;
  187. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  188. }
  189.  
  190. #links3 a{
  191. color:#fff;
  192. letter-spacing:1px;
  193. background-color:black;
  194. text-align:center;
  195. padding:6px;
  196. display:block;
  197. width:120px
  198. -webkit-transition: all 0.4s ease-in-out;
  199. -moz-transition: all 0.4s ease-in-out;
  200. -o-transition: all 0.4s ease-in-out;
  201. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  202. }
  203.  
  204. #links3 a:hover {
  205. color:#000;
  206. text-shadow: 2px 0 .2px #FF0080, -2px 0 .2px #40FF00;
  207. background-color:#fff;
  208. -webkit-transition: all 0.4s ease-in-out;
  209. -moz-transition: all 0.4s ease-in-out;
  210. -o-transition: all 0.4s ease-in-out;
  211. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  212. }
  213.  
  214. #title3 {
  215. letter-spacing:3px;
  216. text-shadow: 2px 0 .2px #FF0080, -2px 0 .2px #40FF00;
  217. border-top:1px solid #fff;
  218. border-bottom:1px solid #fff;
  219. position:fixed;
  220. margin-top:322px;
  221. margin-left:215px;
  222. color:#fff;
  223. text-align:right;
  224. width:202px;
  225. padding:5px;
  226. padding-right:9px;
  227. Background-color:black;
  228. font-family:'aldrich';
  229. -webkit-transform: rotate(270deg);
  230.  
  231. -moz-transform: rotate(90deg);
  232.  
  233. -o-transform: rotate(270deg);"
  234. }
  235.  
  236. #theme {
  237. margin-left:450px;
  238. margin-top:80px;
  239. }
  240.  
  241. #themetitle {
  242. text-transform:uppercase;
  243. text-align:center;
  244. letter-spacing:5px;
  245. padding:7px;
  246. color:#fff;
  247. width:447px;
  248. background-color:black;
  249. font-family:'aldrich';
  250. text-shadow: 2px 0 .2px #FF0080, -2px 0 .2px #40FF00;
  251. }
  252.  
  253. #mainlinks {
  254. text-transform:uppercase;
  255. margin-left:5px;
  256. color:#000;
  257. padding:5px;
  258. padding-left:5px;
  259. word-spacing:140px;
  260. font-family:'aldrich';
  261. -webkit-transition: all 0.4s ease-in-out;
  262. -moz-transition: all 0.4s ease-in-out;
  263. -o-transition: all 0.4s ease-in-out;
  264. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  265. }
  266.  
  267. #mainlinks a{
  268. color:#000;
  269. -webkit-transition: all 0.4s ease-in-out;
  270. -moz-transition: all 0.4s ease-in-out;
  271. -o-transition: all 0.4s ease-in-out;
  272. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  273. }
  274.  
  275. #mainlinks a:hover {
  276. text-shadow: 2px 0 .2px #FF0080, -2px 0 .2px #40FF00;
  277. -webkit-transition: all 0.4s ease-in-out;
  278. -moz-transition: all 0.4s ease-in-out;
  279. -o-transition: all 0.4s ease-in-out;
  280. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  281. }
  282.  
  283. {CustomCSS}</style></head><body>
  284.  
  285.  
  286. <div id="theme">
  287.  
  288. <!--
  289. TOP LINKS
  290. -->
  291.  
  292. <div id="mainlinks">
  293. <a href="/">Home</a>
  294. <a href="/">ask</a>
  295. <!--DO NOT CHANGE THIS LINK-->
  296. <a href="Http://daveframco.tumblr.com/">credit</a>
  297.  
  298. </div>
  299.  
  300. <!--
  301. END OF MAIN LINKS
  302. -->
  303.  
  304. <!--THEME TITLE
  305. -->
  306. <div id="themetitle">Navigation</div>
  307.  
  308. <!--
  309. HEADER
  310. -->
  311. <div style="z-index:100000000;position:absolute;"><img src="http://24.media.tumblr.com/ccbc984300f696573eed2b9349875a46/tumblr_moztuhgjqi1sxo63zo1_500.png" alt="Pulpit rock" width="461" height="230"></div>
  312.  
  313. <!--
  314. TITLE 1
  315. -->
  316. <div id="title1">TITLE 1</div>
  317.  
  318. <!--
  319. LINKS SECTION #1
  320. -->
  321.  
  322. <div id="links1">
  323.  
  324. <a href="/">LINK 1</a>
  325. <a href="/">LINK 2</a>
  326. <a href="/">LINK 3</a>
  327. <a href="/">LINK 4</a>
  328. <a href="/">LINK 5</a>
  329. <a href="/">LINK 6</a>
  330. <a href="/">LINK 7</a>
  331. <a href="/">LINK 8</a>
  332.  
  333. </div>
  334.  
  335. <!--
  336. TITLE 2
  337. -->
  338.  
  339.  
  340. <div id="title2">TITLE 2</div>
  341.  
  342.  
  343. <!--
  344. LINKS SECTION #2
  345. -->
  346.  
  347. <div id="links2">
  348.  
  349. <a href="/">LINK 1</a>
  350. <a href="/">LINK 2</a>
  351. <a href="/">LINK 3</a>
  352. <a href="/">LINK 4</a>
  353. <a href="/">LINK 5</a>
  354. <a href="/">LINK 6</a>
  355. <a href="/">LINK 7</a>
  356. <a href="/">LINK 8</a>
  357.  
  358. </div>
  359.  
  360. <!--
  361. TITLE 3
  362. -->
  363.  
  364.  
  365. <div id="title3">TITLE 3</div>
  366.  
  367. <!--
  368. LINKS SECTION #3
  369. -->
  370.  
  371.  
  372. <div id="links3">
  373.  
  374. <a href="/">LINK 1</a>
  375. <a href="/">LINK 2</a>
  376. <a href="/">LINK 3</a>
  377. <a href="/">LINK 4</a>
  378. <a href="/">LINK 5</a>
  379. <a href="/">LINK 6</a>
  380. <a href="/">LINK 7</a>
  381. <a href="/">LINK 8</a>
  382.  
  383. </div>
  384.  
  385.  
  386. <!--
  387. DONT TOUCH
  388. -->
  389.  
  390.  
  391.  
  392. <link href='http://fonts.googleapis.com/css?family=Rouge+Script|Parisienne|Fascinate+Inline|Open+Sans+Condensed:300|Dancing+Script|Satisfy|Gruppo|Audiowide|Aldrich|Francois+One' rel='stylesheet' type='text/css'>
  393.  
  394. </div>
  395. </body></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!