API tools faq
paste
Advertisement
planthed

Blogroll #2

planthed
Nov 1st, 2014
460
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.06 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. this is a new layout for you, i hope you like it! keep the credits and i wont report you:)
  3.  
  4. ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ 　 ▒█▀▀█ ▒█░░▒█ 　
  5. ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ 　 ▒█▀▀▄ ▒█▄▄▄█ 　
  6. ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ 　 ▒█▄▄█ ░░▒█░░
  7.  
  8. ▒█▀▀█ ▒█░░░ ░█▀▀█ ▒█▄░▒█ ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▀▄
  9. ▒█▄▄█ ▒█░░░ ▒█▄▄█ ▒█▒█▒█ ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█░▒█
  10. ▒█░░░ ▒█▄▄█ ▒█░▒█ ▒█░░▀█ ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█▄▄▀.TUMBLR.COM
  11.  
  12. KEEP THE CREDITS OR I'LL REPORT YOU!
  13.  
  14. *****IMPORTANT, READ THIS*****
  15.  
  16. the idea of this layout and all that contain are made by me, please do not steal,redristibute or claim it as yours; keep the credits intact, bc i work really hard to make this for you. I know when people stole my codes, if you are of this people, i will message you to credit me, if you don't reply or dont take me in account, i proceed to report you and you will suffer the consequences.
  17.  
  18. If you have any trouble with this, feel free to ask for help:)
  19.  
  20. atte. Laura a.k.a planthed<3
  21.  
  22. ****
  23. IF YOU WANT TO CHANGE THE COLORS FIND THIS "#d2dae5" IN ALL THE CODE, USE CTRL + F
  24.  
  25. but I will also give indications of where to change them
  26. ****
  27.  
  28. please please please keep the credits, i work really hard in this layout for you, i'll be grateful x
  29. --->
  30.  
  31. <html lang="en">
  32.  
  33.  
  34. <script type="text/javascript">
  35. <!--
  36.  
  37. // Disable Right Click Script
  38.  
  39. function IE(e)
  40. {
  41. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  42. {
  43. return false;
  44. }
  45. }
  46. function NS(e)
  47. {
  48. if (document.layers || (document.getElementById && !document.all))
  49. {
  50. if (e.which == "2" || e.which == "3")
  51. {
  52. return false;
  53. }
  54. }
  55. }
  56. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  57.  
  58. //-->
  59. </script>
  60. <script type="text/javascript">
  61. WebFontConfig = {
  62. google: { families: [ 'Allura::latin', 'Roboto:100:latin', 'Dancing+Script::latin', 'Pinyon+Script::latin', 'Allura::latin', 'Ruthie::latin', 'Noto+Sans:400,400italic:latin', 'Libre+Baskerville:400,400italic:latin', 'Satisfy::latin', 'Dawning+of+a+New+Day::latin','Dosis::latin', 'Raleway:200:latin', 'Parisienne::latin', 'Great+Vibes::latin', 'Clicker+Script::latin' ] }
  63. };
  64. (function() {
  65. var wf = document.createElement('script');
  66. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  67. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  68. wf.type = 'text/javascript';
  69. wf.async = 'true';
  70. var s = document.getElementsByTagName('script')[0];
  71. s.parentNode.insertBefore(wf, s);
  72. })(); </script>
  73. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  74. <title>{name}'s blogroll</title>
  75. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lnvurxvJ8i1qepbs7.png">
  76. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  77.  
  78.  
  79.  
  80. <script type="text/javascript"
  81. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  82. <script type="text/javascript" src="http://static.tumblr.com/dbhjqlo/rd3nc0jpe/effectsxp.txt"></script>
  83. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  84. <script type="text/javascript" src="http://static.tumblr.com/5jb4lhb/HUOncl3cj/lmtxt.txt"></script>
  85. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  86. <script type="text/javascript" src="http://static.tumblr.com/5jb4lhb/HUOncl3cj/lmtxt.txt"></script>
  87. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  88. <script>
  89. (function($){$(document)
  90. .ready(function(){$("[title]")
  91. .style_my_tooltips();});})
  92. (jQuery);
  93. </script>
  94.  
  95. <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
  96. </script>
  97.  
  98.  
  99.  
  100. <style type="text/css">
  101.  
  102. #s-m-t-tooltip{
  103. max-width:300px;
  104. padding:6px;
  105. margin:20px 0px 0px 20px;
  106. background:#d2dae5; /* CHANGE THE COLOR*/
  107. font-family:calibri;
  108. border-radius:4px;
  109. font-size:10px;
  110. text-transform:uppercase;
  111. color:#fff;
  112. letter-spacing:1px;
  113. z-index:999999999;
  114. }
  115.  
  116. #s-m-t-tooltip:before{
  117. position: absolute;
  118. left: -10px;
  119. top: -5px;
  120. width: 0px;
  121. content:"";
  122. transform: scale(1.7, .3);
  123. -webkit-transform: scale(1.7, .3);
  124. -moz-transform: scale(1.7, .3);
  125. -o-transform: scale(1.7, .3);
  126. -ms-transform: scale(1.7, .3);
  127. height: 0px;
  128. border-right: 4px solid #d2dae5; /* CHANGE THE COLOR*/
  129. border-bottom: 17px solid transparent;
  130. border-left: 4px solid transparent;
  131. border-top: 17px solid transparent;
  132. }
  133.  
  134.  
  135. ::-webkit-scrollbar-thumb{ background-color:#aaa; border:4px solid #fff; height:auto; -moz-border-radius:10px; border-radius:10px;}
  136.  
  137. ::-webkit-scrollbar{ height:9px; width:9px; background-color:#d9d9d9; border:4px solid #fff;}
  138.  
  139. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  140.  
  141. body{
  142. margin:0px;
  143. color: #aaa;
  144. background-attachment: fixed;
  145. padding: 0px;
  146. font-family: "calibri";
  147. background: #fafafa; /* CHANGE THE COLOR*/
  148. }
  149.  
  150. ::selection {
  151. background:#d2dae5; /* CHANGE THE COLOR*/
  152. color:#fff;}
  153.  
  154. ::-moz-selection {
  155. background:#d2dae5; /* CHANGE THE COLOR*/
  156. color:#fff;}
  157.  
  158. a:link, a:active, a:visited{cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  159.  
  160. color: #d2dae5; /* change the color*/
  161. text-decoration: none;
  162. -webkit-transition: color 0.5s ease-out;
  163. -moz-transition: color 0.5s ease-out;
  164.  
  165. }
  166.  
  167.  
  168. a:hover{cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;color:#eee; /* change the color*/
  169. -webkit-transition-duration: .9s;
  170. -webkit-transition: color 0.3s ease-out;
  171. -moz-transition: color 0.3s ease-out;
  172.  
  173. }
  174.  
  175. #box{
  176. box-shadow:rgba(0,0,0,.05) 10px 10px;
  177. background:#fff;
  178.  
  179. position:fixed !important;
  180. width:730px;
  181. background:#d2dae5; /* CHANGE THE COLOR*/
  182. height:325px;
  183. outline-offset:-8px;
  184. outline:1px solid #fff;
  185. border:1px solid #fff;
  186. margin-top:120px;
  187. margin-left:305px;
  188. text-align:left;
  189. }
  190.  
  191.  
  192. #linkss{
  193. opacity:1.0;
  194. margin-left:-35px;
  195. margin-top:0px;
  196. position:fixed;
  197. z-index:9;
  198. transition: all 0.9s ease-out;
  199. -o-transition-transition: all 0.9s ease-out;
  200. -webkit-transition: all 0.9s ease-out;
  201. -moz-transition: all 0.9s ease-out;
  202. }
  203.  
  204.  
  205. #linkss a {
  206. font-family:calibri;
  207. display:inline-block;
  208. padding:5px;
  209. z-index:9;
  210. width:10px;
  211. height:10px;
  212. border-radius:333px;
  213. margin-left:5px;
  214. z-index:99999;
  215. text-align:center;
  216. background:#d2dae5; /* CHANGE THE COLOR*/
  217. color:#94a6c1; /* CHANGE THE COLOR*/
  218. margin-top:9px;
  219. border:1px solid #d2dae5;
  220. transition: all 0.5s ease-out;
  221. -o-transition-transition: all 0.5s ease-out;
  222. -webkit-transition: all 0.5s ease-out;
  223. -moz-transition: all 0.5s ease-out;
  224. }
  225.  
  226. #linkss a:hover{
  227. background:#fff;
  228. border:1px solid #d2dae5; /* CHANGE THE COLOR*/
  229. transition: all 0.5s ease-out;
  230. -o-transition-transition: all 0.5s ease-out;
  231. -webkit-transition: all 0.5s ease-out;
  232. -moz-transition: all 0.5s ease-out;
  233. }
  234.  
  235.  
  236. #title{
  237. position:fixed !important;
  238. z-index:9999999999999999999999999;
  239. margin-top:-50px;
  240. margin-left:0px;
  241. height:40px;
  242. width:700px;
  243. padding:15px;font-weight:bold;
  244. letter-spacing:1px;
  245. font-family:raleway;
  246. font-size:35px;
  247. text-transform:normal;
  248. color:#fff;
  249. text-shadow:-1px 0 #d2dae5, 0 1px #d2dae5, 1px 0 #d2dae5, 0 -1px #d2dae5;
  250. /* CHANGE THE COLORS*/
  251. line-height:10px;
  252. overflow:hidden;
  253.  
  254. -webkit-transition: all .7s ease;
  255. -moz-transition: all .7s ease;
  256. -o-transition: all .7s ease;
  257. transition: all .7s ease;
  258.  
  259.  
  260. }
  261.  
  262.  
  263. #following{
  264. overflow-y:auto;
  265. opacity:1.0;
  266. border:1px double #fff;
  267. position:fixed !important;
  268. z-index:9999999999999999999999999;
  269. margin-top:20px;
  270. margin-left:18px;
  271. height:260px;
  272. width:665px;
  273. padding:12px;
  274. letter-spacing:1px;
  275. font-family:calibri;
  276. font-size:10px;
  277. text-transform:uppercase;
  278. color:#aaa;
  279. background:white;
  280. -webkit-transition: all .7s ease;
  281. -moz-transition: all .7s ease;
  282. -o-transition: all .7s ease;
  283. transition: all .7s ease;
  284.  
  285. }
  286.  
  287. #following img{font-family:calibri;
  288. display:inline-block;
  289. padding:10px;
  290. z-index:9;
  291. width:50px;
  292. height:50px;
  293. border-radius:100px;
  294. margin-left:9px;
  295. z-index:99999;
  296. text-align:center;
  297. background:#d2dae5; /* CHANGE THE COLOR*/
  298. color:#fff; /* CHANGE THE COLOR*/
  299. margin-top:15px;
  300. opacity:.6;
  301. transition: all 0.5s ease-out;
  302. -o-transition-transition: all 0.5s ease-out;
  303. -webkit-transition: all 0.5s ease-out;
  304. -moz-transition: all 0.5s ease-out;
  305. -moz-transition-duration:0.4s;
  306. -webkit-transition-duration:0.4s;
  307. -o-transition-duration:0.4s;
  308. -ms-transition-duration:0.4s;}
  309.  
  310. #following img:hover{border-radius:0px;
  311. -webkit-transform: scale(1.15);
  312. -moz-transform: scale(1.15);
  313. -o-transform: scale(1.15);
  314. -ms-transform: scale(1.15);
  315.  
  316. opacity:1;
  317.  
  318. -o-transition-transition: all 0.7s ease;
  319. -webkit-transition: all 0.7s ease;
  320. -moz-transition: all 0.7s ease;
  321. -webkit-filter:grayscale(0%);
  322.  
  323. }
  324.  
  325.  
  326.  
  327. #color{
  328. background-color:#d2dae5;
  329. repeat:repeat-x;
  330. width:100%;
  331. height:15px;
  332. border-bottom:5px solid #fff;
  333. position: fixed;
  334. opacity:1;
  335. margin-left:0px;
  336. margin-top:0px;
  337. z-index:99999;
  338. }
  339.  
  340. </style>
  341. </head>
  342.  
  343. <body>
  344. <div id="color"></div>
  345.  
  346.  
  347.  
  348.  
  349. <div id="box">
  350. <div id="linkss">
  351. <a href="/" title="back to my blog"></a><br>
  352. <a href="/ask" title="message me!"></a><br>
  353. <a href="http://planthed.tumblr.com" title="she made this lovely blogroll"></a><br>
  354. </div>
  355.  
  356. <div id="title">rad blogs all around the world</div>
  357.  
  358. <div id="following">
  359.  
  360. {block:Following}
  361. {block:Followed}
  362.  
  363. <a href="{FollowedURL}" target="_blank" title="{FollowedName}"><img src="{FollowedPortraitURL-64}"> </a>
  364.  
  365. {/block:Followed}
  366. {/block:Following}
  367.  
  368.  
  369. </div>
  370.  
  371.  
  372. </div></div>
  373.  
  374. <div style="position:fixed; right:0px; bottom:-5px; opacity:0.6;"><img src="http://media.tumblr.com/tumblr_m5eui0Bqib1rqmdb7.png"width="300"></div>
  375.  
  376.  
  377.  
  378. </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!