Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Blogroll {2}

By: Donniert on May 27th, 2012  |  syntax: None  |  size: 3.17 KB  |  hits: 2,138  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!-- BLOGROLL 2 by Carlotta
  2.  http://donthemes.tumblr.com/
  3.  don't remove credits -->
  4.  
  5. <!------ RULES ------>
  6.  
  7. <!--
  8. 1. DO NOT REMOVE CREDITS
  9. 2. DO NOT REPOST THE CODE
  10. 3. DO NOT CLAIM AS YOURS
  11. 4. DO NOT USE IT AS A BASE
  12. -->
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17.  
  18. <!------ YOU CAN CHANGE THE TITLE. REPLACE "BLOGROLL" ------>
  19. <title>Blogroll</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <style type="text/css">
  24.  
  25. /* -- BACKGROUND -- */
  26.  
  27. body {
  28. font-family: georgia;
  29. background-image: url('http://i48.tinypic.com/2dhwt4m.png');
  30. background-repeat: repeat;
  31. background-attachment: fixed;
  32.  
  33. <! --- HERE YOU CAN CHANGE THE SCROLLBAR FOR INTERNET EXPLORER. PAY ATTENTION WHEN YOU CHANGE THE BACKGROUND ----!>
  34. scrollbar-face-color: #fff;
  35. scrollbar-highlight-color: #fff;
  36. scrollbar-shadow-color: #fff;
  37. scrollbar-3dlight-color: #fff;
  38. scrollbar-arrow-color: #fff;
  39. scrollbar-track-color: #fff;
  40. scrollbar-darkshadow-color: #fff;}
  41.  
  42. /* -- CHROME SCROLLBAR -- */
  43.  
  44. ::-webkit-scrollbar-thumb:vertical {
  45. background:transparent;
  46. height:100px; }
  47.  
  48. ::-webkit-scrollbar {
  49. height:10px;
  50. width:8px;
  51. background:transparent; }
  52.  
  53. /* -- NAVIGATION BAR -- */
  54.  
  55. #header {
  56. position:absolute;
  57. width: 800px;
  58. margin-top: 444px;
  59. margin-left:240px;
  60. height: 20px;
  61. line-height: 20px;
  62. font-size: 12px;
  63. z-index:2;}
  64.  
  65. /* -- NAVIGATION LINKS -- */
  66.  
  67. #header a {
  68. display:inline-block;
  69. font-family:helvetica;
  70. margin: 2px 2px;
  71. width:100px;
  72. padding: 3px;
  73. letter-spacing: 2px;
  74. color:#353535;
  75. text-align: center;
  76. text-decoration:none;
  77. text-transform:uppercase;
  78. -webkit-transition: all 0.5s ease;
  79. -moz-transition: all 0.5s ease;
  80. -o-transition: all 0.5s ease;}
  81.  
  82. #header a:hover {color: #f1f1f1;}
  83.  
  84. /* -- BLOGROLL CONTAINER -- */
  85.  
  86. #content {
  87. position:absolute;
  88. border-bottom: #464646 2px solid;
  89. background-color: #fff;
  90. background-image: url('IMAGEURL');
  91. width: 800px;
  92. padding: 6px;
  93. margin-top: 30px;
  94. margin-left:240px;
  95. height:400px;
  96. overflow:auto;}
  97.  
  98. /* -- BLOGROLL IMAGES -- */
  99.  
  100. #content img {
  101. width: 64px;
  102. opacity: 0.9;
  103. filter:alpha(opacity=90);
  104. margin: 6px;
  105. border: 6px solid transparent;
  106. background-color: transparent;  transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s;}
  107.  
  108. #content img:hover {border: 6px solid transparent;
  109. transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s;
  110. opacity: 0.3;
  111. filter:alpha(opacity=30);}
  112.  
  113. </style>
  114. </head>
  115. <body>
  116.  
  117. <!-- DO NOT CHANGE HERE --!>
  118. <center><div id="content">{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-64}' /></a>{/block:Followed}{/block:Following}</div></center>
  119.  
  120. <! --- NAV LINKS: YOU CAN ADD LINKS, BUT DO NOT DELETE THE CREDIT ----!>
  121. <div id="header"><center>
  122. <a href="/">home</a>
  123. <a href="/ask">askbox</a>
  124. <a href="http://donthemes.tumblr.com">theme</a></div>
  125.  
  126. </body></html>
create a new version of this paste RAW Paste Data