API tools faq
paste
Themesemcons

Theme97

Themesemcons
Feb 18th, 2012
1,370
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.82 KB | None | 0 0
raw download clone embed print report
  1. <!--Espero que goste desta simple theme =D!-->
  2. <html>
  3. <head>
  4. <title>{title}</title>
  5. <link rel='shortcut icon'
  6. a href='{favicon}'>
  7.  
  8. <!--aqui inicia o CSS/ através dele que conseguimos mudar as cores, bg, etc-->
  9. <style type='text/css'>
  10.  
  11. /*conteúdo do theme*/
  12. body{ background-color: #F5F5DC;
  13. background-image:url('');
  14. background-attachment: absolute;
  15. color: #000;
  16. font-size: 12px;
  17. font-family: 'Microsoft Sans Serif';
  18. }
  19. /*títulos*/
  20. h1{ color: #000;
  21. font-size: 23px;
  22. font-family: 'Baskerville Old Face';
  23.  letter-spacing: 0.3px;
  24. }
  25.  /*negrito, itálico, ricado, sublinhado...*/
  26.  b{font-family: 'Microsoft Sans Serif';
  27.     color: #000;
  28.     font-size: 12px;
  29.     }
  30. i{font-family: 'Microsoft Sans Serif';
  31. color: #000;
  32.     font-size: 12px;
  33.     }
  34. s{font-family: 'Microsoft Sans Serif';
  35. color: #000;
  36.     font-size: 12px;
  37.     }
  38. u{font-family: 'Microsoft Sans Serif';
  39. color: #000;
  40.     font-size: 12px;
  41.     }
  42.       /*link*/
  43. a{color: #000;
  44.        font-size: 12px;
  45.       font-family: 'Microsoft Sans Serif';
  46.      text-decoration: none;
  47.      }
  48. a:hover{color: #696969;
  49.        font-size: 12px;
  50.       font-family: 'Monotype Corsiva';
  51.      text-decoration: none;
  52.      }
  53. /*caixas*/
  54. .box{background: #fff;
  55.  padding: 5px;
  56.     }
  57. /*menu*/
  58. menu{background: #898989; color: #fff;
  59. padding: 2px; width: 50px;
  60. line-height: 18px;
  61. font-size:11px;
  62. font-family: 'cabril';
  63. text-align: center;
  64.     }
  65.     menu:hover{background: #eee; color: #696969;
  66.     }
  67. /*quote*/
  68. qt{ color: #000;
  69. font-size: 20px;
  70. font-family: 'Monotype Corsiva';
  71.  letter-spacing: 0.3px;
  72. }
  73. /*links dos posts*/
  74. .lk {color: #000;
  75. font-size: 25px;
  76. font-family: 'Baskerville Old Face';
  77.  letter-spacing: 0.3px;
  78. }
  79. .lk:hover {color: #696969;
  80. }
  81. /*posts*/
  82. .box1{ background:#FFF;
  83. color:#000;
  84. font-family: 'Comic Sans MS';
  85. font-size: 11px;
  86. border: 1px solid #000 ;
  87. padding: 3px;
  88. }
  89. /*box paginação*/
  90. .box3{background:#fff;
  91. width:300px;
  92. padding: 4px;
  93. }
  94. </style>
  95. <!--aqui acaba o css-->
  96.  
  97.     <!--falso i-frame-->
  98.     <script type="text/javascript">
  99. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  100. </script>
  101. </head>
  102. <body>
  103. <!--sidebar-->
  104. <div style='position: fixed; width:300px; right:310px; top:115px; text-align: justify;'>
  105. <div class='box'>
  106. <center><img src='http://static.tumblr.com/ki2umj4/orylw3hk7/tumblr_ljm51rjxbj1qd224no1_500.gif' width='290'></center>
  107. "As pessoas deveriam aparentar-se chatas no começo para depois irem se tornando legais.Mas as pessoas se mostram tão legais que logo, logo viram um saco.""É preciso força e muita fé pra perceber que talvez, se jogar do abismo não significa desistir.Talvez seja pegar um caminho alternativo pra uma mudança radical e necessária."<br>
  108. <div align='right'><s>Camila Lee</s></div>
  109. </div><br><br>
  110.     {block:Pagination}
  111.     {block:NextPage}
  112.     <a href='{NextPage}'><u>Next>></u></a>
  113. {/block:NextPage}    
  114. {/block:Pagination}    
  115. </div>
  116. <!--menu-->
  117. <div style='position: fixed; width:52px; right:256px; top:115px; text-align: justify;'>
  118. <a href='/' title='home'><menu>home</menu></a>
  119. <a href='/ask' title='ask me?'><menu>ask</menu></a>
  120. <a href='/tagged/SUATAG' title='meus*0*'><menu>textos</menu></a>
  121. <span onClick="changeNavigation('01')"><menu>about</menu></span>
  122. <span onClick="changeNavigation('02')"><menu>tumblr</menu></span>
  123. <span onClick="changeNavigation('03')"><menu>f.a.q</menu></span>
  124. <a href='LINK' title='titulo'><menu>link</menu></a>
  125. <span onClick="changeNavigation('04')"><menu>extra</menu></span>
  126. </div>
  127. <!--gifs-->
  128. <div style='position: fixed; width:200px; left:5px; top:20px;' ><marquee direction="down"  height='734px' behavior="alternate">
  129. <div class='box'><center><img src='http://1.bp.blogspot.com/-V6gtmtBbu9A/TgfTZDF2d3I/AAAAAAAAAT4/yDLKqhbiOHw/s1600/tumblr_ljo7jrtFM61qhhf74o1_500.gif' width='190'></center></div><br>
  130. <div class='box'><center><img src='http://media.tumblr.com/tumblr_lepvonrEpY1qcya6l.gif' width='190'></center></div><br>
  131. <div class='box'><center><img src='http://28.media.tumblr.com/tumblr_lpb6zcu7KV1qd8x3ho1_500.gif' width='190'></center></div><br>
  132. <div class='box'><center><img src='http://media.tumblr.com/tumblr_leqadzu8iw1qf9kn3.gif' width='190'></center></div><br>
  133. <div class='box'><center><img src='http://static.tumblr.com/vvimc7u/U4Qluvmaq/gifs_para_tumblr__103_.gif' width='190'></center></div><br>
  134. <div class='box'><center><img src='http://lh3.ggpht.com/_hVVhkxbPbwU/TUnRxC21aAI/AAAAAAAAAJE/5K_QvUFih2M/tumblr_leehl3fdkI1qbtguuo1_500.gif' width='190'></center></div><br>
  135. <div class='box'><center><img src='http://1.bp.blogspot.com/-3LatHtvQXpU/TjwWQdfFStI/AAAAAAAAHd0/srKI52duS7I/s1600/meninamimadagifsparatumblrphotoscapebythataschultz20110805-tumblr_lhhldvOSMC1qgzieco1_400.gif' width='190'></center></div><br>
  136. <div class='box'><center><img src='http://28.media.tumblr.com/tumblr_llte2gXbQG1qim7jao1_400.gif' width='190'></center></div><br>
  137. <div class='box'><center><img src='http://25.media.tumblr.com/tumblr_lor4ih5Ln31qhyql2o1_500.gif' width='190'></center></div><br>
  138. <div class='box'><center><img src='http://2.bp.blogspot.com/-Xjp_phnLvQQ/TgfTRmMeRII/AAAAAAAAATw/kvDO74rC7o8/s1600/tumblr_ljkjmqJsn51qdblywo1_500.gif' width='190'></center></div><br>
  139. <div class='box'><center><img src='http://30.media.tumblr.com/tumblr_lwy4hwEEkb1r2148vo1_500.gif' width='190'></center></div><br>
  140. <div class='box'><center><img src='http://27.media.tumblr.com/tumblr_lmnkn1oSBj1qj06a6o1_500.gif' width='190'></center></div><br>
  141. <div class='box'><center><img src='http://29.media.tumblr.com/tumblr_lmw3faG7d91qjcbiwo1_500.gif' width='190'></center></div><br>
  142. <div class='box'><center><img src='http://29.media.tumblr.com/tumblr_lneklluNmv1qjxzx2o1_500.gif' width='190'></center></div><br></marquee>
  143. </div>
  144. <!--poemas-->
  145. <div style='position: fixed; width: 150px; right:3px; top:50px;'>
  146. <marquee direction='up' height='250' onmouseover="this.stop()" onmouseout="this.start()">
  147. <center>
  148. "Minha terra tem palmeiras,
  149. Onde canta o Sabiá;
  150. As aves, que aqui gorjeiam,
  151. Não gorjeiam como lá.<br>
  152. Nosso céu tem mais estrelas,
  153. Nossas várzeas têm mais flores,
  154. Nossos bosques têm mais vida,
  155. Nossa vida mais amores.<br>
  156. Em cismar, sozinho, à noite,
  157. Mais prazer encontro eu lá;
  158. Minha terra tem palmeiras,
  159. Onde canta o Sabiá.<br>
  160. Minha terra tem primores,
  161. Que tais não encontro eu cá;
  162. Em cismar — sozinho, à noite —
  163. Mais prazer encontro eu lá;
  164. Minha terra tem palmeiras,
  165. Onde canta o Sabiá.
  166. <br>
  167. Não permita Deus que eu morra,
  168. Sem que eu volte para lá;
  169. Sem que desfrute os primores
  170. Que não encontro por cá;
  171. Sem qu’inda aviste as palmeiras,
  172. Onde canta o Sabiá."<br>
  173. <s>Gançalves Dias</s>
  174. </center>
  175. </marquee>
  176. </div>
  177. <div style='position: fixed; width: 150px; right:3px; top:500px;'>
  178. <marquee direction='up' height='200' onmouseover="this.stop()" onmouseout="this.start()">
  179. <center>
  180. Eu aprendi...
  181. ...que ignorar os fatos não os altera;
  182. <br>
  183. Eu aprendi...
  184. ...que quando você planeja se nivelar com alguém, apenas esta permitindo que essa pessoa continue a magoar você;
  185. <br>
  186. Eu aprendi...
  187. ...que quando você planeja se nivelar com alguém, apenas esta permitindo que essa pessoa continue a magoar você;
  188. <br>
  189. Eu aprendi...
  190. ...que ninguém é perfeito até que você se apaixone por essa pessoa;
  191. <br>
  192. Eu aprendi...
  193. ...que ninguém é perfeito até que você se apaixone por essa pessoa;
  194. <br>
  195. Eu aprendi...
  196. ...que as oportunidades nunca são perdidas; alguém vai aproveitar as que você perdeu.
  197. <br>
  198. Eu aprendi...
  199. ...que quando o ancoradouro se torna amargo a felicidade vai aportar em outro lugar;
  200. <br>
  201. Eu aprendi...
  202. ...que não posso escolher como me sinto, mas posso escolher o que fazer a respeito;
  203. <br>
  204. Eu aprendi...
  205. ...que todos querem viver no topo da montanha, mas toda felicidade e crescimento ocorre quando você esta escalando-a;
  206. <br>
  207. Eu aprendi...
  208. ...que quanto menos tempo tenho, mais coisas consigo fazer.
  209. <br>
  210.  
  211. <s>William Shakespeare</s>
  212. </center>
  213. </marquee>
  214. </div>
  215. <!--tag dos posts-->
  216. <div style='position: absolute; width:550px; left:240px; top:50px;' >
  217. <div class='box'>
  218. <div id='liuc'>
  219. {block:Posts}
  220. <!--textos-->
  221. {block:Text}
  222. {block:Title}<h1>{Title}</h1>{/block:Title}
  223. {Body}
  224. {/block:Text}
  225. <!--photosets-->
  226. {block:Photo}
  227. {LinkOpenTag}
  228. <center><img src='{PhotoURL-500}' alt='{PhotoAlt}'/></center>
  229. {LinkCloseTag}
  230. {block:Caption}{Caption} {/block:Caption}
  231. {/block:Photo}
  232. <!--quote-->
  233. {block:Quote}
  234. <qt>"{Quote}"</qt><br>
  235. {block:Source}<div align='right'><b>-{Source}</b></div>{/block:Source}
  236. {/block:Quote}
  237. <!--link-->
  238. {block:Link}
  239. <a href='{URL}'><div class='lk'>{Name}</div></a>
  240. {block:Description} {Description} {/block:Description}
  241. {/block:Link}
  242. <!--chats-->
  243. {block:Chat}
  244. {block:Title} <h1>{Title}</h1>{/block:Title}
  245. {block:Lines}
  246. {block:Label}
  247. <b>{Label}</b>    
  248. {/block:Label}
  249. {Line}<br>
  250. ---------------------------------------------------------------------------------------------------------------------------------
  251. {/block:Lines}
  252. {/block:Chat}
  253. <!--músicas-->
  254. {block:Audio}
  255. <center>{AudioPlayerBlack}</center>
  256. <center>{PlayCountWithLabel}</center>
  257. {block:Caption}{Caption} {/block:Caption}
  258. {/block:Audio}
  259. <!--videos-->
  260. {block:Video}
  261. <center>{Video-500}</center>
  262. {block:Caption} {Caption} {/block:Caption}
  263. {/block:Video}
  264. <!--asks-->
  265. {block:Answer}
  266. <img src='{AskerPortraitURL-40}' align='left'/>
  267. <b>{Asker} asked:</b><br>
  268. {Question}<br><br>
  269. <b>Answer:</b><br>
  270. {Answer}
  271. <br>
  272. {/block:Answer}
  273. <!--acréscimos b: date, notes-->
  274. <br><center><div class='box1'>
  275. <center>
  276. <a href='{Permalink}'><b>Post</b></a> date: {DayOfMonth}/{Month}/{Year} as {24Hour}:{24Hour} com {NoteCount}
  277.  notes (<a href='{ReblogURL}'><u>Reblog</u></a>)<br>
  278.  {block:HasTags}
  279.  <b>Tags:</b>{block:Tags} <a href='{TagURL}'>-{Tag}</a>{/block:Tags}
  280.  {/block:HasTags}
  281.  </center>
  282.     </div>
  283. </center><br>
  284. {/block:Posts}
  285. </div></div><br>
  286. <!--paginação-->
  287.  <center><div class='box3'>
  288.  {block:Pagination}
  289.     {block:PreviousPage}
  290.     <a href='{PreviousPage}'><<</a>
  291. {/block:PreviousPage}
  292. {/block:Pagination}
  293. Página <b>{CurrentPage}</b> de <b>{TotalPages}</b>
  294. {block:Pagination}
  295. {block:NextPage}
  296. <a href='{NextPage}'>>></a>
  297. {/block:NextPage}
  298. {/block:Pagination}
  299.  </div></center><br>
  300. </div>
  301. <!--falso i-frame-->
  302. <div id="01" style="display:none">
  303. <h1><center>About Me</center></h1>
  304. <img src='{PortraitURL-40} ' align='right'>
  305. Sobre você aqui, o que gosta, comidas, bandas, conte sobre você.Sobre você aqui, o que gosta, comidas, bandas, conte sobre você.Sobre você aqui, o que gosta, comidas, bandas, conte sobre você.Sobre você aqui, o que gosta, comidas, bandas, conte sobre você.Sobre você aqui, o que gosta, comidas, bandas, conte sobre você.
  306. </div>
  307. <div id="02" style="display:none">
  308. <h1><center>About My Tumblr</center></h1>
  309. Sobre seu Tumblr, quando o criou, o que posta, rebloga...Sobre seu Tumblr, quando o criou, o que posta, rebloga...Sobre seu Tumblr, quando o criou, o que posta, rebloga...Sobre seu Tumblr, quando o criou, o que posta, rebloga...Sobre seu Tumblr, quando o criou, o que posta, rebloga...Sobre seu Tumblr, quando o criou, o que posta, rebloga...
  310. <hr>
  311. <h1><center>Créditos do Theme</center></h1>
  312. <li>Theme by: <a href='http://themes-em-construcao.tumblr.com/'>Themes em Construção</a>
  313. <li>Frases e Poemas: <a href='http://pensador.uol.com.br'>Pensador</a>
  314. <li>Agradecimentos: <a href='http://www.tumblr.com/docs/en/custom_themes'>Tumblr</a>, <a href='http://making-themes.tumblr.com/'>Marking-Themes</a> e <a href='http://www.google.com.br/'>Google</a>.
  315. </div>
  316. <div id="03" style="display:none">
  317. <h1><center>F.A.Q</center></h1>
  318. <b>Pergunta?</b><br>
  319. Resposta<br>
  320. <b>Pergunta?</b><br>
  321. Resposta<br>
  322. <b>Pergunta?</b><br>
  323. Resposta<br>
  324. <b>Pergunta?</b><br>
  325. Resposta<br>
  326. <b>Pergunta?</b><br>
  327. Resposta<br>
  328. </div>
  329. <div id="04" style="display:none">
  330. <h1><center>Extras</center></h1>
  331. <li><span onClick="changeNavigation('05')">Asks</span>
  332. <li><span onClick="changeNavigation('06')">Recomendo</span>
  333. <li><a href='link'>Facebook</a>
  334. <li><a href='link'>Twiter</a>
  335. <li><a href='link'>Link</a>
  336. <li><a href='link'>Link</a>
  337. </div>
  338. <div id="05" style="display:none">
  339. <h1><center>My Asks</center></h1>
  340. {block:Posts}
  341. {block:Answer}
  342. <img src='{AskerPortraitURL-40}' align='left'/>
  343. <b>{Asker} asked:</b><br>
  344. {Question}<br><br>
  345. <b>Answer:</b><br>
  346. {Answer}
  347. <br>
  348. ------------------------------------------------------------------------------------------------------------------------------------
  349. {/block:Answer}
  350.  
  351. {/block:Posts}
  352. </div>
  353. <div id="06" style="display:none">
  354. <h1><center>Recomendo</center></h1>
  355. <li><a href='linkdotumblr'> Nome</a>
  356. <li><a href='linkdotumblr'> Nome</a>
  357. <li><a href='linkdotumblr'> Nome</a>
  358. <li><a href='linkdotumblr'> Nome</a>
  359. <li><a href='linkdotumblr'> Nome</a>
  360. </div>
  361. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  362. </body>
  363. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!