API tools faq
paste
Advertisement
tanaproma

LINKS PAGE # 2

tanaproma
May 3rd, 2013
613
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />
  11.  
  12. {/block:Description}
  13.  
  14. <!----------------------------------------------------------------------
  15. PAGE #2 - BY SAMMYSNIPPLES
  16. http://sammysnipples.tumblr.com/
  17.  
  18. Do not remove the credit. OR I WILL PUNCH YOU IN THE FUCKING FACE
  19. ----------------------------------------------------------------------->
  20.  
  21. <style type="text/css">
  22.  
  23. @import url(http://fonts.googleapis.com/css?family=Lobster);
  24.  
  25.  
  26. body { margin:0px 10px 0px 10px; background-image: url(http://i45.tinypic.com/30szxpv.jpg); }
  27.  
  28. a, a:visited, a:active {
  29. color: {color:Links};
  30. text-decoration: none;
  31. }
  32.  
  33. .start { -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; width: 200px; height: 250px; border: 1px #fafafa dotted; padding:8px; background-color: #000; }
  34.  
  35. .startback { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; width: 200px; height: 250px;}
  36.  
  37. .start:hover .startback { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
  38.  
  39. .one { overflow: hidden; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; }
  40.  
  41. .two { overflow: hidden; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; position: absolute; width: 200px; height: 250px; background-color: #fff; overflow: auto; }
  42.  
  43. .start:hover .two { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; opacity: 1; background-color: #fff; }
  44.  
  45. .homelink { margin-top:4px; width:150px; padding:10px 5px 11px 5px; background-color: #000; font-family: tahoma; font-size:7px; line-height:100%; text-align:center; text-transform:uppercase; letter-spacing:1px; margin-right:4px; color: #fafafa; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; }
  46. .homelink a:link, .homelink a:visited, .homelink a:active { text-decoration: none; }
  47. .homelink:hover { background-color: #ebebeb; color: #000; }
  48.  
  49.  
  50.  
  51.  
  52. </style></head><body>
  53.  
  54. <!--start of first table-->
  55.  
  56.  
  57. <div style="height:15px;"></div><center>
  58. <table cellspacing="0" cellpadding="0">
  59. <td><div class="start"><div class="startback"><div class="one"><div style="width: 200px; height: 250px; background-image: url(BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE);"></div></div>
  60.  
  61. <div class="two"><div style="padding:10px; width:160px; height:230px; overflow:auto; border-left: 10px #5f355f solid; border-right: 10px #5f355f solid;">
  62.  
  63. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  64.  
  65. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  66.  
  67. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  68.  
  69. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  70.  
  71. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  72.  
  73. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  74.  
  75. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  76.  
  77.  
  78. </div></div></div></div></td><td><div style="width: 5px;"></div></td><td>
  79.  
  80. <!--end of first table-->
  81. <!--start of second table-->
  82.  
  83. <div class="start"><div class="startback"><div class="one"><div style="width: 200px; height: 250px; background-image: url(BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE);"></div></div>
  84.  
  85. <div class="two"><div style="padding:10px; width:160px; height:230px; overflow:auto; border-left: 10px #5f355f solid; border-right: 10px #5f355f solid;">
  86.  
  87. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  88.  
  89. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  90.  
  91. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  92.  
  93. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  94.  
  95. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  96.  
  97. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  98.  
  99. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  100.  
  101. </div></div></div></div></td></table>
  102.  
  103. <!--end of second table-->
  104. <!--start of title text-->
  105.  
  106.  
  107. <div style="line-height:100%; font-family: lobster; color: #fafafa; font-size: 50px; text-shadow: 1px 0px #1e1915, 0px 1px #1e1915, 0px -1px #1e1915, -1px 0px #1e1915;">your title goes here. make sure it's lowercased.</div><BR><BR>
  108.  
  109. <div style="width:420px; font-family: calibri; font-size: 8px; letter-spacing: 2px; color: #fffbf5; background-color: #000; text-transform: uppercase; padding: 2px; margin-top:-40px;">your subtitle goes here.</div>
  110.  
  111.  
  112. <!--end of title text-->
  113. <!--start of third table-->
  114.  
  115.  
  116.  
  117. <div style="height:10px;"></div><table cellspacing="0" cellpadding="0">
  118. <td>
  119.  
  120. <div class="start"><div class="startback"><div class="one"><div style="width: 200px; height: 250px; background-image: url(BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE);"></div></div>
  121.  
  122. <div class="two">
  123.  
  124. <div style="padding:10px; width:160px; height:230px; overflow:auto; border-left: 10px #5f355f solid; border-right: 10px #5f355f solid;">
  125.  
  126. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  127.  
  128. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  129.  
  130. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  131.  
  132. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  133.  
  134. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  135.  
  136. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  137.  
  138. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  139.  
  140.  
  141. </div></div></div></div></td><td><div style="width: 5px;"></div></td><td>
  142.  
  143. <!--end of third table-->
  144. <!--start of fourth table-->
  145.  
  146.  
  147. <div class="start"><div class="startback"><div class="one"><div style="width: 200px; height: 250px; background-image: url(BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE BOX IMAGE HERE);"></div></div>
  148.  
  149. <div class="two"><div style="padding:10px; width:160px; height:230px; overflow:auto; border-left: 10px #5f355f solid; border-right: 10px #5f355f solid;">
  150.  
  151. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  152.  
  153. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  154.  
  155. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  156.  
  157. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  158.  
  159. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  160.  
  161. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  162.  
  163. <a href="LINK HERE"><div class="homelink">TITLE HERE</div></a>
  164.  
  165.  
  166. </div></div></div></div></td></table>
  167.  
  168. <!--end of fourth table-->
  169.  
  170.  
  171.  
  172.  
  173. </center></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!