API tools faq
paste
Advertisement
Guest User

theme 2 colunas

a guest
May 27th, 2015
259
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.59 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">
  2.  
  3. <!---------------------------------------------------------------------------
  4. Base do theme por Warvada. Modificado e adaptado por definidona
  5. ----------------------------------------------------------------------------->
  6.  
  7. <head profile="http://gmpg.org/xfn/11">
  8.  
  9.  
  10.  
  11.  
  12. <link rel="shortcut icon" href="{favicon}">
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20. <!-- Appearance -->
  21.  
  22.  
  23.  
  24.  
  25. <!-- links e textos-->
  26. <!-- imagens-->
  27. <meta name="image:Sidebar" content="http://41.media.tumblr.com/157979549e149fe86d9ed0f08f50d698/tumblr_njuea8KRiI1raqwbno1_400.png"/>
  28.  
  29.  
  30.  
  31. <meta name="text:frase" content="kiss me hard, before you go my baby" />
  32. <meta name="text:frase 2" content="that love seems so difficult but I can" />
  33.  
  34.  
  35.  
  36. <meta name="color:background" content="#fff"/>
  37. <meta name="color:text" content="#222"/>
  38.  
  39.  
  40. <meta name="text:Link1" content="/" />
  41. <meta name="text:Link1 Title" content="link" />
  42. <meta name="text:Link2" content="/" />
  43. <meta name="text:Link2 Title" content="link" />
  44. <meta name="text:Link3" content="/" />
  45. <meta name="text:Link3 Title" content="link" />
  46. <meta name="text:Link4" content="/" />
  47. <meta name="text:Link4 Title" content="link" />
  48.  
  49. <meta name="color:background" content="#fff"/>
  50. <meta name="color:text" content="#222"/>
  51.  
  52. <meta name="color:lhover" content="#ffffff" />
  53.  
  54.  
  55. <meta name="color:links" content="#222"/>
  56. <meta name="color:links hover" content="#000"/>
  57.  
  58.  
  59.  
  60.  
  61. <!--barra de rolagem e grade do theme: nao tire -->
  62. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  63. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  64. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71. </head>
  72. <title>{Title}</title>
  73. <style type="text/css" media="screen">
  74.  
  75.  
  76. /*desifinições geral (cor do fundo, fonte, tamanho, alinhamento e etc*/
  77. body {background:{color:background}; color:{color:text}; font-family:'corbel'; font-size:10px; text-align:left;}
  78.  
  79.  
  80. /*links (geral)*/
  81. a {color:{color:links}; text-decoration:none;}
  82. a:hover {color:{color:linkshover};}
  83.  
  84.  
  85. /*blockquote dos posts*/
  86. blockquote {margin:10px; background:#fbfbfb; border:1px solid #ddd;}
  87.  
  88.  
  89.  
  90. /*alinhamento dos posts*/
  91. #content {position:absolute; width:650px; margin-left:450px; margin-top:10px;}
  92.  
  93.  
  94. /*caixas dos posts*/
  95. .caixa {background:{color:background}; width:250px; margin:3px;}
  96. .caixa img{max-width:250px;}.imaagem img{width:250px;}.vsanna{display:none;}
  97.  
  98.  
  99.  
  100.  
  101. /*notes*/
  102. .caixa .notes{margin-top:0px; margin-left:0px; width:250px; height:13px; line-height:17px; text-align:center; color:{color:links}; font-size:8px; font-family:'Calibri'; text-transform:uppercase; opacity:0; transform:rotatex(180deg); transition:.8s;}
  103.  
  104. .caixa:hover .notes{opacity:1; margin-top:0px; transform:rotatex(0deg); transition:.8s;}
  105.  
  106. /*titulo dos posts*/
  107. titulo {font-size:12px;text-align:justify;}
  108. /* Ask por warvada. Não use como base. Não retire os creditos. */
  109.  
  110.  
  111. /* Ask por warvada. Não use como base. Não retire os creditos. */
  112. .pergunta{margin-top:0px; width:100%; height:auto; line-height:13px; padding:3px; text-align:left; border-radius:6px; font-size:10px;
  113. border:1px dashed #ddd; /*cor da borda da pergunta*/}
  114. .pergunta a{color:white; /*cor da url de quemm perguntou*/}
  115. .ask-flower1{position:absolute; transform:rotate(1deg); margin-top:-8px; margin-left:250px; font-size:12px; z-index:9;
  116. color:#aaa; /*cor da flor maior*/}
  117. .ask-flower2{position:absolute; transform:rotate(1deg); margin-top:-3px; margin-left:257px; font-size:10px; z-index:9;
  118. color:#aaa; /*cor da flor menor*/}
  119. .resposta{margin-top:1px; width:100%; height:auto; padding:3px; font-size:10px; text-align:left;
  120. border-bottom:1px dashed #eee; /*cor da borda da resposta*/}
  121. /* Ask por warvada. Não use como base. Não retire os creditos. */
  122.  
  123. /*Sidebar (alinhamento)*/
  124. .side{position:fixed; margin-top:90px; margin-left:235px; width:100px; height:150px;}
  125.  
  126.  
  127.  
  128. /*imagem da sidebar*/
  129. .sideimg img{width:140px; height:160px; margin-top:0px; margin-left:20px;}
  130.  
  131. .side:hover .sideimg img {outline-offset:-7px; outline: solid 3px #eee; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out }
  132.  
  133.  
  134.  
  135.  
  136.  
  137. /*frase */
  138. .descri{width:155px;background-color:;position: fixed; font-family:cAMBRIA; font-size:9px; line-height:11px;text-align:center; color:#000;padding: 1px;-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;margin-top:-2px; margin-left:10px; position:fixed;text-transform:;}
  139.  
  140. .descri2{width:155px;background-color:;position: fixed; font-family:cAMBRIA; font-size:9px; line-height:11px;text-align:center; color:#000;padding: 1px;-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;margin-top:-2px; margin-left:-20px; position:fixed;text-transform:;opacity:0;}
  141.  
  142.  
  143.  
  144. /*******Por juh - futurasuicida usar credite ao helpdesigns.**********/
  145. #menutoilful {width:3px; height: 12px; float: left; margin-left:2px; margin-top:-110px; position: fixed;opacity:0;}
  146. #menutoilful a{display: block;float: left;height: 23px; width: 20px; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out;color:#eee;font-size:12px; font-family:corbel; line-height:20px;text-align:center;text-transform:uppercase;color:#ffecf5;text-shadow: 0 1px 0 #000;}
  147. #menutoilful a:hover { ;color:#fff;-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;background-color:; -moz-opacity:1.0;font-style:cambria; text-shadow:0px 0px 1px; color:{color:lhover};-khtml-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.5s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;font-style:corbel; color:;text-shadow: 0 1px 0 #000;}
  148. #menutoilful a ul {background-color:;color:#fff;width:60px; height: 15px;position: fixed;margin-top: -18px;font-family:century gothic;font-size: 9px;opacity:0;overflow: hidden;text-align:left;text-indent: -35px;text-transform:lowercase;}
  149. #menutoilful a:hover ul {margin-left:25px;-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;opacity:1;text-shadow: 0 1px 0 #000;}
  150. .side:hover #menutoilful {opacity:1;-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;}
  151.  
  152. /*helpdesigns*/
  153. .side:hover .descri {opacity:0;margin-left:-8px; }
  154.  
  155. .side:hover .descri2 {opacity:1;margin-left:10px; }
  156.  
  157.  
  158.  
  159. /*******Por juh - futurasuicida usar credite ao helpdesigns./ adptado por definidona **********/
  160. #creditos {background-color:#EEE;width:10px; height: 10px; float: left; margin-left:10px; margin-top:550px; position: fixed;-moz-border-radius:30px;display: inline-block;text-align: center;
  161.  
  162. border-radius: 10px;text-align:center;
  163.  
  164. }
  165. #creditos a {transition-duration:.4s;font-family:corbel;font-size:12px; color:#fff;display: inline-block;}
  166.  
  167. #creditos:hover {-webkit-transition: all 0.5s ease-in-out;width: 120px;text-shadow:0em 0.1em 0em #fff;height: 15px;}
  168.  
  169.  
  170.  
  171.  
  172. </style>
  173.  
  174. <body onkeydown="return false">
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181. <!--inicio da sidebar -->
  182. <div class="side">
  183.  
  184.  
  185. <div class="sideimg"><img src="{image:sidebar}"></div>
  186.  
  187.  
  188. <div class="descri">{text:frase}</div>
  189.  
  190. <div class="descri2">{text:frase 2} </div>
  191.  
  192.  
  193.  
  194.  
  195. <!--Barrinha feita por Warvada. Nem adianta tirar pq eu sei que e minha -->
  196. <div style="position:fixed; top:-1px; left:430px;"><img src="http://goo.gl/jxDaxR"></div>
  197.  
  198. <!--Barrinha feita por Warvada. Nem adianta tirar pq eu sei que e minha -->
  199. <div style="position:fixed; top:-1px; left:990px;"><img src="http://goo.gl/jxDaxR"></div>
  200.  
  201.  
  202. <div id="menutoilful">
  203. <a href="{text:Link1}">✿ <ul>{text:Link1 Title}</ul></a>
  204. <a href="{text:Link2}">✿ <ul>{text:Link2 Title}</ul></a>
  205. <a href="{text:Link3}">✿ <ul>{text:Link3 Title}</ul></a>
  206. <a href="{text:Link4}">✿ <ul>{text:Link4 Title}</ul></a>
  207.  
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213.  
  214. <!--fim da sidebar-->
  215.  
  216.  
  217.  
  218.  
  219.  
  220. <!--inicio dos posts-->
  221. <div id="content">
  222. {block:Posts}
  223. <div class="caixa">
  224.  
  225.  
  226.  
  227.  
  228. {block:Text}
  229. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  230. {body}
  231. {/block:Text}
  232.  
  233.  
  234.  
  235. {block:Photo}
  236. {LinkOpenTag}
  237. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  238. {/block:Photo}
  239.  
  240.  
  241.  
  242. {block:Photoset}
  243. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  244. {/block:Photoset}
  245.  
  246.  
  247.  
  248. {block:Quote}
  249. {Quote} <br>
  250. {block:Source}{Source}{/block:Source}
  251. {/block:Quote}
  252.  
  253.  
  254.  
  255. {block:Chat}
  256. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  257. {block:Lines}
  258. <div class="chat">
  259. <div class="lines">{block:Label}
  260. <span>{Label}</span>
  261. {/block:Label}
  262. {Line}</div></div>
  263. {/block:Lines}
  264. {/block:Chat}
  265.  
  266.  
  267.  
  268. {block:Link}
  269. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  270. {block:Description}{Description}{/block:Description}
  271. {/block:Link}
  272.  
  273.  
  274.  
  275. {block:Audio}
  276. {AudioPlayer}
  277. {/block:Audio}
  278.  
  279.  
  280.  
  281. {block:Video}
  282. {block:Indexpage}{Video-250}{/block:IndexPage}
  283. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  284. {block:Caption}{Caption}{/block:Caption}
  285. {/block:Video}
  286.  
  287.  
  288.  
  289. {block:Answer}
  290.  
  291.  
  292. <div class="pergunta">
  293. <div class="ask-flower1">✿</div>
  294. <div class="ask-flower2">✿</div>
  295. <!-- Esse "background:pink;" é a cor da caixa de quem perguntou
  296. Esse "color:white" é a cor da url de quem perguntou -->
  297. <div style="display:inline-block; padding:0 1px 0 1px; border-radius:4px; border:1px dotted rgba(255,255,255,.8); font-family:calibri; font-size:8px; text-transform:uppercase; height:10px; line-height:10px;
  298. background:pink;
  299. color:white; ">{Asker}</div> {Question}</div>
  300.  
  301. <div class="resposta">{Answer}</div>
  302.  
  303.  
  304. {/block:Answer}
  305.  
  306.  
  307.  
  308.  
  309. <!--notes-->
  310. {block:indexpage}
  311. <div class="notes">
  312. <a href="{permalink}">{NoteCount} notes</a> <font color=#aaa> . </font>
  313. <a href="{ReblogURL}" target="_blank">Reblog</a>
  314. </div>
  315. {/block:indexpage}
  316.  
  317.  
  318.  
  319.  
  320. <!--bloqueio do via e source -->
  321. <div class="vsanna">
  322. {block:RebloggedFrom}
  323. <a href="{ReblogParentURL}">via</a>
  324. {/block:RebloggedFrom}
  325. {block:ContentSource}
  326. <a href="{SourceURL}">source</a>
  327. {/block:ContentSource}
  328. </div>
  329.  
  330.  
  331.  
  332.  
  333.  
  334. </div>
  335. {/block:Posts}
  336. </div>
  337. <!--fim dos posts-->
  338.  
  339.  
  340.  
  341. <!-- script barra de rolagem e grade (duas ou mais colunas): NÃO RETIRE!-->
  342. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  343. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  344. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  345. <script type="text/javascript">
  346. $(window).load(function () {
  347. $('#content').masonry(),
  348. $('.masonryWrap').infinitescroll({
  349. navSelector : "div#navigation",
  350. nextSelector : "div#navigation a#nextPage",
  351. itemSelector : ".caixa",
  352. bufferPx : 10000,
  353. extraScrollPx: 11000,
  354. loadingImg : "",
  355. loadingText : "<i> </i>",
  356. },
  357. // call masonry as a callback.
  358. function() { $('#content').masonry({ appendedContent: $(this) }); }
  359. );
  360. });
  361. </script>
  362.  
  363. {block:IndexPage}
  364. <div class="column navigation" id="navigation">
  365.  
  366. {block:Pagination}
  367. {block:PreviousPage}
  368. <a href="{PreviousPage}" class="navigate">
  369. {/block:PreviousPage}
  370. {block:PreviousPage}</a>
  371. {/block:PreviousPage}
  372.  
  373. {block:NextPage}
  374. <a href="{NextPage}" class="navigate" id="nextPage">
  375. {/block:NextPage}
  376. {block:NextPage}</a>{/block:NextPage}
  377. {/block:Pagination}
  378.  
  379. </div>
  380. {/block:IndexPage}
  381.  
  382.  
  383. </body>
  384.  
  385.  
  386.  
  387.  
  388. <div id="creditos" title="theme por definidona + base por warvada ">
  389. <a href="http://barbiezaria.tumblr.com/"> Desing definidona</a></div>
  390.  
  391.  
  392.  
  393. </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!