API tools faq
paste
htmlparavoces

*-*

htmlparavoces
Feb 24th, 2012
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--Theme base feito BEATRIZ MAIA (ironicandsarcastic) NÃO COPIE!!!!-->
  6. <!--Theme base feito BEATRIZ MAIA (ironicandsarcastic) NÃO COPIE!!!!-->
  7. <!--Theme base feito BEATRIZ MAIA (ironicandsarcastic) NÃO COPIE!!!!-->
  8. <!--Theme base feito BEATRIZ MAIA (ironicandsarcastic) NÃO COPIE!!!!-->
  9. <!--Theme base feito BEATRIZ MAIA (ironicandsarcastic) NÃO COPIE!!!!-->
  10. <!--Theme base feito BEATRIZ MAIA (ironicandsarcastic) NÃO COPIE!!!!-->
  11.  
  12.  
  13. <html>
  14. <head>
  15. <!-- BEGIN TUMBLR CODE --><iframe src="http://assets.tumblr.com/iframe.html?8&src=http%3A%2F%2F{title}.com%2F&amp;lang=en_US&amp;name={title}" scrolling="no" width="330" height="25" frameborder="0" style="position:absolute; z-index:1337; top:0px; right:0px; border:0px; background-color:transparent; overflow:hidden;" id="tumblr_controls"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]--><script type="text/javascript">_qoptions={qacct:"p-19UtqE8ngoZbM"};</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><noscript><img src="http://pixel.quantserve.com/pixel/p-19UtqE8ngoZbM.gif" style="display:none; border-width:0px; height:1px; width:1px;" alt=""/></noscript><!-- END TUMBLR CODE --></body>
  16.  
  17. <title>{Title}</title>
  18. <script type="text/javascript">
  19. function changeNavigation(id)
  20. {document.getElementById('local').innerHTML=document.getElementById(id).innerHTML}
  21.  
  22. </script>
  23. </head>
  24.  
  25. <style type="text/css">
  26.  
  27. /* body */
  28.  
  29. /* body */
  30.  
  31. body {background: #EEEEE0 url('http://data.whicdn.com/images/18324148/tumblr_lv6p5qxKa01r48cu0o1_500_large.jpg'); font: 11px tahoma; text-align:justify; color: #000; background-attachment:fixed; background-repeat: no-repeat;}
  32. /**caixa dos posts**/
  33. .box {background: #fff; border: 1px solid #ebebeb; margin-bottom: 12px; padding: 5px;  text-align: justify; moz-box-shadow: 0 0 1em #E2E2E2; -webkit-box-shadow: 0 0 1em #E2E2E2;box-shadow: 0 0 1em #E2E2E2;}
  34. /**fim**/
  35.  
  36.  
  37. /**balão de asks, o que faz a ask ficar em um balãozinho bonito**/
  38. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  39. .bubble p {margin:1px 0px;}
  40. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  41. /**fim/
  42.  
  43. /**fonte dos posts**/
  44. .h1 { font: 20px georgia; font-style: italic; letter-spacing: 1px;text-transform: normal;color: #000;}
  45. /**fim**/
  46.  
  47. /**sidebar**/
  48. #sidebar {width: 250px; padding: 5px; background:#fff;font-size:10px; font-family:verdana; color:#777;margin-top:0px; margin-left: 50px;float: center;text-align: justify;position:relative;border: 1px solid #ebebeb;moz-box-shadow: 0 0 1em #E2E2E2; -webkit-box-shadow: 0 0 1em #E2E2E2;box-shadow: 0 0 1em #E2E2E2;}
  49. /**fim**/
  50.  
  51. /**linhas**/
  52. .heart {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px;}
  53. .heart:hover {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px;}
  54. /**fim**/
  55.  
  56. /**linha dos i-frames**/
  57. .linha{border-bottom: 1px solid #DDD;}
  58. /**fim**/
  59.  
  60.  
  61. /**linha pontilhada dos posts**/
  62. .h3{font-family: tahoma; font-size: 9px; color: #777; background-color: #fff; text-transform:none; padding-left: 2px; margin-bottom: 1px; margin-top:2px; border-top: 2px dashed #000; border-bottom: 1px solid #DDD;}
  63. /**fim**/
  64.  
  65. /**negrito, itálico, tarjado e sublinhado**/
  66. b,strong {color: #000; text-decoration: none;}
  67. a:link,a:active,a:visited { color: #000; text-decoration: none;}
  68. a:hover { color: #888;}
  69. s {color: #888; }
  70. i,em {color: #888; text-decoration: none;}
  71. u {color: #000; text-decoration: none; border-bottom: 1px dashed #888;}
  72. /**fim**/
  73.  
  74. /**blockquote**/
  75. blockquote {margin: 5px;padding: 3px;border-left: 5px solid #000;}
  76. /**fim**/
  77.  
  78. /**background**/
  79. body {background-color: #fff;background:  url(http://2.bp.blogspot.com/-Dx0kfqpJOQg/Tyxu1wnYfZI/AAAAAAAAIdc/FScVP7hO9Lc/s200/tumblr_l5padaXtW61qcdtsho1_500_large.png') fixed;font: 11px verdana;color:#515151;line-height: 15px;margin:20px 20px;text-align: justify;}
  80. /**fim**/
  81.  
  82. /**faixa da sidebar**/
  83. .faixa{
  84. font-size: 9pt;
  85. text-align: right;
  86. font-weight: bold;
  87. color: #000;
  88. border-radius: 6px;
  89. background: #ededed;
  90. font-family: verdana;
  91. letter-spacing: 1px;
  92. padding: 3px;
  93. padding-left: 10px;
  94. }
  95. /**fim**/
  96.  
  97. /**menu**/
  98. a.navi {
  99. font: 8pt calibri;
  100. line-height: 200%;
  101. color: #000;
  102. background: #ebebeb;
  103. letter-spacing: 2px;
  104. word-spacing: 10px;
  105. margin: 0 auto;
  106. padding: 5px;
  107. -webkit-transition: 2s;
  108. }
  109. a.navi:hover {
  110. font: 8pt calibri;
  111. line-height: 200%;
  112. color: #fff;
  113. background: #000;
  114. letter-spacing: 2px;
  115. word-spacing: 10px;
  116. margin: 0 auto;
  117. padding: 5px;
  118. -webkit-transition: 2s;
  119. }
  120. /**fim**/    
  121. img {opacity: 0.8; filter:alpha(opacity=80);}
  122. img:hover {opacity:1; filter:alpha(opacity=99);}                  
  123. </style>
  124.  
  125. <body>
  126. <br><br>
  127. <div id="sidebar">
  128. <img src="http://24.media.tumblr.com/tumblr_lsc0paMpwr1qcso4io1_500.jpg" width="250px">
  129. Hey pequena,desapegue-se,não chore,não sofra,a vida é longa,cheia de surpresas,o melhor ainda está por vim,o tempo apenas tá te testando para ver até onde você iria!</div>
  130. <br>
  131. <div id="sidebar">
  132. <div class="faixa">Navegue</div>
  133. <br>
  134. <a class="navi" href="/">It's Page</a> <a class="navi" href="/ask">Ask me</a> <a class="navi" href="/tagged/SUATAG">Textos</a> <a class="navi"><span onClick="changeNavigation('creditos')">créditos</span></a>
  135. </div>
  136.  
  137.  
  138.  
  139. <body>
  140.  
  141.  
  142. </div>
  143.  
  144. <div style="position: absolute; left: 500px; top: 40px; width: 520px;  letter-spacing: 1px; font: Normal 9pt Tahoma; color: #8B8989;>
  145.  
  146. <div id="content">
  147. <div id="local">
  148. <br>
  149. {block:Posts}
  150.  
  151. {block:Text}
  152. <div class="post"><div class="box">
  153. <div class="h1">{block:Title}{Title}{/block:Title}</div>
  154. <div>{Body}</div>
  155. <br />
  156. <!-- REBLOG --!>
  157. <div class="h3">Em {DayOfMonth}/{MonthNumberWithZero}/{Year} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> por <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  158. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  159. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}    
  160. (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog this!</a>)</div>
  161. <div class="tag">Tags: {block:HasTags} {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  162. {/block:Text}
  163.  
  164. {block:Answer}
  165. <div class="post"><div class="box">
  166. <img src="{AskerPortraitURL-40}"align="left" class="boda" /> <div class="bubble"><strong>{Asker}</strong> disse: {Question}<br /><br /></div>
  167. <i>{Answer}</i><br />
  168.  
  169. {/block:Answer}
  170.  
  171. {block:Link}
  172. <div class="post"><div class="box">
  173. <a href="{URL}" class="h1">{Name}</a>
  174. <br />
  175. {block:Description}{Description}{/block:Description}
  176. <br />
  177. <!-- REBLOG --!>
  178. <div class="h3">Em {DayOfMonth}/{MonthNumberWithZero}/{Year} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> por <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  179. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  180. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}    
  181. (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog this!</a>)</div>
  182. <div class="tag">Tags: {block:HasTags} {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  183. {block:Link}
  184.  
  185. {block:Photo}
  186. <div class="post"><div class="box">
  187. <center>{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" width="510px" title="{PhotoAlt}" /></a>{LinkCloseTag}</center><br />
  188. {block:Caption}{Caption}{/block:Caption}<br />
  189. <!-- REBLOG --!>
  190. <div class="h3">Em {DayOfMonth}/{MonthNumberWithZero}/{Year} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> por <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  191. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  192. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}    
  193. (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog this!</a>)</div>
  194. <div class="tag">Tags: {block:HasTags} {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  195. {/block:Photo}
  196.  
  197. {block:Quote}
  198. <div class="post"><div class="box">
  199. <div class="h1">{Quote}</div>
  200. <br>
  201. {block:Source}&mdash; {Source}{/block:Source}
  202. <br />
  203. <!-- REBLOG --!>
  204. <div class="h3">Em {DayOfMonth}/{MonthNumberWithZero}/{Year} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> por <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  205. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  206. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource} 
  207. (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog this!</a>)</div>
  208. <div class="tag">Tags: {block:HasTags} {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  209. {/block:Quote}
  210.  
  211. {block:Chat}
  212. <div class="post"><div class="box">
  213. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  214. <table>
  215. {block:Lines}
  216. <tr>
  217. {block:Label}<td class="name">{Label}</td>{block:Label}
  218. <td class="words">{Line}</td>
  219. </tr>
  220. {/block:Lines}
  221. </table><br />
  222. <!-- REBLOG --!>
  223. <div class="h3">Em {DayOfMonth}/{MonthNumberWithZero}/{Year} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> por <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  224. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  225. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource} 
  226. (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog this!</a>)</div>
  227. <div class="tag">Tags: {block:HasTags} {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  228. {/block:Chat}
  229.  
  230. {block:Audio}
  231. <div class="post"><div class="box">
  232. <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  233. <center>{AudioPlayerWhite}</centeR>
  234. {block:Caption}{Caption}{/block:Caption}<br/>
  235. <!-- REBLOG --!>
  236. <div class="h3">Em {DayOfMonth}/{MonthNumberWithZero}/{Year} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> por <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  237. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  238. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource} 
  239. (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog this!</a>)</div>
  240. <div class="tag">Tags: {block:HasTags} {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  241. {/block:Audio}
  242.  
  243. {block:Video}
  244. <div class="post"><div class="box">
  245. <center>{Video-500}</center>
  246. {block:Caption}{Caption}{/block:Caption}<br />
  247. <!-- REBLOG --!>
  248. <div class="h3">Em {DayOfMonth}/{MonthNumberWithZero}/{Year} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> por <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  249. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  250. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource} 
  251. (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog this!</a>)</div>
  252. <div class="tag">Tags: {block:HasTags} {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  253. {/block:Video}</center></div>
  254. {/block:Posts}</div>
  255.  
  256. {block:PostNotes}<div class="box">
  257. <div class="notes-bottom">
  258. {PostNotes}</div>
  259. </div>
  260. {/block:PostNotes}
  261.  
  262. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  263. </div>
  264.  
  265. <br><div class="left">
  266. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" ><div class="h1"><<>></div></a>{/block:PreviousPage}  </div>
  267.  
  268. <div class="right">
  269.  {block:NextPage}<a href="{NextPage}">
  270. <div class="h1">>></div></a>{/block:NextPage}{/block:Pagination}</big> </center></div></div>
  271.  
  272.  
  273. <div id="creditos" style="display:none">
  274. <div class="box">
  275. <div class="h1">Créditos</div>
  276. <div class="linha"></div>
  277. <div class="heart">Theme base FEITO por: <a href="http://ironicandsarcastic.tumblr.com">Beatriz</a>.</div>
  278. <div class="heart">Theme MODIFICADO por: <a href="htmlpravoces.tumblr.com">Html pra vocês</a></div>
  279. <div class="heart">Balão de asks: <a href="http://biibis.tumblr.com">Bianca</a></div>
  280. <div class="heart">Botão de follow e dashboard: <a href="http://karinefernandes.tumblr.com">Karine</a></div>
  281. <div class="heart">Menu falso i-frame e linhas: <a href="http://havingthemes.tumblr.com/">Having Themes</a></div>
  282. <div class="heart">Tags: <a href="http://ilovehtml.tumblr.com">I &hearts; HTML</a>.</div>
  283. </div>
  284.    
  285. </body>
  286.  
  287. </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!