API tools faq
paste
htmlparavoces

As imagens mudam no código e não modifique o menu não dá

htmlparavoces
Feb 3rd, 2012
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.36 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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. <head>
  5.  
  6. <!--- menu não apague --->
  7. <script type="text/javascript">
  8. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  9. </script>
  10. <!--- fim do menu --->
  11.  
  12. <title>{Title}</title>
  13.  
  14. </head>
  15.  
  16. <style type="text/css">
  17.  
  18. /*** CORPO SEXY DO THEME by traga-me ***/
  19. body {background: #f4f4f3 url('URL_DA_IMAGEM'); }
  20.  
  21. /*** BOX DOS POSTS by traga-me ***/
  22. .box {background: #fff; margin:5px;padding:5px; margin-bottom:10px; -webkit-box-shadow:0 0 1em #eee;}
  23. #conteudo { width: 560px; padding-bottom:8px; margin-top:-10px; color: #000; font: 12px verdana; margin-bottom: 15px; margin-left: 365px; padding: 5px; float: left; }
  24.  
  25. /*** SIDE by traga-me ***/
  26. #sidebar {position:fixed; width:308px;left:50px; margin-top: -10px;}
  27. #box{color:#000; background:#fff; padding:4px; font-size: 12px; font-family: verdana; -webkit-box-shadow:0 0 1em #eee; text-align:justify;}
  28.  
  29. /*** MENU HOVER by traga-me ***/
  30. .annav {font-size: 13px; font-family:verdana; color: #777; float:left; padding:5px;  text-align:center; height:15px; margin:2px; background:#D6D6D6; width:140px; box-shadow: 0 0 5px #fff;}
  31. .annav:hover {font-size: 13px; font-family:verdana; color: #eee; float:left; padding:5px;  text-align:center; height:15px; margin:2px; background:#D6D6D6; width:140px; box-shadow: 0 0 5px #fff;}
  32.  
  33. /*** TÍTULO DOS POSTS by traga-me ***/
  34. .titlle {font: normal 25px Verdana; color:#000; text-align:left;}
  35. /*** TÍTULO DO RESTO by traga-me ***/
  36. .h1 {font: 20px Verdana normal; color:#000; }
  37.  
  38. /*** REBLOG E TAGS by traga-me ***/
  39. .rt {background: #BDB7B7; color: #000; font-size: 10px; margin-top:1px; text-align:left; padding:3px; }
  40.  
  41. /*** NEGRITO, TARJADO, ITÁLICO, SUBLINHADO E LINKS by traga-me ***/
  42. b, strong {color: #2b2b2b; text-decoration: none; }
  43. s {color: #2b2b2b;}
  44. i, em {color: #2b2b2b; text-decoration: none;}
  45. u, underline {color: #000; text-decoration: none; border-bottom: 1px solid #505050;}
  46. a:link, a:active, a:visited {color: #2b2b2b; text-decoration: none;}
  47. a:hover {color: #2b2b2b;}
  48.  
  49. /*** BORDA ***/
  50. .border {border: 6px solid #BDB7B7;}
  51.  
  52. /*** BLOCKQUOTE by traga-me ***/
  53. blockquote {border-left:2px solid #A3A391; padding-left:3px; margin:3px;}
  54.  
  55. /*** Paginação by madlyluv.com ***/
  56. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  57. #paginacaoml a {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  58. #paginacaoml a:hover {background: #cor de fundo; border: none;}
  59. #paginacaoml span.pagina_atual {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  60. #paginacaoml span.info {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  61.  
  62. /*** menu hover por marlivia.tumblr.com ***/
  63. ul.a{margin:5px 0 5px 0;padding:1px;}
  64. ul.a li,ul{list-style:none;}
  65. ul.a li{margin:1px 0 2px 0;font-family : verdana;
  66. border-bottom:1px solid #eee;}
  67.  
  68. /*** ASK EM BALÃO by traga-me ***/
  69. .ask {align:center; background:#9C9A9A; margin:7px 5px 5px 66px; padding:10px; position: relative; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font: 12px Verdana, Verdana, Verdana; color:#000;}
  70. .ask p {margin:1px 0px;}
  71. .ask span {display:block; position:absolute; width:1px; height:1px; font-size: 0; line-height: 1px; left:-10px; top:10px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #d4d4d3;}
  72.  
  73. .answer {font-family: verdana; font-size:12px; color:#000; text-align:left; }
  74.  
  75. </style><body>
  76. <div style=" background-image: url('http://3.bp.blogspot.com/-BflW0Y6CDEY/TmQhaMpB-DI/AAAAAAAAHpY/_gUW3OFTebM/s200/27.png'); top: 0px; left: 0px; width: 100%; height: 25px; z-index: 100; position: fixed;"></div>
  77.  
  78. <div style=" background-image: url('http://2.bp.blogspot.com/_JAx0MEmqBYs/TTUZAQvtq-I/AAAAAAAAACU/LuzaXrH16GI/s320/preto%255B2%255D.jpg'); top: 0px; right: 0px; width: 20px; height: 100%; z-index: 100; position: fixed;"></div>
  79.  
  80. <div style=" background-image: url('http://2.bp.blogspot.com/_JAx0MEmqBYs/TTUZAQvtq-I/AAAAAAAAACU/LuzaXrH16GI/s320/preto%255B2%255D.jpg'); top: 0px; left: 0px; width: 20px; height: 100%; z-index: 100; position: fixed;"></div>
  81.  
  82. </div>
  83.  
  84. <br></br>
  85. <br></br>
  86. </div>
  87. <pre><div style="border: px solid #F0F0F0; padding: 0px; overflow: auto; width: 500px;padding: 0px 0px 0px 0px;line-height: 100%  margin-left: -100px;"><marquee direction="left" scrollamount="3" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">
  88. <img src="http://www.muzplay.net/sites/default/files/images/nirvana-005.jpg" height=" 110px" />
  89. <img src="http://www.muzplay.net/sites/default/files/images/nirvana-006.jpg" height=" 110px" />
  90. <img src="http://djbezzi.files.wordpress.com/2011/04/nirvana-2.jpg" height=" 110px" />
  91. <img src="http://soltaopause.com.br/blog/wp-content/uploads/2011/06/nirvana.jpg" height=" 110px" />
  92. <img src="http://soltaopause.com.br/blog/wp-content/uploads/2011/06/nirvana.jpg" height=" 110px" />
  93. <img src="http://soltaopause.com.br/blog/wp-content/uploads/2011/06/nirvana.jpg" height=" 110px" />
  94. </marquee></div></pre>
  95. </div>
  96. <br></br>
  97. <a href="/" style="cursor:hand;" title="home"><menu>Home</menu></a>
  98.  
  99. <span onClick="changeNavigation('02')"><menu>Sobre Tumblr</menu></span>
  100.  
  101. <a href="/ask" style="cursor:hand;" title="Ask"><menu>Ask</menu></a>
  102.  
  103. <a href="/tagged/SUATAG" style="cursor:hand;" title="Textos"><menu>Textos</menu></a>
  104.  
  105. <div id="posts"><div id="conteudo"><div id="mar"><div id="liuc">
  106. {block:Posts}
  107.  
  108.  
  109.  
  110.  
  111. {block:Text}<div class="box">
  112. <div class="titlle">{block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}</div>
  113. <div>{Body}</div>
  114. <BR>
  115.  
  116. <div class="rt">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a><br>
  117.  
  118. Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  119. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}    
  120. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">reblog this</a>
  121. <br>
  122.  
  123. </div></div>
  124. {/block:Text}
  125.  
  126.  
  127.  
  128. {block:Quote}<div class="box">
  129. <div class="titlle">{Quote}</div>
  130. {block:Source}&mdash; {Source}{/block:Source}
  131.  
  132. <div class="rt">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a><br>
  133.  
  134. Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  135. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}    
  136. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">reblog this</a>
  137. <br>
  138.  
  139. </div></div>
  140. {/block:Quote}
  141.  
  142.  
  143. {block:Answer}
  144. <div class="box">
  145. <img src="{AskerPortraitURL-40}"align="left" width="30px" class="border"/> <div class="ask"><span></span>{Asker}: {Question}</div>
  146.  
  147. <div class="answer">{Answer}</div>
  148. <div class="rt"><b>Ask</b> respondida em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b></div>
  149. <div class="h3"></div></div>
  150. {/block:Answer}
  151.  
  152.  
  153.  
  154. {block:Photo}<div class="box">
  155. <center>{LinkOpenTag}<a href="{Permalink}"><img class="border" src="{PhotoURL-500}" title="{PhotoAlt}" width="524"/>{LinkCloseTag}</center></a><br>
  156. {block:Caption}{Caption}{/block:Caption}
  157.  
  158. <div class="rt">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a><br>
  159.  
  160. Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  161. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}    
  162. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">reblog this</a>
  163. <br>
  164.  
  165. </div></div>
  166. {/block:Photo}
  167.  
  168.  
  169.  
  170. {block:Chat}<div class="box">
  171. <div class="titlle">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  172. <table>
  173. {block:Lines}
  174. <tr>
  175. {block:Label}<td class="name">{Label}</td>{block:Label}
  176. <td class="words">{Line}</td>
  177. </tr>
  178. {/block:Lines}
  179. </table>
  180.  
  181. <div class="rt">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a><br>
  182.  
  183. Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  184. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}    
  185. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">reblog this</a>
  186. <br>
  187.  
  188. </div></div>
  189. {/block:Chat}
  190.  
  191.  
  192.  
  193. {block:Audio}
  194. <div class="box">
  195. <div style="float:right; margin-top: 4px;"><i> {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}</div>
  196. <center>{AudioPlayerWhite}</center>
  197. {block:Caption}{Caption}{/block:Caption}
  198.  
  199. <div class="rt">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a><br>
  200.  
  201. Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  202. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}    
  203. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">reblog this</a>
  204. <br>
  205.  
  206. </div></div>
  207. {/block:Audio}
  208.  
  209.  
  210.  
  211. {block:Video}
  212. <div class="box">
  213. <center>{Video-500}</center>
  214. {block:Caption}{Caption}{/block:Caption}<br>
  215.  
  216. <div class="rt">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a><br>
  217.  
  218. Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  219. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}    
  220. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">reblog this</a>
  221. <br>
  222.  
  223. </div></div>
  224. {/block:Video}
  225.  
  226.  
  227.  
  228. {block:Link}
  229. <div class="box">
  230. <div class="titlle"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  231. {block:Description}
  232. <div class="description">{Description}</div>
  233. {/block:Description}
  234. <BR>
  235.  
  236. <div class="rt">
  237.  
  238. {block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a><br>
  239.  
  240. Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  241. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}    
  242. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">reblog this</a>
  243. <br>
  244.  
  245. </div></div>
  246. {/block:Link}
  247.  
  248. {/block:Posts}
  249.  
  250. <div id="paginacaoml"><span class="info" style="font-weight: normal;">Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  251. {block:JumpPagination length="10"}
  252. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  253. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  254. {/block:JumpPagination}
  255. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  256. </div>
  257.  
  258. <div class="box">
  259.  
  260.  
  261. </div></div></p></div></div></div></div></div></div></div></div></div></div></div></div></div>
  262.  
  263.  
  264.  
  265.  
  266. <div id="01" style="display:none">
  267. <div class="box">
  268. <div class="h1">about me</div>
  269.  
  270. AQUI VOCÊ VAI ESCREVER UM POUCO SOBRE VOCÊ E BLÁ BLÁ BLÁ , AQUI VOCÊ VAI ESCREVER UM POUCO SOBRE VOCÊ E BLÁ BLÁ BLÁ , AQUI VOCÊ VAI ESCREVER UM POUCO SOBRE VOCÊ E BLÁ BLÁ BLÁ , AQUI VOCÊ VAI ESCREVER UM POUCO SOBRE VOCÊ E BLÁ BLÁ BLÁ ,
  271.  
  272. </div></div>
  273.  
  274.  
  275. <div id="02" style="display:none">
  276.  
  277. <div class="box">
  278. <div class="h1">about tumblr</div>
  279.  
  280. AQUI VOCÊ VAI ESCREVER UM POUCO SOBRE VOCÊ E BLÁ BLÁ BLÁ , AQUI VOCÊ VAI ESCREVER UM POUCO SOBRE VOCÊ E BLÁ BLÁ BLÁ , AQUI VOCÊ VAI ESCREVER UM POUCO SOBRE VOCÊ E BLÁ BLÁ BLÁ , AQUI VOCÊ VAI ESCREVER UM POUCO SOBRE VOCÊ E BLÁ BLÁ BLÁ ,
  281.  
  282.  
  283. </div>
  284.  
  285. <div class="box">
  286. <div class="h1">Agradecimentos</div>
  287. Theme adaptado: <a href="http://htmlpravoces.tumblr.com/">Html pra vocês</a><br>
  288. Theme base: <a href="http://traga-me.tumblr.com/">AnnaG.</a><br>
  289. Paginação: <a href="http://madlyluv.com">Madlyluv</a><br>
  290. Menu hover: <a href="http://marlivia.tumblr.com/">Marlivia</a><br>
  291. Ajudas: <a href="http://maujor.com">Maujor</a><br>
  292.  
  293.  
  294. </div></div></div>
  295.  
  296. </body>
  297. </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!