TattyRM

THEME DIVULGAÇÃO 5

Apr 9th, 2015
286
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.79 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <!---------------------------------------------------------------------------
  4. Base do theme por Warvada. Modificado e adaptado por dressby
  5. ----------------------------------------------------------------------------->
  6.  
  7. <head profile="http://gmpg.org/xfn/11">
  8.  
  9.  
  10.  
  11.  
  12. <link rel="shortcut icon" href="{favicon}">
  13.  
  14.  
  15. <!-- Efeito do titulo na aba do navegador -->
  16. <script type="text/javascript">
  17. var rev = "fwd";function titlebar(val)
  18. {var msg = "{title}";
  19. var res = " ";
  20. var speed = 120;var pos = val;msg = "{title}";var le = msg.length;if(rev == "fwd"){if(pos < le){pos = pos+1;scroll = msg.substr(0,pos);document.title = scroll;timer = window.setTimeout("titlebar("+pos+")",speed);}
  21. else{rev = "bwd";
  22. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  23. else{
  24. if(pos > 0){
  25. pos = pos-1;var ale = le-pos;scrol = msg.substr(ale,le);document.title = scrol;timer = window.setTimeout("titlebar("+pos+")",speed);}
  26. else{rev = "fwd";timer = window.setTimeout("titlebar("+pos+")",speed);}}}
  27. titlebar(0);
  28. </script>
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35. <!-- Appearance -->
  36. <!-- imagens-->
  37. <meta name="image:sidebar" content=""/>
  38.  
  39. <!-- cores-->
  40. <meta name="color:background" content="#fff"/>
  41. <meta name="color:text" content="#222"/>
  42. <meta name="color:links" content="#222"/>
  43. <meta name="color:links hover" content="#000"/>
  44. <meta name="color:menu link" content="#222" />
  45. <meta name="color:menu hover" content="#eee"/>
  46. <meta name="color:menu link hover" content="#fff" />
  47.  
  48. <!-- links e textos-->
  49. <meta name="text:link1" content=" " />
  50. <meta name="text:link1 titulo" content=" " />
  51. <meta name="text:link2" content=" " />
  52. <meta name="text:link2 titulo" content=" " />
  53. <meta name="text:link3" content=" " />
  54. <meta name="text:link3 titulo" content=" " />
  55. <meta name="text:link4" content=" " />
  56. <meta name="text:link4 titulo" content=" " />
  57. <meta name="text:link5" content=" " />
  58. <meta name="text:link5 titulo" content=" " />
  59.  
  60.  
  61.  
  62.  
  63.  
  64. <!--barra de rolagem e grade do theme: nao tire -->
  65. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  66. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  67. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  68.  
  69.  
  70.  
  71. <link href=’http://fonts.googleapis.com/css?family=Lemon|Nunito’ rel=’stylesheet’ type=’text/css’>
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78. </head>
  79.  
  80. <style type="text/css" media="screen">
  81.  
  82. /*definições geral (cor do fundo, fonte, tamanho, alinhamento e etc*/
  83. body {background:{color:background}; color:{color:text}; font-family:'corbel'; font-size:11px; text-align:left;}
  84.  
  85.  
  86. /*links (geral)*/
  87. a {color:{color:links}; text-decoration:none;}
  88. a:hover {color:{color:linkshover};}
  89.  
  90.  
  91. /*blockquote dos posts*/
  92. blockquote {margin:10px; background:#fbfbfb; border:1px solid #ddd;}
  93.  
  94.  
  95.  
  96. /*alinhamento dos posts*/
  97. #content {position:absolute; width:650px; margin-left:460px; margin-top:40px ;fixed;}
  98.  
  99.  
  100. /*caixas dos posts*/
  101. .caixa {background:{color:background}; width:250px; margin:3px;}
  102. .caixa img{max-width:250px;}.imaagem img{width:250px;}.vsanna{display:none;}
  103.  
  104.  
  105.  
  106. /*Notes por warvada. Não use sem permissão*/
  107. .caixa .notes {margin-top:0px; margin-left:-5px; width:240px; height:13px; line-height:14px; text-align:right; color:{color:links}; font-size:8px; font-family:'segoe print'; text-transform:lowercase; opacity:0; transition-duration:.8s; transform:rotatex(180deg);}
  108. .notes a{color:{color:links};}
  109. .notes a:hover{color:{color:links hover};}
  110. .caixa:hover .notes {opacity:1; margin-left:0px; transition-duration:.8s; transform:rotatey(0deg);}
  111.  
  112.  
  113. /*titulo dos posts*/
  114. titulo {font-size:12px;text-align:justify;}
  115.  
  116.  
  117.  
  118.  
  119. /*estilo de ask (warvada)*/
  120. .perguntou {background:#fbfbfb; border-bottom:1px solid #e781f0 ; text-transform:lowercase; margin-left:0px; padding:2px;}
  121. .resposta {width:100%;}
  122.  
  123.  
  124.  
  125. /*Sidebar (alinhamento)*/
  126. .side{position:fixed; margin-top:130px; margin-left:210px; width:170px; height:250px;}
  127.  
  128. /*imagem da sidebar*/
  129. .sideimg img{width:250px; height:190px; margin-top:0px; margin-left:0px;}
  130.  
  131. /*frase */
  132. .desc{position:fixed; margin-left:-200px; margin-top:-24px; width:250px; text-align:center; font-size:10px; background:#eee; opacity:.7; transition:.80s;}
  133.  
  134. /*menu*/
  135. .menu{position:fixed; margin-top:34px; margin-left:-170px; text-align:center; width:180px; text-align:center; font-size:12px; transition:.80s;}
  136. .menu a{color:{color:menu link};}
  137. .menu a:hover{background:{color:menu hover}; color:{color:menu link hover};}
  138.  
  139.  
  140. /*Titulos*/
  141. .t1{position:fixed; margin-top:-80px; margin-left:-220px; width:310px; height:60px; line-height:55px; font-family:tahoma; text-indent:70px; color:#eee; text-align:left; font-size:28px; text-shadow:2px 1px 0px #c1c1c1 ; background-image:url('http://static.tumblr.com/qwcwqom/wyAmdnlrp/c.png');}
  142. .t2{position:fixed; margin-top:40px; margin-left:-220px; width:310px; height:60px; line-height:55px; font-family:tahoma; text-indent:90px; color:#eee; text-align:left; font-size:18px; text-shadow:2px 1px 0px #c1c1c1 ; background-image:url('http://static.tumblr.com/qwcwqom/wyAmdnlrp/c.png');}
  143. .t3{position:fixed; margin-top:280px; margin-left:-10px; width:310px; height:60px; line-height:55px; font-family:tahoma; text-indent:50px; color:#eee ; text-align:left; font-size:18px; text-shadow:2px 1px 0px #c1c1c1 ; background-image:url('http://static.tumblr.com/qwcwqom/wyAmdnlrp/c.png');}
  144. .t4{position:fixed; margin-top:435px; margin-left:-10px; width:310px; height:60px; line-height:55px; font-family:tahoma; text-indent:100px; color:#eee; text-align:left; font-size:18px; text-shadow:2px 1px 0px #c1c1c1 ; background-image:url('http://static.tumblr.com/qwcwqom/wyAmdnlrp/c.png');}
  145.  
  146.  
  147. /*Barrinha por Warvada*/
  148. .wr1{position:fixed; top:15px; left:340px; width:5px; height:700px;
  149. background:#eee; /*Fundo da barrinha*/
  150. border-left:2px solid #ddd; /*bordinha da esquerda*/
  151. border-right:1px dashed #fff; /*bordinha da direita*/}
  152. /*Barrinha por Warvada*/
  153.  
  154.  
  155. /***Feito por futurasuicida usar credite a mim. pegar sem credito vai ter porrada, se for usarcomo insp pra fazer outro codigo credita mesmo assim.***/
  156.  
  157. .box{width:350px;height:10px;position:absolute;margin-top:90px;z-index: 11;margin-left:-250px; background-color:transparent; font-size: 11px; color: #acacac; text-align: justify; font-family: 'arial';fixed}
  158. .mode{width:52px; margin:1px;border-radius:8px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; cursor:pointer;-webkit-filter: grayscale(0%);
  159. -webkit-transition:all .3s linear;
  160. -moz-transition:all .3s linear;transition:all .3s linear;
  161. -webkit-transition-duration: .80s; }
  162. /***futurasuicida refuse imitations ***/
  163. .modera img{width:60px;box-shadow:1px 1px 2px #ccc;}
  164. .modera:hover img {opacity: 0.4;}
  165. /***futurasuicida refuse imitations ***/
  166. .modera img:hover {opacity: 1;-webkit-transition: background 0.6s linear; -webkit-transform: rotate(360deg); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  167. /***futurasuicida refuse imitations ***/
  168.  
  169.  
  170. /***Feito por futurasuicida usar credite a mim. pegar sem credito vai ter porrada, se for usarcomo insp pra fazer outro codigo credita mesmo assim.***/
  171.  
  172. .box1{width:250px;height:10px;position:absolute;margin-top:330px;z-index: 11;margin-left:12px; background-color:transparent; font-size: 11px; color: #acacac; text-align: justify; font-family: 'arial';position:fixed}
  173. .mode1{width:52px; margin:1px;border-radius:8px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; cursor:pointer;-webkit-filter: grayscale(0%);
  174. -webkit-transition:all .3s linear;
  175. -moz-transition:all .3s linear;transition:all .3s linear;
  176. -webkit-transition-duration: .80s; }
  177. /***futurasuicida refuse imitations ***/
  178. .modera1 img{width:50px;box-shadow:1px 1px 2px #ccc;}
  179. .modera1:hover img {opacity: 0.4;}
  180. /***futurasuicida refuse imitations ***/
  181. .modera1 img:hover {opacity: 1;-webkit-transition: background 0.6s linear; -webkit-transform: rotate(360deg); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  182. /***futurasuicida refuse imitations ***/
  183.  
  184. /***Feito por futurasuicida usar credite a mim. pegar sem credito vai ter porrada, se for usarcomo insp pra fazer outro codigo credita mesmo assim.***/
  185.  
  186. .box2{width:300px;height:10px;position:absolute;margin-top:490px;z-index: 11;margin-left:-10px; background-color:transparent; font-size: 11px; color: #acacac; text-align: justify; font-family: 'arial';position:fixed}
  187. .mode2{width:52px; margin:1px;border-radius:8px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; cursor:pointer;-webkit-filter: grayscale(0%);
  188. -webkit-transition:all .3s linear;
  189. -moz-transition:all .3s linear;transition:all .3s linear;
  190. -webkit-transition-duration: .80s; }
  191. /***futurasuicida refuse imitations ***/
  192. .modera2 img{width:40px;box-shadow:1px 1px 2px #ccc;}
  193. .modera2:hover img {opacity: 0.4;}
  194. /***futurasuicida refuse imitations ***/
  195. .modera2 img:hover {opacity: 1;-webkit-transition: background 0.6s linear; -webkit-transform: rotate(360deg); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  196. /***futurasuicida refuse imitations ***/
  197.  
  198.  
  199.  
  200.  
  201. </style>
  202.  
  203. <div style=" background-image: url('http://3.bp.blogspot.com/-9MDvVJuX07g/U5xc1H7_fTI/AAAAAAAAA_8/MCImGRkyKGc/s1600/BARRINHA.png'); top:-110px; left: 0px; width: 200%; height:155px; z-index: 100; position: fixed; z-index:9999999;"></div>
  204.  
  205. <body onkeydown="return false">
  206.  
  207.  
  208. <div class="wr1"></div>
  209.  
  210.  
  211. <!--inicio da sidebar -->
  212. <div class="side">
  213.  
  214.  
  215.  
  216. <div class="desc">{description}</div>
  217.  
  218. <div class="menu">
  219. <a href="{text:link1}">{text:link1 titulo}</a>
  220. <a href="{text:link2}">{text:link2 titulo}</a>
  221. <a href="{text:link3}">{text:link3 titulo}</a>
  222. <a href="{text:link4}">{text:link4 titulo}</a>
  223. <a href="{text:link5}">{text:link5 titulo}</a>
  224. </div>
  225.  
  226.  
  227.  
  228. <div class="t1"> BEM VINDO</div>
  229. <div class="t2"> Moderadores</div>
  230.  
  231. <div class="box">
  232. <div class="modera"><center>
  233. <a title="NOME " href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode1"></a>
  234.  
  235. <a title="NOME " href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode"></a>
  236.  
  237. <a title="NOME " href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode"></a>
  238.  
  239. <a title="NOME " href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode"></a>
  240.  
  241.  
  242.  
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. </div>
  249.  
  250.  
  251. <div class="t3"> Destaques da semana </div>
  252.  
  253. <div class="box1">
  254. <div class="modera1"><center>
  255. <a title="DESTAQUE DA SEMANA" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode1"></a>
  256.  
  257. <a title="DESTAQUE DA SEMANA" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode1"></a>
  258.  
  259.  
  260. <a title="DESTAQUE DA SEMANA" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode1"></a>
  261.  
  262. <a title="DESTAQUE DA SEMANA" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode1"></a>
  263.  
  264. <a title="DESTAQUE DA SEMANA" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode1"></a>
  265.  
  266. <a title="DESTAQUE DA SEMANA" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode1"></a>
  267.  
  268. <a title="DESTAQUE DA SEMANA" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode1"></a>
  269.  
  270. <a title="DESTAQUE DA SEMANA" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode1"></a>
  271.  
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278.  
  279. <div class="t4"> Parceiros</div>
  280.  
  281.  
  282. <div class="box2">
  283. <div class="modera2"><center>
  284.  
  285. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  286.  
  287. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  288.  
  289. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  290.  
  291. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  292.  
  293. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  294.  
  295. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  296.  
  297. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  298.  
  299. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  300.  
  301. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  302.  
  303. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  304.  
  305. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  306.  
  307. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  308.  
  309. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  310.  
  311. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  312.  
  313. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  314.  
  315. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  316.  
  317. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  318.  
  319. <a title="NOME DO TUMBLR AQUI" href="http://URLAQUI.tumblr.com/"><img src="http://api.tumblr.com/v2/blog/divulgando-loves.tumblr.com/avatar/96/" class="mode2"></a>
  320.  
  321.  
  322.  
  323. </div>
  324. </div>
  325. </div>
  326. </div>
  327. </div>
  328. </div>
  329.  
  330.  
  331.  
  332.  
  333. <!--inicio dos posts-->
  334. <div id="content">
  335. {block:Posts}
  336. <div class="caixa">
  337.  
  338.  
  339.  
  340.  
  341. {block:Text}
  342. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  343. {body}
  344. {/block:Text}
  345.  
  346.  
  347.  
  348. {block:Photo}
  349. {LinkOpenTag}
  350. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  351. {/block:Photo}
  352.  
  353.  
  354.  
  355. {block:Photoset}
  356. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  357. {/block:Photoset}
  358.  
  359.  
  360.  
  361. {block:Quote}
  362. {Quote} <br>
  363. {block:Source}{Source}{/block:Source}
  364. {/block:Quote}
  365.  
  366.  
  367.  
  368. {block:Chat}
  369. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  370. {block:Lines}
  371. <div class="chat">
  372. <div class="lines">{block:Label}
  373. <span>{Label}</span>
  374. {/block:Label}
  375. {Line}</div></div>
  376. {/block:Lines}
  377. {/block:Chat}
  378.  
  379.  
  380.  
  381. {block:Link}
  382. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  383. {block:Description}{Description}{/block:Description}
  384. {/block:Link}
  385.  
  386.  
  387.  
  388. {block:Audio}
  389. {AudioPlayer}
  390. {/block:Audio}
  391.  
  392.  
  393.  
  394. {block:Video}
  395. {block:Indexpage}{Video-250}{/block:IndexPage}
  396. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  397. {block:Caption}{Caption}{/block:Caption}
  398. {/block:Video}
  399.  
  400.  
  401.  
  402. {block:Answer}
  403. <div class="perguntou"><b>{Asker}:</b> {Question}</div>
  404. <div class="resposta">{Answer}</div>
  405. {/block:Answer}
  406.  
  407.  
  408.  
  409.  
  410. <!--notes-->
  411. {block:indexpage}
  412. <div class="notes">
  413. <a href="{Permalink}">{TimeAgo} ♥ <a href="{Permalink}" {block:NoteCount}{/block:NoteCount} </a>
  414. <a href="{permalink}">{NoteCount} notes ♥ </a> .
  415. <a href="{ReblogURL}" target="_blank">Reblog ♥ </a>
  416.  
  417. </div>
  418. {/block:indexpage}
  419.  
  420.  
  421.  
  422.  
  423. <!--bloqueio do via e source -->
  424. <div class="vsanna">
  425. {block:RebloggedFrom}
  426. <a href="{ReblogParentURL}">via</a>
  427. {/block:RebloggedFrom}
  428. {block:ContentSource}
  429. <a href="{SourceURL}">source</a>
  430. {/block:ContentSource}
  431. </div>
  432.  
  433.  
  434.  
  435.  
  436.  
  437. </div>
  438. {/block:Posts}
  439. </div>
  440. <!--fim dos posts-->
  441.  
  442.  
  443.  
  444. <!-- script barra de rolagem e grade (duas ou mais colunas): NÃO RETIRE!-->
  445. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  446. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  447. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  448. <script type="text/javascript">
  449. $(window).load(function () {
  450. $('#content').masonry(),
  451. $('.masonryWrap').infinitescroll({
  452. navSelector : "div#navigation",
  453. nextSelector : "div#navigation a#nextPage",
  454. itemSelector : ".caixa",
  455. bufferPx : 10000,
  456. extraScrollPx: 11000,
  457. loadingImg : "",
  458. loadingText : "<i> </i>",
  459. },
  460. // call masonry as a callback.
  461. function() { $('#content').masonry({ appendedContent: $(this) }); }
  462. );
  463. });
  464. </script>
  465.  
  466. {block:IndexPage}
  467. <div class="column navigation" id="navigation">
  468.  
  469. {block:Pagination}
  470. {block:PreviousPage}
  471. <a href="{PreviousPage}" class="navigate">
  472. {/block:PreviousPage}
  473. {block:PreviousPage}</a>
  474. {/block:PreviousPage}
  475.  
  476. {block:NextPage}
  477. <a href="{NextPage}" class="navigate" id="nextPage">
  478. {/block:NextPage}
  479. {block:NextPage}</a>{/block:NextPage}
  480. {/block:Pagination}
  481.  
  482. </div>
  483. {/block:IndexPage}
  484.  
  485.  
  486. </body>
  487.  
  488. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  489. <div style="position:fixed; bottom:60px; left:1210px;">
  490. <font color="#4682B4"><small></small></font>
  491. <a href="dressby.tumblr.com" title="Theme por Dressby + Base por Warvada">Dressby</a>
  492. <font color="#ff5191"><small>❤</small></font>
  493. </div>
  494. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  495.  
  496.  
  497.  
  498. </html>
Advertisement
Add Comment
Please, Sign In to add comment