planejava

theme 19

Aug 2nd, 2014
260
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.65 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5.  
  6. <html>
  7.  
  8. <head>
  9.  
  10.   <!--------------- THEME POR PLANEJAVA, BASE POR OHSLUV, NÃO COPIE, NÃO SE INSPIRE, PEGOU DETALHES? CREDITE E ME AVISE PORRA, É PRA AVISAR SE NÃO, NÃO VO LIBERAR MAIS ESSA PORRA BLZ ? ----------------->
  11.  
  12.  
  13. <script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script>
  14.  
  15.  
  16.  
  17.  <link href='http://fonts.googleapis.com/css?family=Marck+Script|Tangerine' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  19.  
  20.  
  21. <!-- INICIO DO DEFAULT VARIABLES / APPEARANCE -->
  22.  
  23.  
  24.  
  25. <!-- CORES DOS TEXTOS, LINKS E BACKGROUNDS -->
  26. <meta name="color:background" content="#ffffff" />
  27.  
  28.  <meta name="image:side" content="/" />
  29.  
  30.  
  31.  
  32. <!-- BACKGROUND DA PÁGINA -->
  33. <meta name="image:background" content="/" />
  34. <!-- FIM DO BACKGROUND DA PÁGINA -->
  35.  
  36. <meta name="color:text" content="#000" />
  37. <meta name="color:links" content="#000" />
  38. <meta name="color:links hover" content="#FF3030" />
  39. <meta name="color: background links" content="#fff" />
  40. <meta name="color:frase" content="#000" />
  41. <meta name="color:background frase" content="#fff" />
  42. <meta name="text:frase 1" content="meiga o caralho," />
  43. <meta name="text:frase 2" content="ela é safada e ele adora" />
  44.  
  45.  <meta name="text:link1" content="/" />
  46. <meta name="text:link1 title" content="vibe" />
  47. <meta name="text:link2" content="/" />
  48. <meta name="text:link2 title" content="wspp" />
  49. <meta name="text:link3" content="/" />
  50. <meta name="text:link3 title" content="texts" />
  51. <meta name="text:link4" content="/" />
  52. <meta name="text:link4 title" content="stuff" />
  53. <meta name="text:link5" content="/" />
  54. <meta name="text:link5 title" content="thms" />
  55.  
  56.  
  57.  
  58.  
  59.  
  60. <!-- TÍTULO DA FAVICON (ABA DO NAVEGADOR) -->
  61.  <title>{Title}</title>
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  <!-- IMAGEM DA FAVICON (ABA DO NAVEGADOR) -->
  68.         <link rel="shortcut icon" href="{FavIcon}">
  69.        
  70.        
  71.        
  72.        
  73.        
  74. <!-- DESCRIÇÃO  -->        
  75.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  76.         {block:description}
  77.   <meta name="description" content="{Meta
  78.  ption}" />
  79.         {/block:Description}
  80.        
  81.        
  82.        
  83.        
  84.        
  85.          
  86.  
  87.     <style type="text/css">
  88.  
  89.  
  90.  
  91.  
  92.    body {color:{color:text};background-color:{color:background}; background-image: url('{image:background}'); background-attachment:fixed;  font-family:'calibri';font-size:11px; line-height:100%; text-align:justify; text-transform: none;text-align: left; font-style: none; }
  93.    
  94.  
  95.  
  96. #entries {position:absolute; margin:auto; margin-top:10px;  margin-bottom:30px; margin-left:600px; width:400px;}
  97.  
  98.  
  99.  
  100. .nigga {overflow: hidden; float:left; position:relative;  {block:IndexPage}width:400px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage};}
  101.  
  102.  
  103. .entry {background:transparent; margin: 1px; {block:IndexPage}width:400px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage};  overflow: hidden; float:left; position:relative; padding:2px;}
  104.  
  105.  
  106.  .entry img {max-width:400px; {block:IndexPage}max-width:400px;{/block:IndexPage};}
  107.  
  108.  
  109.  
  110.  /* BLOCKQUOTE */
  111. blockquote {margin: 0px; padding-left: 0px; }
  112. blockquote img{width: 400px!important; text-align:justify;}
  113.  
  114.  
  115.  
  116.   /* NOTES DAS IMAGENS, PHOTOSETS E VIDEOS */
  117. .notes{background: none ; height:14px;    padding:15px 0 15px 0; width:250px; left:-90; bottom:0;position:absolute;-webkit-transition-duration: 0.4s;  -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;text-align:center;opacity:0;}
  118. .notes a:hover{text-decoration:none;}
  119.  
  120. .notes .flow img{width:13px;  padding-top:px; background:#000; padding:5px;   /* REBLOG */}
  121.  
  122. .like img {width:13px;  margin-left:2px; padding:5px; background:#000;   /* LIKE */}
  123. .entry:hover .notes{opacity:0.8;}
  124.  
  125.  
  126.  
  127.  
  128.  /* NOTES DOS TÍTULOS, QUOTES, CHATS, LINKS E TEXTOS */
  129. .notex {font-family:calibri; opacity:0; font-size:10px; text-transform: lowercase; text-align:right; color:{color:texto do post}; -webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; margin-top:0px;}
  130. .entry:hover .notex {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; opacity:1; font-size:10px; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;}  
  131.  
  132.  
  133.  
  134. /* NEGRITO, ITALICO E SUBLINHADO */
  135. b, strong {color: {color:text}; text-decoration: none;}
  136. s {color: {color:text};}
  137. i, em {color: {color:text}; text-decoration: none;}
  138. u,underline {color:{color:text}; border-bottom: 1px dashed {color:text}; text-decoration:none; }
  139.  
  140.  
  141.  /* LINKS */
  142.  
  143. a {color: {color:text}; text-decoration: none; text-transform: none;}
  144. a:hover {-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; color:{color:text};text-transform: none ;}
  145. }
  146.  
  147.  
  148. /* PARÁGRAFO */
  149. p {margin: 6px 0 0 0}
  150.  
  151.  
  152.  
  153. /* TÍTULOS */
  154.  
  155. h1 { font-family: 'calibri'; text-align: center; font-size: 14px; font-style: none; color: {color:text}; font-weight: normal; }
  156. h1 a {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; ;padding: 20px;}
  157. h1 a:hover {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal;padding: 20px;}
  158.  
  159.  
  160.  
  161.  
  162. /* QUOTES */
  163.  
  164. /* QUOTE  cerejadosundae */
  165. .quote {margin: 0; padding: 5px; font: normal 11px 'calibri'; text-align: justify;}
  166. .qsource {font-family:calibri; color:{color:text}; text-transform:none; text-align:center;font-size:11px; margin-top:1px;}
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173. /*BARRA DE ROLAGEM PERSONALIZADA */  
  174. ::-webkit-scrollbar-thumb:vertical {background: #aaa Url('');height:6px; ;}
  175.  
  176. ::-webkit-scrollbar-button:vertical {height:0px;display: block; background:#fff;}
  177.  
  178.  
  179. ::-webkit-scrollbar {height:0px;width:5px;background-color:#fff;}
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187. /* CHATS */
  188.  
  189.  
  190. .chat {line-height: 13px; list-style: none }
  191. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:13px;}
  192. .person1 {color: {color:text}; padding: 2px; background:; border-radius:10px; margin-bottom:2px;}
  193. .person1 .label {font-weight: bold;  color:{color:text}}
  194. .person2 {color: {color:text}; padding: 2px; background:; border-radius:10px;  margin-bottom:2px; }
  195. .person2 .label {font-weight: bold;  color:{color:text}}
  196.  
  197.  
  198.  
  199.  
  200.  
  201. /* ASK */
  202.  
  203. #pergunta { font-family:verdana; text-align:left; color: {color:text}; font-size:10px; }
  204. #resposta {font-family:verdana; font-size:10px;}
  205.  
  206.  
  207.  
  208. /* TIRAR O VIA E O SOURCE */
  209. .crlh{display: none;}
  210. .source {display: none;}
  211.  
  212.  
  213.  
  214.  
  215.  
  216. /*CONTROLES (NÃO MEXA) */
  217.  
  218. .tumblrAutoPager_page_separator,
  219. .tumblrAutoPager_page_info {display: none;}
  220.  
  221. #tumblr_controls{position: fixed!important}
  222. #tumblr_controls{position: fixed!important}
  223. #tumblr_controls{position: fixed!important}
  224. #tumblr_controls{position: fixed!important}
  225.  
  226. /* ÁUDIO */
  227.  
  228. .audio{background-color:#fff; COLOR: {color:text};}
  229.    
  230.    
  231. .nubss {width: 220px; height: 40px; position: fixed; margin-top: 50px; margin-left: 350px;}
  232. .nubss img {position: fixed; width: 160px; height: 215px; }
  233.  
  234. #shist {width: 50px; height: 10; position: fixed; margin-top:215px; margin-left: 0px; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
  235. #shist img {position: fixed; width: 50px; height: 30px;}
  236.  
  237. #oi {width: 60px; height: 10; position: fixed; margin-top:213px; margin-left: 55px; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  238. #oi img {position: fixed; width: 100px; height: 30px;}
  239.  
  240.  /*** MENU POR PLANEJAVA, TUTORIAL POR HTML-PARTY **/
  241. .pimenta { font-size: 12px;  display: inline-block; background:transparent;  width:160px; height: 15px; ;text-align: center; position: fixed ; font-family: 'calibri'; margin-top: 220px; line-height: 15px; margin-left: 0px;;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; z-index: 9;opacity: 0;}
  242. .pimenta a {text-transform: none; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;color: {color:links}; }
  243. .pimenta a:hover {color:{color:links hover} ; }
  244. .caixinha {background:{color: background links}; position: fixed; width: 160px; height: 15px; margin-top: 220px; margin-left: 0px; opacity: 0; border-radius: 5px;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  245.  
  246. .nubss:hover #shist {margin-top: 165px;  -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  247.  
  248. .nubss:hover #oi {opacity: 0; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  249.  
  250. .nubss:hover .pimenta {opacity: 1; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  251.  
  252. .nubss:hover .caixinha {opacity: 0.7; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  253.  
  254. .frase { width: 100px; height: 12px; position: fixed; margin-top: 183px; margin-left: 55px; font-size: 14px; font-family: 'calibri'; color:{color:frase}; background-color:transparent; text-align: center;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; z-index: 9; opacity: 0;}
  255.  
  256. .bg {background:{color:background frase}; position: fixed; width: 100px; height: 15px; margin-top: 182px; margin-left: 55px; opacity: 0; border-radius: 5px;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  257.  
  258. .nubss:hover .frase {opacity: 1; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  259.  
  260. .nubss:hover .bg {opacity: 0.7; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  261.  
  262. .frase2 { width: 200px; height: 12px; position: fixed; margin-top: 198px; margin-left: -30px; font-size: 14px; font-family: 'calibri'; color:{color:frase}; background-color:transparent; text-align: center;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; z-index: 9; opacity:0;}
  263.  
  264. .bg2 {background:{color:background frase}; position: fixed; width: 140px; height: 15px; margin-top: 197px; margin-left: 0px; opacity: 0; border-radius: 5px;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
  265.  
  266. .nubss:hover .frase2 {opacity: 1;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
  267.  
  268. .nubss:hover .bg2 {opacity: 0.7; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  269.  
  270. .stefan {position:  fixed; width: 100px; margin-top: 700px; margin-left: 1070px;}
  271. .stefan a {text-align: center; font-size: 12px; color: #000; text-transform: none; font-family: 'calibri';}
  272.  
  273. </style>
  274.  
  275. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  276.  
  277.  
  278. <div class="nubss">
  279. <img src="{image:side}">
  280.    
  281. <div id="shist">
  282. <img src="http://static.tumblr.com/3enpkf8/Wt6n9dvxu/2.png">
  283.    
  284. </div>
  285.  
  286. <div id="oi">
  287. <img src="http://static.tumblr.com/3enpkf8/AhOn9dw5z/bebidas_c__pia.png">
  288.    
  289. </div>
  290.  
  291. <div class="pimenta">
  292. <a href="{text:link1}">{text:link1 title} </a>  
  293.  
  294. <a href="{text:link2}">{text:link2 title} </a>
  295.  
  296. <a href="{text:link3}">{text:link3 title} </a>
  297.  
  298. <a href="{text:link4}">{text:link4 title} </a>
  299.  
  300. <a href="{text:link5}">{text:link5 title} </a></div>
  301.    
  302. <div class="caixinha"></div>
  303.  
  304. <div class="frase">{text:frase 1}</div>
  305.    
  306. <div class="bg"></div>
  307.  
  308. <div class="frase2">{text:frase 2}</div>
  309.  
  310. <div class="bg2"></div>
  311.    
  312. </div>
  313.  
  314. <div class="stefan"> <a href="http://planejava.tumblr.com/" title="base por OHSLUV">planejava</a> </div>
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321.  
  322. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  323. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  324. <!-- FIM ROLAGEM INFINITA -->
  325.  
  326.  
  327.  
  328.  
  329. <!-- INICIO DOS POSTS-->
  330. <div id="entries">{block:Posts}
  331.  
  332.  
  333. <div class="entry">
  334.  
  335.  
  336. <div class="nigga">
  337.  
  338.    <!-- TÍTULOS  -->
  339. {block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  340. <div class="notex">{block:IndexPage}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:Text}
  341.  
  342.  <!-- FIM TÍTULOS -->
  343.  
  344.  
  345.  
  346.  
  347.  
  348.   <!-- PHOTOSET -->
  349.  
  350. {block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}<div class="notes"><a href="{ReblogURL}"  target="_blank"><span class="flow"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><span class="like" data-reblog="{ReblogURL}" data-id="{PostID}" ><img src="http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{/block:Photoset}
  351.  <!-- FIM PHOTOSET -->
  352.  
  353.  
  354.  
  355.  
  356.  
  357.   <!-- IMAGENS -->
  358.  
  359. <div id="cap">{block:Photo}{block:IndexPage}<div class="notes"><a href="{ReblogURL}"  target="_blank"><span class="flow"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><span class="like" data-reblog="{ReblogURL}" data-id="{PostID}" ><img src="http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}<img src="{PhotoURL-250}" width="400">{/block:IndexPage}{/block:Photo}
  360.  <!-- FIM IMAGENS -->
  361.  
  362.  
  363.  
  364.  
  365.  
  366.   <!-- LINKS -->
  367.  
  368.  
  369. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{block:IndexPage}<div class="notex">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Link}
  370.  
  371.  
  372.  
  373.  <!-- FIM LINKS -->
  374.  
  375.  
  376.  
  377.  
  378.  
  379.   <!-- QUOTES -->
  380.  {block:Quote}<div class="quote"> "{Quote}"</div>
  381. {block:Source}<div class="qsource">{Source}</div>{/block:Source}{block:IndexPage}<div class="notex"><br>{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Quote}
  382.  
  383.  <!-- FIM QUOTES -->
  384.  
  385.  
  386.  
  387.  
  388.  
  389.   <!-- CHATS -->  
  390. {block:Chat}
  391. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  392. <div class="chat"><ul>{block:Lines}
  393. <li class="person{UserNumber}">{block:Label}
  394. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{block:IndexPage}<div class="notex">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}</div>
  395. {/block:Chat}
  396.  <!-- QUOTES -->
  397.  
  398.  
  399.  
  400.  
  401.  
  402.   <!-- VÍDEOS -->
  403.  
  404. {block:Video}{block:IndexPage}<div class="notes"><a href="{ReblogURL}" target="_blank"><span class="flow"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><span class="like" data-reblog="{ReblogURL}" data-id="{PostID}"><img src="http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}<center>{Video-250}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  405.  <!-- FIM VÍDEOS -->
  406.  
  407.  
  408.  
  409.  
  410.  
  411.   <!-- AUDIOS -->
  412.  
  413. {block:Audio}<div class="AUDIO">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{block:IndexPage}<div class="notex">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Audio}
  414.  
  415.  <!--AUDIOS -->
  416.  
  417.  
  418.  
  419.  
  420.  
  421.   <!-- ASK-->
  422. {block:Answer}<div id="pergunta"><b>{Asker}</b>:
  423. {Question}</div>
  424. <div id="resposta">{Answer}</div>
  425. <div class="notex">{block:IndexPage}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>
  426. {/block:answer}</div>
  427.  
  428.   <!-- FIM ASK -->
  429.  
  430.  
  431.  
  432.  
  433.  
  434.   <!-- BLOCK SOURCE E VIA -->
  435.  <div class="crlh">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  436. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  437.  <!-- FIM BLOCK SOURCE E VIA -->
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444. </div></div>{/block:Posts}
  445.   <!-- FIM DOS POSTS -->
  446.  
  447.  
  448.  
  449.  
  450.  <!-- ROLAGEM INFINITA E EFEITO DOS POSTS AO SURGIREM (FALSE = SEM EFEITO / TRUE = COM EFEITO) -->  
  451. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  452. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  453. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  454. <script type="text/javascript">
  455. $(window).load(function(){
  456. var $wall = $('#entries');
  457. $wall.imagesLoaded(function(){
  458. $wall.masonry({
  459. itemSelector: '.entry',
  460. isAnimated : false
  461. });
  462. });
  463. $wall.infinitescroll({
  464. navSelector : "div#navigation",
  465. nextSelector : "div#navigation a#nextPage",
  466. itemSelector : '.entry',
  467. loadingImg : "",
  468. loadingText : "",
  469. donetext : " ",
  470. extraScrollPx : 1000,
  471. bufferPx : 10100,
  472. debug : false,
  473. errorCallback: function() {
  474. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  475. }},
  476. function( newElements ) {
  477. var $newElems = $( newElements );
  478. $newElems.hide();
  479. $newElems.imagesLoaded(function(){    
  480. $wall.masonry( 'appended', $newElems, {isAnimated: false, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  481. });
  482. }); $('#entries').show(500);
  483. });
  484. </script>
  485. <div class="column navigation" id="navigation">
  486.  <!-- ROLAGEM INFINITA E EFEITO DOS POSTS AO SURGIREM -->
  487.  
  488.  
  489.  
  490.  <!-- BLOCK PAGINAÇÃO -->
  491. {block:Pagination}
  492. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  493. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  494. </div>
  495. {/block:IndexPage}
  496.  
  497.  
  498.  
  499.  
  500.  
  501. </div></div></div></div></div>
  502. </div></div></div></div></div></div></div></div></div>
  503. </body>
  504. </html>
Advertisement
Add Comment
Please, Sign In to add comment