API tools faq
paste
Advertisement
TattyRM

THEEME DIVULGACAO 25

TattyRM
May 10th, 2017
107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.89 KB | None | 0 0
raw download clone embed print report
  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"> <head profile="http://gmpg.org/xfn/11">
  2.  
  3. <!----------------------------------------------------------------------------
  4. •----------------------------------•
  5. . BASE FEITA POR WAJESTOU .
  6. . THEME FEITO POR DRESSBY .
  7. . NÃO COPIE, TENHA CRIATIVIDADE .
  8. . PLÁGIO É CRIME .
  9. •----------------------------------•
  10. ----------------------------------------------------------------------------->
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14. <head>
  15. <!-- APPEARANCE -->
  16. <meta name="color:background" content="#ddf2e8" />
  17. <meta name="color:text" content="#000000" />
  18. <meta name="image:sidebar" content="" />
  19. <meta name="color:side" content="#f9c0c0" />
  20. <meta name="color:detalhe1" content="#b874af" />
  21. <meta name="color:detalhe2" content="#dccbe7" />
  22. <meta name="color:side" content="#e23018" />
  23.  
  24. <link href='https://fonts.googleapis.com/css?family=Glegoo' rel='stylesheet' type='text/css'>
  25.  
  26. <title>{Title}</title>
  27.  
  28. <script type='text/javascript';>
  29.  
  30. </script>
  31.  
  32.  
  33. </head>
  34.  
  35. <style type="text/css">
  36. iframe#tumblr_controls{top: 1px !important;margin: 0 0 0 0; right: 6px !important;position: fixed !important;z-index:52;}
  37.  
  38. /* BACKGROUND E AFINS, CONFIGURAÇÕES TOTAIS DO THEME */
  39. body{background:{color:background}; color:{color:text}; font-family:Calibri; font-size:11px; text-align:center;}
  40. a {color:{color:text}; text-decoration:none;}
  41.  
  42. /* NO #POSTS VC MUDA O LEFT E O TOP DOS POSTS */
  43.  
  44. #wjt-caixa{float:left; margin-top:15px; margin-left:350px; width:1000px; padding-bottom:30px; }
  45.  
  46. /* CODIGO DOS POSTS, AQUI VC PERSONALIZA OS POSTS */
  47.  
  48. .wjt-posts {{block:permalinkpage} width:200px; float:center; position:fixed {/block:permalinkpage} width:195px; position:relative; float:left; overflow:hidden; display:inline-block; top:00px; margin:11px; padding:6px 6px 3px 6px; border:2px outset {color:detalhe1}; box-shadow:1px 1px 0px #eee;background:#fff;}
  49.  
  50.  
  51. /* AQUI É O TAMANHO DAS IMAGENS NO POST, TEM QUE ESTAR IGUAL AO TAMANHO DA ENTRY, PARA FICAR TUDO CERTO */
  52.  
  53. .wjt-posts img{{block:permalinkpage} width:450px; float:center; position:fixed {/block:permalinkpage} max-width:195px; height:auto; transition:1s;}
  54.  
  55. /* BLOQUEIO DA VIA E SOURCE DOS QUOTES */
  56.  
  57. .vsanna{display:none;}
  58.  
  59. /* AQUI É O TEXTO DO THEME, OS TITULOS */
  60.  
  61. .wjt-posts texto{font-family:Baumans; font-size:13px; line-height:11px; color:{color:text};}
  62.  
  63. /* AQUI É O CORPO DOS TEXTOS, O QUE TIVER ESCRITO ABAIXO */
  64.  
  65. .wjt-posts corpo{font-family:Baumans; font-size:10px; color:{color:text};}
  66.  
  67. /* AQUI SÃO OS LINKS */
  68.  
  69. .wjt-posts links{font-family:Baumans; text-transform:uppercase; font-family:Courier; font-style:italic; font-size:13px; }
  70.  
  71. /* AQUI É O QUOTE */
  72.  
  73. .quotes {font-family:Baumans; font-size:12px; text-align:center; line-height:15px; margin-top:5px; color:{color:text};}
  74. .quotes::first-letter {font-family:'Great Vibes', cursive; font-size:18px;}
  75. .source {margin-top:5px; border-top:1px solid #eee; font-family:Calibri; font-size:9px; text-align:right; text-transform:uppercase; line-height:17px; color:{color:text};}
  76.  
  77. /* BLOCKQUOTE DOS TEXTOS (O QUE TEM NO CORPO DE UMA POSTAGEM EM TEXTO) */
  78.  
  79. blockquote {margin:0px; text-align:left; padding:4px; background:#f9f9f9; width:185px; border:1px solid #eee;}
  80. blockquote img{width:183px;}
  81.  
  82. /* ASKS (PERGUNTA 1 = CONFIGURAÇÕES SOBRE A URL DA PESSOA Q TE MANDOU A ASK, PERGUNTA 2 = A ASK) */
  83.  
  84. .pergunta2 { margin-left:0px; padding:2px; padding-left:4px; padding-right:4px; border-bottom:1px solid {color:detalhe1}; font-family:Baumans; font-size:9px; text-transform:uppercase; margin-top:0px; width:186px; background:; color:#000; text-align:left;}
  85. .resposta {margin-top: -4px; font-family:Baumans; font-size:9px; line-height:10px; text-transform:uppercase; margin-left:0px; text-align:left; padding-left:4px; padding-right:4px; width:186px; margin-top:-5px; color:#888; }
  86. .resposta img{width:192px; margin-top:10px; margin-left:-3px;}
  87.  
  88.  
  89. /* CODIGO DOS NOTES DA FOTO */
  90.  
  91. .wjt-posts .wjt-notes {position:absolute; bottom:10px; left:-25px; transition:.9s; width:25px; border-radius:4px; margin-right:2px; height:25px; font-size:14px; line-height:25px; background:rgba(255,255,255,0.6);} .wjt-notes a{color: #F5DEF2;}
  92. .wjt-posts .wjt-date {position:absolute; bottom:10px; left:-25px; transition:.9s; width:25px; border-radius:4px; margin-right:2px; height:25px; font-size:14px; line-height:25px; background:rgba(255,255,255,.6);} .wjt-date a{color: #F5DEF2;}
  93. .wjt-posts .wjt-reblog {position:absolute; bottom:10px; left:-25px; transition:.9s; width:25px; border-radius:4px; margin-right:2px; height:25px; font-size:14px; line-height:25px; background:rgba(255,255,255,.6);} .wjt-reblog a{color:#F5DEF2;}
  94.  
  95. .wjt-posts:hover .wjt-notes{transform: rotatex(360deg); left:10px; transition:.8s;}
  96. .wjt-posts:hover .wjt-date{transform: rotatex(360deg); left:38px; transition:.8s;}
  97. .wjt-posts:hover .wjt-reblog{transform: rotatex(360deg); left:66px; transition:.8s;}
  98.  
  99. /* CODIGO DOS NOTES DOS TEXTOS */
  100. .wjt-posts .permalink{position: relative; padding-left:5px; text-align:left;width:202px; top:3px; height:15px; font-family:Courier; font-size:9px; text-transform:uppercase; line-height:16px; margin-left:-6px; transition:.9s; border-top:1px solid {color:detalhe2};}
  101.  
  102. /* CODIGO DOS CHATS */
  103. .chat {line-height: 10px; list-style: none }
  104. .chat ul {line-height: 10px; list-style: none; padding: 0px; line-height:14px;}
  105. .person1 {border:1px solid #eee; color: #999; font-size:9px; font-family:Calibri; text-transform:uppercase;}
  106. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:pink}
  107. .person2 {border:1px solid #eee; color:#999; font-size:9px; font-family:Calibri; text-transform:uppercase; }
  108. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:lightblue}
  109.  
  110. /* SELEÇÃO DO TEXTO DO THEME */
  111.  
  112. ::selection {color:white; background-color:red;}
  113.  
  114. /* BARRA DE ROLAGEM */
  115.  
  116. ::-webkit-scrollbar-thumb{background:#ddd; border: 3px solid #ddd; height:auto;}
  117. ::-webkit-scrollbar {height:5px; width:5px; background:#ddd; border:2px solid {color:background};}
  118.  
  119. /* SIDE (CAIXA) */
  120.  
  121. .side{position:fixed; width:297px; height:600px; margin-left:10px; margin-top:30px; border:3px groove {color:detalhe2}; background:url(http://68.media.tumblr.com/ae9f8d7667fd78d955fcad98f2b09f93/tumblr_oc7yh6ihx91ushqcjo1_250.png); box-shadow:5px 5px 5px {color:detalhe1};}
  122.  
  123. /* SIDE (FOTO) */
  124.  
  125. .imagem{position:fixed; z-index:2;}
  126. .imagem img {width:80px; height:80px; margin-left:20px; margin-top:90px; padding:3px; border:5px groove {color:detalhe2}; background:#fff; box-shadow:1px 1px 0px #ddd; border-radius:0px 0px 0px 0px; }
  127.  
  128. /* LINKS */
  129.  
  130. .wjt-menu { float: left; margin-left:150px; margin-top:160px; position:fixed; z-index:999999999; width:400px;}
  131. .wjt-menu a {display:block; float:left; font-size:11px; text-align:center; margin-right:5px; width:20px; height:22px; line-height:22px; border-radius:20px;background:{color:detalhe2}}
  132. .wjt-menu a:hover {background:{color:detalhe1};}
  133.  
  134. /* DESCRIÇÃO */
  135.  
  136. .descri{position:fixed; width:170px; height:50px; background:#fff; margin-left:120px; margin-top:90px; border-radius:0px; padding:3px;border:1px dotted {color:detalhes2};}
  137.  
  138.  
  139.  
  140. /* TÍTULO */
  141.  
  142. .titulo{position:fixed; margin-left:-230px; margin-top:30px; height:110px; font-size:50px;width:800px; color:{color:detalhe1};font-family:Rouge Script;}
  143.  
  144. /* SUBTÍTULO */
  145.  
  146. .sub{position:fixed; margin-left:60px; margin-top:195px; height:25px; font-size:24px; color:#fff;width:200px; text-shadow:1px 1px 1px #000; font-family:Rouge Script;background:{color:detalhe1};}
  147.  
  148. .sub1{position:fixed; margin-left:60px; margin-top:310px; height:25px; font-size:24px; color:#fff;width:200px; text-shadow:1px 1px 1px #000; font-family:Rouge Script;background:{color:detalhe1};}
  149.  
  150. .sub2{position:fixed; margin-left:60px; margin-top:470px; height:25px; font-size:24px; color:#fff;width:200px; text-shadow:1px 1px 1px #000; font-family:Rouge Script;background:{color:detalhe1};}
  151.  
  152. /*** MODERAÇÃO BY: IRONIAS-DIARIAS| VEMK-AJUDAMOS
  153. USOU, CREDITE A UM DOS DOIS E DÊ LIKE NO POST [COPIE COM ISSO] ***/
  154. #mod1 {float:left; position:fixed; width:45px; bottom:15px; height:58px;top:240px; left:25px;padding:0px; text-align: center; position: fixed;}
  155. #mod1 img {display: inline; height:auto;background-color:#fff; padding:0px;width:50px; height:50px; border:3px groove {color:detalhe2};opacity:0.9;border-radius:0px;}
  156. #mod1nome {background:{color:detalhe2};color:#000;width:50px; height: 18px;position: relative;margin-left:4px; margin-top:-55px;-webkit-transition-duration: .80s;-moz-transition-duration: .80s; -o-transition-duration: .50s;opacity:0;font-family: 'glegoo'; font-size:12px;-webkit-transform: rotate(0deg);margin-left:3px;}
  157. #mod1:hover #mod1nome {margin-top:-20px;opacity:1;-webkit-transform: rotate(0deg);border-radius:0px 0px 0px 0px;}
  158.  
  159.  
  160. #mod2 {float:left; position:fixed; width:45px; bottom:15px; height:58px;top:240px; left:82px;padding:0px; text-align: center; position: fixed;}
  161. #mod2 img {display: inline; height:auto;background-color:#fff; padding:0px;width:50px; height:50px; border:3px groove {color:detalhe2};opacity:0.9;border-radius:0px;}
  162. #mod2nome {background:{color:detalhe2};color:#000;width: 50px; height: 18px;position: relative;margin-left:4px; margin-top:-47px;-webkit-transition-duration: .80s;-moz-transition-duration: .80s; -o-transition-duration: .50s;opacity:0;font-family: 'glegoo', sans-serif; font-size:12px;-webkit-transform: rotate(0deg);margin-left:3px;}
  163. #mod2:hover #mod2nome {margin-top:-20px;opacity:1;-webkit-transform: rotate(0deg);border-radius:0px 0px 0px 00px;}
  164.  
  165.  
  166. #mod3 {float:left; position:fixed; width:45px; bottom:15px; height:58px;top:240px; left:140px;padding:0px; text-align: center; position: fixed;}
  167. #mod3 img {display: inline; height:auto;background-color:#fff; padding:0px;width:50px; height:50px; border:3px groove {color:detalhe2};opacity:0.9;border-radius:0px;}
  168. #mod3nome {background:{color:detalhe2};color:#000;width: 50px; height: 18px;position: relative;margin-left:4px; margin-top:-47px;-webkit-transition-duration: .80s;-moz-transition-duration: .80s; -o-transition-duration: .50s;opacity:0;font-family: 'glegoo', sans-serif; font-size:12px;-webkit-transform: rotate(0deg);margin-left:3px;}
  169. #mod3:hover #mod3nome {margin-top:-20px;opacity:1;-webkit-transform: rotate(0deg);border-radius:0px 0px 0px 0px;}
  170.  
  171.  
  172. #mod4 {float:left; position:fixed; width:45px; bottom:15px; height:58px;top:240px; left:195px;padding:0px; text-align: center; position: fixed;}
  173. #mod4 img {display: inline; height:auto;background-color:#fff; padding:0px;width:50px; height:50px; border:3px groove {color:detalhe2};opacity:0.9;border-radius:0px;}
  174. #mod4nome {background:{color:detalhe2};color:#000;width: 50px; height: 18px;position: relative;margin-left:4px; margin-top:-47px;-webkit-transition-duration: .80s;-moz-transition-duration: .80s; -o-transition-duration: .50s;opacity:0;font-family: 'glegoo', sans-serif; font-size:12px;-webkit-transform: rotate(0deg);margin-left:3px;}
  175. #mod4:hover #mod4nome {margin-top:-20px;opacity:1;-webkit-transform: rotate(0deg);border-radius:0px 0px 0px 0px;}
  176.  
  177.  
  178. #mod5 {float:left; position:fixed; width:45px; bottom:15px; height:58px;top:240px; left:254px;padding:0px; text-align: center; position: fixed;}
  179. #mod5 img {display: inline; height:auto;background-color:#fff; padding:0px;width:50px; height:50px; border:3px groove {color:detalhe2};opacity:0.9;border-radius:0px;}
  180. #mod5nome {background:{color:detalhe2};color:#000;width: 50px; height: 18px;position: relative;margin-left:4px; margin-top:-47px;-webkit-transition-duration: .80s;-moz-transition-duration: .80s; -o-transition-duration: .50s;opacity:0;font-family: 'glegoo', sans-serif; font-size:12px;-webkit-transform: rotate(0deg);margin-left:3px;}
  181. #mod5:hover #mod5nome {margin-top:-20px;opacity:1;-webkit-transform: rotate(0deg);border-radius:0px 0px 0px 0px;}
  182.  
  183.  
  184.  
  185. /**DESTAQUES | LHFY**/
  186. #dest {height:80px;margin-top:350px;width:200px;
  187. margin-left:120px; position:fixed;;z-index:99;}
  188. #dest img {width:45px;height:45px;border-radius:100px;
  189. -webkit-transition: all 0.8s ease-in-out;
  190. -moz-transition: all 0.8s ease-in-out;
  191. -o-transition: all 0.8s ease-in-out;
  192. -ms-transition: all 0.8s ease-in-out;
  193. transition: all 1.2s ease-in-out; border-radius:0px;
  194. border:2px outset {color:detalhe2};}
  195. #dest img:hover{
  196. -webkit-transform: rotate(360deg) scale(1) skew(0deg)
  197. translate(0px);
  198. -moz-transform: rotate(360deg) scale(1) skew(0deg)
  199. translate(0px);
  200. -o-transform: rotate(360deg) scale(1) skew(0deg)
  201. translate(0px);
  202. -ms-transform: rotate(360deg) scale(1) skew(0deg)
  203. translate(0px);
  204. webkit-filter: grayscale(0);-webkit-filter: grayscale(100%);
  205. -webkit-transition: all 1.2s linear;
  206. -moz-transition: all 0.2s linear;transition: all 1.2s linear;
  207. -webkit-filter: sepia(0.1) brightness(1.1) grayscale(1.0) }
  208.  
  209. /**DESTAQUES | LHFY**/
  210. #parc {height:80px;margin-top:510px;width:250px;
  211. margin-left:35px; position:fixed;;z-index:99;}
  212. #parc img {width:30px;height:30px;border-radius:100px;
  213. -webkit-transition: all 0.8s ease-in-out;
  214. -moz-transition: all 0.8s ease-in-out;
  215. -o-transition: all 0.8s ease-in-out;
  216. -ms-transition: all 0.8s ease-in-out;
  217. transition: all 1.2s ease-in-out; border-radius:0px;
  218. border:2px outset {color:detalhe2};}
  219. #parc img:hover{-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;filter: blur(1px); -webkit-filter: blur(1px); -moz-filter: blur(1px);}
  220.  
  221.  
  222. /**DESTAQUES | LHFY**/
  223. #mes {height:80px;margin-top:360px;width:200px;
  224. margin-left:-30px; position:fixed;;z-index:99;}
  225. #mes img {width:80px;height:80px;border-radius:100px;
  226. -webkit-transition: all 0.8s ease-in-out;
  227. -moz-transition: all 0.8s ease-in-out;
  228. -o-transition: all 0.8s ease-in-out;
  229. -ms-transition: all 0.8s ease-in-out;
  230. transition: all 1.2s ease-in-out; border-radius:0px;
  231. border:2px outset {color:detalhe2};}
  232. #mes img:hover{-webkit-animation: top2 .9s infinite alternate ease;}
  233.  
  234. @-webkit-keyframes top2 {
  235. 0% {-webkit-transform: rotate(0deg) scale(1.0) ;-webkit-filter: grayscale(0%); }
  236. 25% {-webkit-transform: rotate(6deg) scale(1.1) ;-webkit-filter: grayscale(25%); ;}
  237. 50% {-webkit-transform: rotate(-6deg) scale(1.2) ;-webkit-filter: grayscale(50%); ; }
  238. 75% {-webkit-transform: rotate(6deg) scale(1.1) ;-webkit-filter: grayscale(25%); ; }
  239. 100% {-webkit-transform: rotate(0deg) scale(1.0) ;-webkit-filter: grayscale(0%); ; }
  240.  
  241. #smblorevolucionou {width:150px;margin-left:70px;margin-top:200px;color:#fff;position:fixed;z-index:99999999999;/*--helpdesigns---*/}
  242. /*proibida qualquer copia, ou plagios*//*não remova os créditos*/
  243.  
  244. </style>
  245.  
  246. <link rel="shortcut icon" href="{Favicon}">
  247. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"
  248. />
  249. <meta name="viewport" content="width=820" />
  250.  
  251. <!--- FONTES PERSONALIZADAS GOOGLE --->
  252.  
  253. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  254.  
  255. <link href='https://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  256.  
  257.  
  258. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  259.  
  260. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  261.  
  262.  
  263.  
  264.  
  265.  
  266.  
  267. <body>
  268.  
  269.  
  270.  
  271. <!--- SIDE (CAIXA) --->
  272. <div class="side"></div>
  273.  
  274. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  275. <div style="position:fixed; bottom:0px; left:10px;background:#fff;font-family: 'arial', cursive;font-size:10px;width:55px;border:3px double #F5DEF2;">
  276. <font color="#4682B4"><small></small></font>
  277. <a href="http://dressby.tumblr.com" title="Theme por dressby + Base por wajestou ">Dressby </a>
  278. <font color=" #F5DEF2"><small> ✿ </small></font>
  279. </div>
  280. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  281.  
  282. <!--- SIDE (FOTO) --->
  283. <div class="imagem"><img src="{image:sidebar}"></div>
  284.  
  285. <!--- LINKS --->
  286. <div class="wjt-menu">
  287. <a href="/"><i class="fa fa-home" aria-hidden="true"></i></a>
  288. <a href="/"><i class="fa fa-envelope" aria-hidden="true"></i></a>
  289. <a href="/"><i class="fa fa-pencil" aria-hidden="true"></i></a>
  290. <a href="/"><i class="fa fa-heart" aria-hidden="true"></i></a>
  291. <a href="/"><i class="fa fa-plus" aria-hidden="true"></i></a>
  292. </div>
  293.  
  294. <!--- DESCRIÇÃO --->
  295. <div class="descri">{description}</div>
  296.  
  297.  
  298.  
  299. <!--- TITULO --->
  300. <div class="titulo">Titulo aqui assim</div>
  301.  
  302. <!--- SUBTÍTULO --->
  303. <div class="sub">Membros</div>
  304.  
  305.  
  306. <a href="http://urlaqui.tumblr.com/">
  307. <div id="mod1">
  308. <img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/">
  309. <div id="mod1nome"><center><b>nome</b></center></div>
  310. </div>
  311. </a></div></div></div>
  312. <a href="http://uraqui.tumblr.com/">
  313. <div id="mod2">
  314. <img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/">
  315. <div id="mod2nome"><center><b>nome</b></center></div>
  316. </div>
  317. </a></div></div></div>
  318. <a href="http://urlaqui.tumblr.com/">
  319. <div id="mod3">
  320. <img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/">
  321. <div id="mod3nome"><center><b>Ka</b></center></div>
  322.  
  323. </div></a></div></div></div>
  324. <a href="http://urlaqui.tumblr.com/">
  325. <div id="mod4">
  326. <img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/">
  327. <div id="mod4nome"><center><b>Beca</b></center></div>
  328.  
  329. </div></a></div></div></div>
  330. <a href="http://rurlaqui.tumblr.com/">
  331. <div id="mod5">
  332. <img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/">
  333. <div id="mod5nome"><center><b>Kah</b></center></div>
  334. </div></a></div></div></div>
  335.  
  336.  
  337.  
  338.  
  339. <!----------PARCEIROS--------------->
  340. <div id="parc">
  341.  
  342.  
  343. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  344.  
  345. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  346.  
  347.  
  348. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  349.  
  350.  
  351. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  352.  
  353.  
  354. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  355.  
  356.  
  357. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  358.  
  359. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  360.  
  361. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  362.  
  363. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  364.  
  365. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  366.  
  367. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  368.  
  369. <a href="http://urlaqui.tumblr.com/" title="TITULOAQUI" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  370.  
  371.  
  372.  
  373. </div>
  374.  
  375.  
  376. <div class="sub1">Destaques</div>
  377.  
  378.  
  379. <!-----destaque semanais --->
  380. <div id="dest">
  381. <a href="http://urlaqui.tumblr.com/" title="Siga-me" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  382.  
  383. <a href="http://urlaqui.tumblr.com/" title="Siga-me" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  384.  
  385. <a href="http://urlaqui.tumblr.com/" title="Siga-me" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  386.  
  387. <a href="http://urlaqui.tumblr.com/" title="Siga-me" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  388.  
  389. <a href="http://urlaqui.tumblr.com/" title="Siga-me" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  390.  
  391. <a href="http://urlaqui.tumblr.com/" title="Siga-me" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  392. </div>
  393.  
  394. <!-----destaque mes --->
  395. <div id="mes">
  396. <a href="http://urlaqui.tumblr.com/" title="Jardim-de-divulgacao" target="_blank"><img src="http://api.tumblr.com/v2/blog/dressby.tumblr.com/avatar/96/"/></a>
  397.  
  398.  
  399. </div>
  400.  
  401. <div class="sub2">Parceiros</div>
  402.  
  403.  
  404.  
  405. <div id="wjt-caixa">
  406. {block:Posts}
  407. <div class="wjt-posts">
  408.  
  409. <!-- TEXTOS -->
  410. {block:Text}
  411. {block:Title}<texto><center>{Title}</center></texto>{/block:Title}
  412. <corpo>{body}</corpo>
  413.  
  414. <!--- NOTES DOS TEXTOS --->
  415. <div class="permalink">
  416. <a href="{Permalink}"><i class="fa fa-folder-open"></i> post with {NoteCount} notes / {DayOfMonthWithZero}.{MonthNumberWithZero}
  417. <div style="position:absolute; margin-top:-16px; margin-left:185px; font-size:12px;"><a href="{ReblogURL}" title="Reblog!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  418. </div>
  419. {/block:Text}
  420.  
  421. <!-- FOTOS -->
  422. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  423.  
  424. <!--- NOTES DAS FOTOS --->
  425. <div class="wjt-notes">
  426. <a href="{Permalink}"><i class="fa fa-heart" aria-hidden="true" title="{NoteCount} notes"></i></a></div>
  427. <div class="wjt-date">
  428. <a href="{Permalink}"><i class="fa fa-calendar" aria-hidden="true" title="{DayOfMonthWithZero} {ShortMonth} {Year}"></i></a></div>
  429. <div class="wjt-reblog">
  430. <a href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  431. {/block:Photo}
  432.  
  433. <!-- PHOTOSETS -->
  434.  
  435. {block:Photoset}{Photoset}
  436.  
  437. <!--- NOTES DOS PHOTOSETS --->
  438. <div class="wjt-notes">
  439. <a href="{Permalink}"><i class="fa fa-heart" aria-hidden="true" title="{NoteCount} notes"></i></a></div>
  440. <div class="wjt-date">
  441. <a href="{Permalink}"><i class="fa fa-calendar" aria-hidden="true" title="{DayOfMonthWithZero} {ShortMonth} {Year}"></i></a></div>
  442. <div class="wjt-reblog">
  443. <a href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  444. {/block:Photoset}
  445.  
  446. <!-- QUOTES -->
  447.  
  448. {block:Quote}
  449. <div class="quotes">{Quote}</div></font>
  450. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  451.  
  452. <!--- NOTES DOS QUOTES --->
  453. <div class="permalink">
  454. <a href="{Permalink}"><i class="fa fa-folder-open"></i> post with {NoteCount} notes / {DayOfMonthWithZero}.{MonthNumberWithZero}
  455. <div style="position:absolute; margin-top:-16px; margin-left:185px; font-size:12px;"><a href="{ReblogURL}" title="Reblog!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  456. </div>
  457. {/block:Quote}
  458.  
  459. <!-- VIDEOS -->
  460.  
  461. {block:Video}{block:Indexpage}<div style="max-width:210px; height:auto; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  462.  
  463. <!--- NOTES DOS VIDEOS --->
  464. <div class="wjt-notes">
  465. <a href="{Permalink}"><i class="fa fa-heart" aria-hidden="true" title="{NoteCount} notes"></i></a></div>
  466. <div class="wjt-date">
  467. <a href="{Permalink}"><i class="fa fa-calendar" aria-hidden="true" title="{DayOfMonthWithZero} {ShortMonth} {Year}"></i></a></div>
  468. <div class="wjt-reblog">
  469. <a href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  470. {/block:Video}
  471.  
  472. <!-- LINKS -->
  473.  
  474. {block:Link}
  475. <a href="{URL}" class="link" {Target}><links>{Name}</links></a>
  476. {block:Description} {Description}{/block:Description}
  477. {/block:Link}
  478.  
  479. <!-- CHAT -->
  480.  
  481. {block:Chat}
  482. {block:Title}
  483. <texto>{Title}</texto>
  484. {/block:Title}
  485. <div class="chat"><ul>{block:Lines}
  486. <li class="person{UserNumber}">{block:Label}
  487. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  488. <div class="permalink">
  489. <a href="{Permalink}"><i class="fa fa-folder-open"></i> post with {NoteCount} notes / {DayOfMonthWithZero}.{MonthNumberWithZero}
  490. <div style="position:absolute; margin-top:-16px; margin-left:185px; font-size:12px;"><a href="{ReblogURL}" title="Reblog!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  491. </div>
  492. {/block:Chat}
  493.  
  494. {block:Answer}
  495. <div class="asks">
  496. <div class="pergunta2">{Asker} asked:<br>
  497. {Question} <a href="{Permalink}" target="_blank"><img style="float:right; margin-right:-5px; margin-top:-16px; border-radius:20px 20px 0px 20px; width:25px; padding:1px; box-shadow:1px 1px 0px #ddd; border:1px solid #ccc; background:#fff" src="{AskerPortraitURL-48}"></a></div>
  498. <div class="resposta">{Answer}</div></div>
  499.  
  500. <!--- NOTES DAS ASKS --->
  501. <div class="permalink">
  502. <a href="{Permalink}"><i class="fa fa-folder-open"></i> post with {NoteCount} notes / <a href="{Permalink}">{TimeAgo} - <a href="{Permalink}" {block:NoteCount}{/block:NoteCount} </a>
  503. <div style="position:absolute; margin-top:-16px; margin-left:185px; font-size:12px;"><a href="{ReblogURL}" title="Reblog!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  504. </div>
  505. {/block:Answer}
  506.  
  507. {block:Audio}
  508. {AudioPlayer}
  509. {/block:Audio}
  510.  
  511. <!-- BLOQUEIO VIA/SOURCE -->
  512. <div class="vsanna">
  513. {block:RebloggedFrom}
  514. <a href="{ReblogParentURL}">via</a>
  515. {/block:RebloggedFrom}
  516. {block:ContentSource}
  517. <a href="{SourceURL}">source</a>
  518. {/block:ContentSource}
  519. </div>
  520.  
  521. </div>
  522. {/block:Posts}
  523. </div>
  524.  
  525.  
  526. <!-- SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  527. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  528. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  529. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  530. <script type="text/javascript">
  531. $(window).load(function () {
  532. $('#wjt-caixa').masonry(),
  533. $('.masonryWrap').infinitescroll({
  534. navSelector : "div#navigation",
  535. nextSelector : "div#navigation a#nextPage",
  536. itemSelector : ".entry",
  537. bufferPx : 10000,
  538. extraScrollPx: 11000,
  539. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  540. loadingText : "carregando",
  541. },
  542. // call masonry as a callback.
  543. function() { $('#wjt-caixa').masonry({ appendedContent: $(this) }); }
  544. );
  545. });
  546. </script>
  547. <!-- FIM DO SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  548.  
  549.  
  550. <!-- ROLAGEM INFINITA PARA TEMA EM GRADE -->
  551. {block:IndexPage}
  552. <div class="column navigation" id="navigation">
  553. {block:Pagination}
  554. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  555. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  556. </div>
  557. {/block:IndexPage}
  558. <!-- FIM - ROLAGEM INFINITA PARA TEMA EM GRADE -->
  559.  
  560.  
  561.  
  562. </body>
  563. </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!