API tools faq
paste
htmlparavoces

heart the glass

htmlparavoces
Feb 24th, 2012
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.64 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3.  
  4. <head>
  5.  
  6. <script type="text/javascript"> function changeNavigation(id) {document.getElementById('conteudo').innerHTML=document.getElementById(id).innerHTML} </script>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <META name="text:NomedoTumblr" content="Nome do seu Tumblr"/>
  11.  
  12. <style>
  13. <style type="text/css">
  14.  
  15. #navbar-iframe { display: none; }
  16.  
  17. body { background-color: #efefdb;}
  18.  
  19. a { font:9px verdana; color: #aaa; text-decoration: none; -webkit-transition-duration: .50s; }
  20. a:hover { color: #AFC9C7; }
  21.  
  22. img { filter: alpha(opacity=80); opacity: .8; -webkit-transition-duration: .50s; }
  23. img:hover { filter: alpha(100); opacity: 1.0; }
  24.  
  25. b, strong { color: #E6A388;}
  26. i, em { color: #999; }
  27. u, underline { color: #95BBBD; border-bottom: 1px solid #D5EAEB; }
  28. s, strike { color: #BBC773; }
  29.  
  30. td { font: 8pt arial; color: #777; }
  31.  
  32. .top {
  33. left:0px; top:0px;
  34. position:absolute;
  35. width:100%;
  36. height: 80px;
  37. background: url('');
  38. position: fixed !important;
  39. z-index: 99;
  40. }
  41.  
  42. .tumblrname {
  43. font-family:'Dancing Script';
  44. font-size:37px;
  45. color: #FFF;
  46. text-align: right;
  47. margin-top:10px;
  48. font-weight:normal;
  49. }
  50.  
  51. .colun { width: 250px; margin-left: 1px; margin-top: 70px; position: fixed; }
  52.  
  53. .title { color: #8B7E5C; font-family:'Dancing Script';  font-size:29px; line-height:25px; font-weight:normal; text-transform: lowercase; text-align: justify; }
  54. body {background: #1c1c1c url('LINK DO BG')fixed; color: #000; font-size: 11px; font-family: Arial; background-repeat: repeat;
  55. font-align: justify; }
  56.  
  57. a:link, a:active, a:visited { color: #Ff34b3; text-decoration: none; -webkit-transition-duration: .80s; }
  58.  
  59. a:hover { color: #0000ff;}
  60.  
  61. s {color:  #000;}
  62. i {color: #000;}
  63. b, strong {color: #000;}
  64. u, span.sublinha {color: #000; text-decoration: none; border-bottom: 1px solid #000;}
  65.  
  66. .caixa {
  67. width: 567px;
  68. background: #ffffff;
  69. color: #808080;
  70. border: 0px solid #808080;}
  71.  
  72.  
  73.  
  74. ::-webkit-scrollbar{width:8px;height:8px;}
  75. ::-webkit-scrollbar-button:start:decrement
  76. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  77. ::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  78. ::-webkit-scrollbar-thumb:vertical{height:50px; scrollbar-face-color:#666666; background-color: #000;-webkit-border-radius:px;}
  79. ::-webkit-scrollbar-thumb:horizontal{width:50px; scrollbar-face-color:#666666; background-color:#fff;-webkit-border-radius:px;}
  80.  
  81. .h1 {color:#808080; font-size:35px; font-family:Georgia; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  82. .h2 {color: #000; font-size:20pt; font-family: Wesley; font-weight:normal; margin:1px; padding:1px; margin-bottom:0px; text-align:justify; letter-spacing: 1px;}
  83. .h4 {background-color: #E5E5E5; font-family:Georgia, arial, serif; font-size:25px; color:#76A4DC;
  84. text-align:right;  padding:1px; min-height:0px; margin:0px 0px 0px 0px;
  85. -webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em;padding:2px; text-shadow: 0 1px 1px #FFF; border-bottom:2px #76A4DC dotted; }
  86. .h6 {color: #808080;font-size: 11px;margin-top:1px; text-align:left; border-bottom: 1px dotted #808080;text-shadow: 0 0px 0px #fff;}
  87.  
  88. .box {background: #ffffff;  margin-left:3px;  margin-right:3px; margin: 10px 10px 10px 10px;padding: 5px 5px 8px 5px;}
  89. .box2 {background: #ffffff;  margin-left:3px; margin-right:3px; margin: 10px 10px 10px 10px;padding: 5px 5px 8px 5px;}
  90. .boxx {background: #fff; margin-bottom: 10px;  padding: 5px;  text-align: justify; border: 1px solid #eee;  -moz-box-shadow: 0 0 1em #eee; -webkit-box-shadow: 0 0 1em #eee;  box-shadow: 0 0 1em #eee; }
  91.  
  92.  
  93. .ask {align:left;background: #E5E5E5; margin:7px 5px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font: 11px Tahoma, Verdana, Tahoma; color:#808080;}
  94.  
  95. .caixa3 {
  96. background: #ffffff; height: 500px; border:0px dotted #808080;}
  97.  
  98. .tags {color: #000; font-size: 10px; padding:3px; text-align: center; letter-spacing:1px; background: #e8e8e8; font-family: 'Century Gothic'; height: 20px; width: 569px; }
  99.  
  100. .pagi {font-family: arial; font-size: 70px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff; right: 40px; bottom: 30px; position: fixed;}.pagi1 {font-family: arial; font-size: 70px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff; left: 40px; bottom: 30px; position: fixed;}a.pagl {color: #fff; text-decoration: none;}a.pagl:hover {color:#FF0000;}
  101.  
  102. .un {font-size: 10px;  font-family:Century Gothic; color:#000;float:left; height:15px; margin:2px; padding: 2px;  letter-spacing:1px;
  103. text-align:center; height:14px;background:#fff;width:90px;border: 0px dotted #FC9B2C; margin-left: 2px;
  104. z-index: 400; margin-right: 2px; margin-left: 2px; text-shadow: 0 1px 1px #fffff; -webkit-transition:background 0.7s ease;
  105.  -moz-transition:background 0.7s ease;}
  106. .un:hover {color: #FFFFFF; background:#000; -webkit-transition:background 0.7s ease; -moz-transition:background 0.7s ease;}
  107.  
  108. </style>
  109.  
  110. </head>
  111.  
  112.  
  113.  
  114.  
  115. <body>
  116. <div class="top">
  117.  
  118. <table width="840" border="0" align="center">
  119.   <tr>     <th scope="col"><div class="tumblrname"> {text:NomedoTumblr} </div></th>   </tr>
  120. </table>
  121.  
  122. </div>
  123.  
  124. <table cellpadding="10" cellspacing="10" align="center">
  125. <tr>
  126. <td valign="top">
  127. <center>
  128.  
  129. <div style="position:absolute; width: 295px; left:10px; top:100px; position: absolute; text-align: left;" >
  130.  
  131. <div class="boxx">
  132. <img src="http://25.media.tumblr.com/tumblr_lzwn8mxIV11r9gewzo1_250.png" width=140px">
  133.  
  134. <img src="http://26.media.tumblr.com/tumblr_lzwn8mxIV11r9gewzo2_250.png" width=140px"</center>
  135. <br>
  136. <div style="border: 1px (230, 230, 230); overflow: auto; color: #000; background-color: #fff; width: 277px; text-align: justify; font-family: verdana; height: 100px; padding: 5px 5px 5px 5px; font-size:10px; line-height: 100%">
  137. {block:Description}{Description}{/block:Description}</div>
  138.  
  139. <div style="position:absolute; width: 295px; left:0px; top:245px; position: absolute; text-align: left;" >
  140. <a href="/" class="un">Home</a>
  141. <span class="un" onClick="changeNavigation('01')"><center>About</center></span>
  142. <a href="/ask" class="un">Ask-Me</a>
  143. <a href="/Tagged/SUATAG" class="un">Textos</a>
  144. <a href="/URL DO LINK" class="un">Link</a>
  145. <span class="un" onClick="changeNavigation('02')"><center>Tumblr</center></span>
  146.  
  147.  
  148.  
  149. <DIV style="LEFT: 550px; WIDTH: 331px; POSITION: fixed; top: 100px; HEIGHT: 33px"></div>
  150.  
  151. <div class="pagi">{block:Pagination}{block:NextPage}<a class="pagl" href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</div><div class="pagi1">{block:Pagination}{block:PreviousPage}<a class="pagl" href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}</div><br></div>
  152.  
  153.  
  154. <!------------------- POSTS, SÓ MEXA SE SOUBER O QUE ESTÁ FAZENDO!---------------------->
  155. <DIV
  156. style="LEFT: 350px; WIDTH: 569px; POSITION: absolute; TOP: -9px; HEIGHT: 1478px" class="caixa">
  157. <div id="conteudo">
  158. {block:Posts} {block:Text}
  159. <div class="box">
  160. <div class="h1">{block:Title}<a href="{Permalink}" class="style1">{Title}</a>{/block:Title}</div>
  161. <div>{Body}</div>
  162. <BR>
  163. <div class="h5"><b>&nbsp;Texto</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  164.                 {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  165.                 | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">
  166.                 Reblog this!</a></div></div>
  167. {/block:Text} {block:Quote}
  168. <div class="box">
  169. <div class="h1">{Quote}</div>
  170. {block:Source}  {Source}{/block:Source}
  171. <div class="h5"><b>Quote</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  172.                 {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  173.                 | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">
  174.                 Reblog this!</a></div></div>
  175. {/block:Quote} {block:Answer}
  176. <div class="box">
  177. <img src="{AskerPortraitURL-40}"align="left" class="border" width="40px" /> <div class="ask"><span></span>
  178.                 {Asker} disse: {Question}</div>
  179. <br>
  180. {Answer}
  181. </div>
  182. {/block:Answer} {block:Photo}
  183. <div class="box">
  184. <center>{LinkOpenTag}<a href="{Permalink}"><img class="border" src="{PhotoURL-500}" title="{PhotoAlt}" width="540">{LinkCloseTag}</center></a><br>
  185. {block:Caption}{Caption}{/block:Caption}
  186. <div class="h5"><b>Photo</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  187. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  188. |<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">
  189.                 Reblog this!</a></div></div>
  190. {/block:Photo} {block:Chat}
  191. <div class="box">
  192. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  193. <table>
  194. {block:Lines}
  195. <tr>
  196. {block:Label}<td class="name">{Label}</td>{block:Label}
  197. <td class="words">{Line}</td>
  198. </tr>
  199. {/block:Lines}
  200. </table>
  201. <div class="h5"><b>Chat</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  202.                
  203. |{block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  204.                  
  205. |<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog this!</a></div></div>
  206. {/block:Chat}
  207.  
  208.  
  209. {block:Audio}
  210. <div class="box">
  211. <div style="float:left; margin-top: 4px;"><i> {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}</div>
  212. <center>{AudioPlayerWhite}</center>
  213. {block:Caption}{Caption}{/block:Caption}
  214. <div class="h5"><b>Audio</b> postado em <u>{month}</u> |
  215. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}           
  216. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  217.                 | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">
  218.                 Reblog this!</a></div></div>
  219. {/block:Audio} {block:Video}
  220. <div class="box">
  221. <center>{Video-500}</center>
  222. {block:Caption}{Caption}{/block:Caption}<br>
  223. <div class="h5"><b>Video</b> postado em <u>{month}</u> |
  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};" target="blank">
  227.                 Reblog this!</a></div></div>
  228. {/block:Video} {/block:Posts}
  229. </div></div>
  230. </div>
  231. </center>
  232.  
  233.  
  234.  
  235. <div id="01" style="display:none"><div class="caixa">
  236. <div class="h4">About Me</div><br>
  237.  
  238.  
  239. <!--- ESCREVA AQUI UM POUCO SOBRE VOC ------->
  240. </center><img src="http://30.media.tumblr.com/tumblr_lzwmzgM6yX1r89lywo1_500.jpg" width="300px"</center>
  241.  
  242. SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM
  243. SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM
  244. SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM
  245. SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM
  246. SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM
  247. SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM
  248.  
  249. <!---------- FIM ------------->
  250. <br><br><br><br><br>
  251.  
  252.  
  253.  
  254. <div id="02" style="display:none">
  255. <div class="caixa">
  256. <div class="h4">Sobre o Tumblr</div><br>
  257.  
  258.  
  259. <!------ESCREVA AQUI UM POUCO SOBRE O SEU TUMBLR ------------>
  260. </center><img src="http://26.media.tumblr.com/tumblr_lzwlxn1i1D1r89lywo1_400.gif" width="300px"</center>
  261. SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE
  262. O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O
  263. TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O
  264.  TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE
  265.  O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE
  266.  O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR
  267. <!-------- FIM ------------>
  268.  
  269.  
  270.  
  271. <br>
  272. <div class="caixa">
  273. <div class="h4">Recomendo</div><br>
  274. <!------- COLOQUE AQUI OS TUMBLRS QUE VOC  RECOMENDA ------------->
  275. <a href="HTTP://glitter-b0x.TUMBLR.COM"> glitter-b0x</a>+
  276. <a href="ENDERE O-DO-TUMBLR-DA-PESSOA"> NOME</a>+
  277. <a href="ENDERE O-DO-TUMBLR-DA-PESSOA"> NOME</a>+
  278. <a href="ENDERE O-DO-TUMBLR-DA-PESSOA"> NOME</a>+
  279. <a href="ENDERE O-DO-TUMBLR-DA-PESSOA"> NOME</a>+
  280. <a href="ENDERE O-DO-TUMBLR-DA-PESSOA"> NOME</a>+
  281.  
  282. <br>
  283.  
  284.  
  285.  
  286. <div class="h4">Créditos</div>
  287. <div class="h6">Base por: <a href="http://glitter-b0x.tumblr.com/" target="_blank">Iza / Divas do HTML</a></div>
  288. <div class="h6">Adaptado por: <a href="http://htmlpravoces.tumblr.com/" target="_blank">Thucca /Html pra vocês</a></div>
  289. <div class="h6">Ajudas: <a href="http://youmakemecrazierbaby.tumblr.com/" target="_blank">Luana / YouMakeMeCrazierBaby</a></div>
  290.  
  291.  
  292.  
  293. <br><br><blockquote><b>É proibido a Cópia Total ou Parcial desse Theme!</b> De acordo com a Lei Federal de Direitos Autorais de nº 9610, desde 19 de Fevereiro de 1998, Plágio é crime. <k>©</k></blockquote>
  294. <div class="box"> <h3>Minhas Tags </h3> <div class="barra2"></div> <br>
  295.  
  296. <p class="tagcloud">
  297. <script type="text/javascript" src="http://static.tumblr.com/yqumgdr/Jv5l1p1h5/tagcloud.js"></script>
  298. <script type="text/javascript" src="http://static.tumblr.com/yqumgdr/YQSl9dp6l/tagcloudwidget.js?css=default&amp;minsize=120&amp;maxsize=220"></script>
  299. </p>
  300.  
  301. </div>
  302.  
  303.  
  304. </div>
  305. </td>
  306.  
  307. </tr>
  308. </table>
  309.  
  310. </body>
  311. </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!