API tools faq
paste
pamellabellegarde

Tumblr Members

pamellabellegarde
Oct 30th, 2013
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=90496f22ffd4b193ff4f3aa39d43d2af"></script>
  3. <html>
  4. <head>
  5.  
  6. <script>
  7. function click() {
  8. if (event.button==2||event.button==3) {
  9. oncontextmenu='return false';
  10. }
  11. }
  12. document.onmousedown=click
  13. document.oncontextmenu = new Function("return false;")
  14. </script>
  15.  
  16.  
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>
  19.  
  20.  
  21. <script type="text/javascript" src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=cf7aeb03e820314a6cb2890dfa192802"></script>
  22. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  23.  
  24. <meta name="keywords" content="testes-da-pamella,ask,stark,got,photoset" />
  25.  
  26. </head>
  27.  
  28. <style>
  29.  
  30. /** THE CHANGES ARE JUST HERE!! **/
  31.  
  32. /** FIRST MEMBER **/
  33.  
  34. /**** Duplicate the divs (.img1 and .t1) with the number 1 >> 2 or 3 and so on. In "body" duplicate the part where there is "t1" and "img1" and replace the number you got before and doubled. So go creating new divs with other members. ****/
  35.  
  36. .img1{
  37. z-index:00000000000;
  38. background: url(MEMBER_PHOTO_URL);
  39. -webkit-border-radius: 360px;
  40. -moz-border-radius: 360px;
  41. border-radius: 360px;
  42. width:200px;
  43. height:200px;
  44. margin:20px;
  45. }
  46.  
  47. .t1 {font-family: 'cambria', cursive;
  48. font-size:16px;
  49. text-decoration: none;
  50. color:#fff;
  51. text-transform:uppercase;
  52. border-bottom:1px #BORDER_COLOR dotted;
  53. padding-bottom:2px;
  54. width:150px;
  55. }
  56.  
  57.  
  58.  
  59.  
  60.  
  61. /** DONT CHANGE ANYMORE! JUST IF YOU UNDERSTAND **/
  62.  
  63. body {background:#ddd;
  64. font-family:cambria;
  65. font-size:10px;}
  66.  
  67. .m {
  68. font-family: 'Cinzel', serif;
  69. color:#61b6cb;
  70. text-align:center;
  71. font-size:38px;
  72.  
  73. }
  74.  
  75.  
  76. a:link, a:visited, a:active {
  77. -webkit-transition: all 1s ease;
  78. -moz-transition: all 1s ease;
  79. -o-transition: all 1s ease;
  80. transition: all 1s ease;
  81. text-decoration: none;
  82. color: #888;
  83. }
  84. a:hover {color:#999;}
  85.  
  86.  
  87. ::-webkit-scrollbar{width:5px;height:5px;}
  88. ::-webkit-scrollbar-button:start:decrement
  89. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  90. ::-webkit-scrollbar-track-piece{background-color:#ddd;
  91. ;}
  92. ::-webkit-scrollbar-thumb:vertical{height:50px; scrollbar-face-color:#9b9b9b; background-color:#9b9b9b;}
  93. ::-webkit-scrollbar-thumb:horizontal{width:50px; scrollbar-face-color:#9b9b9b; background-color:#9b9b9b;}
  94.  
  95.  
  96. .b {width:240px;
  97. float:left;
  98. height:500px;}
  99.  
  100.  
  101. .d {
  102. z-index:99999999999999999999;
  103. -webkit-border-radius: 360px;
  104. -moz-border-radius: 360px;
  105. border-radius: 360px;
  106. width:180px;
  107. height:180px;
  108. -webkit-transition: all 1s ease;
  109. -moz-transition: all 1s ease;
  110. -o-transition: all 1s ease;
  111. transition: all 1s ease;
  112. margin:20px;
  113. background: url(http://static.tumblr.com/y9ykbvf/nIXmtfteg/bg.png);
  114. padding:10px;
  115. margin-top:-220px;
  116. z-index:99999999999999999999;
  117. opacity:0;
  118. color:#fff;
  119. font-size:11px;
  120. font-family:calibri;
  121. filter:alpha(opacity=0);
  122. }
  123.  
  124. .d:hover{
  125. opacity:100;
  126. filter:alpha(opacity=100);
  127.  
  128. }
  129.  
  130. nav1 {text-transform:uppercase;
  131. color:#61b6cb;
  132. padding:5px;
  133.  
  134. }
  135.  
  136. .pag {width:1000px;
  137. }
  138.  
  139.  
  140.  
  141. </style>
  142.  
  143.  
  144. <body>
  145. <body ondragstart='return false'>
  146. <center>
  147. <div class="pag">
  148. <center>
  149.  
  150. <br><br>
  151. <div class="m">Members</div>
  152. <i>Subtitle comes here, if u wants.</i><br><br>
  153. <a href="/"><nav1>back to blog</a></nav1>
  154. <a href="/ask"><nav1>message</a></nav1>
  155. <a target="_blank" href="http://aryafromwinterfell.tumblr.com/"><nav1>theme</a></nav1>
  156.  
  157. <br><br><br>
  158.  
  159.  
  160. <!-- MEMBERS HERE -->
  161.  
  162.  
  163. <center><center>
  164. <div class="b">
  165. <div class="img1"></div>
  166. <div class="d">
  167. <br>
  168. <a href="http://aryafromwinterfell.tumblr.com/"><div class="t1">name</div></a><br>
  169.  
  170. description here
  171.  
  172.  
  173. </div>
  174. </div>
  175. </div>
  176.  
  177. <!-- MEMBERS HERE -->
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193. </div>
  194. </body>
  195.  
  196.  
  197.  
  198. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!