API tools faq
paste
htmlparavoces

htmlpravoces

htmlparavoces
Dec 20th, 2011
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.19 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <script type="text/javascript">
  5.  
  6. function changeNavigation(id)
  7.  
  8. {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
  9.  
  10. </script>
  11.  
  12. <title>{title}</title>
  13. <link rel="shortcut icon" href="{seufavicon}">
  14.  
  15. <style>
  16.  
  17. .menuescondido {width: 180px; position: fixed; top: 0; margin: 0; height: 100%; border-right: 1px solid #CFCFCF; left: -180px; background-color: #fff; color: #000; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; z-index: 151234354}
  18.  
  19. .menuescondido:hover {left: 0px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
  20.  
  21. /*** Paginação by madlyluv.com ***/
  22. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  23. #paginacaoml a {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  24. #paginacaoml a:hover {background: #cor de fundo; border: none;}
  25. #paginacaoml span.pagina_atual {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  26. #paginacaoml span.info {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  27.  
  28. /*********** blockquote  *****/
  29. blockquote {
  30. margin: 5px;
  31. padding: 3px;
  32. border-left: 5px ridge #696969;}
  33.  
  34. /*********** borda das imagens  *****/
  35. .border
  36. {border: 1px solid  #696969; background-color: #696969; background-image:t url('http://media.tumblr.com/tumblr_lngbmbJvaL1qhn03u.png'); padding:1px 1px 1px; margin:-1px;}
  37.  
  38. /*********** negrito,itálico,sublinhado e riscado  *****/
  39. b, strong {color: #696969;}
  40. i, em {font: italic 11px tahoma; color: #696969;  }
  41. u { color: #696969; border-bottom: 1px #696969 dashed; text-decoration: none;  }
  42. s, strike {color: #696969;}
  43.  
  44. /*********** fundo do theme e formatação da fonte  *****/
  45. body{background: #FFFFFF  Url('seubg'); color: #000; font-family: Tahoma; font-size: 10px;}
  46.  
  47. /*********** links  *****/
  48. a:link, a:active, a:visited { font-family: tahoma;  color: #696969; text-decoration: none;
  49. -webkit-transition-duration: .30s; }
  50. a:hover { font-family: tahoma;  color: #696969; text-decoration: none; cursor: crosshair; }
  51.  
  52. /*********** sidebar  *****/
  53. .caixasidebar {font-style: tahoma; font-size: 11px; color: #696969; text-align:justify; background-color: #FFF; padding:6px; border: 1px solid #696969;}
  54.  
  55. /*********** posts  *****/
  56. .caixapost {background: #fff; padding: 5px; margin-bottom: 10px; text-align: justify; border: 1px solid #696969;}
  57.  
  58. /*********** menu  *****/
  59. menu {font-family: Tahoma; background:#696969; padding: 5px; text-align: center; margin: 1px; color: #fff;}
  60.  
  61. /*********** menu quando passa o mouse  *****/
  62. menu:hover {font-family: Tahoma; background:#CFCFCF; padding: 5px; text-align: center; margin: 1px; color: #fff;}
  63.  
  64. /*********** títulos  *****/
  65. h1 {color: #696969; font-family: Tahoma; font-size:20px; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing:1px; }
  66.  
  67. </style>
  68. <body>
  69. <div style="position:absolute; width:550px; left: 10px; top:300px; padding-top:0px; z-index:2;">
  70. <img src="http://3.bp.blogspot.com/-d4RUt5A53c8/TvD93wxXIxI/AAAAAAAAAxY/3uSZRBoio8g/s320/tumblr_lv48xsAAPw1qhg1r3o1_500.jpg" />
  71. </div>
  72.  
  73. <div id="01" style="display:none">
  74. <h1> About-me </h1>
  75. <img src="{PortraitURL-128}" width="70" height="70" align="right" style="margin-left:5px;" />
  76. ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI ! ESCREVA AQUI !  
  77.  
  78. </div>
  79.  
  80. <div id="02" style="display:none">
  81. <h1> Pessoas que enchem minha Dash de Alegria (: </h1>
  82.  
  83. {block:Following}
  84. <li class="following">
  85. {block:Followed}
  86. <a href="{FollowedURL}" target="_blank">
  87. <img src="{FollowedPortraitURL-24}" alt="{FollowedName}" class="image"></a>
  88. {/block:Followed}
  89. </li>
  90. {/block:Following}
  91. <br><br>
  92. <h1> Pessoas que eu gostaria que você seguisse (: </h1>
  93. <a href= Endereço_do_tumblr_que_voce_recomenda/> NOME DO TUMBLR </a> <br>
  94. <a href= Endereço_do_tumblr_que_voce_recomenda/> NOME DO TUMBLR </a> <br>
  95. <a href= Endereço_do_tumblr_que_voce_recomenda/> NOME DO TUMBLR </a> <br>
  96. <a href= Endereço_do_tumblr_que_voce_recomenda4/> NOME DO TUMBLR </a> <br>
  97. </div><br>
  98.  
  99.  
  100. </div>
  101.  
  102. <div id="03" style="display:none">
  103. <h1> Créditos </h1>
  104.  
  105. Base por: <a href="http://thinggirls.tumblr.com">Victória</a> | <a href="http://love-for-html.tumblr.com">Love For HTML.</a><br>
  106. Modificações por: <a href="http://seutumblr.tumblr.com">SEUNOME</a> <br>
  107. Falso I-frame por: <a href="http://tutoriais-html.tumblr.com/">Tutoriais HTML</a> <br>
  108. Menu passa o mouse por: <a href="http://tutoriaishtml.tumblr.com/">Tutoriais HTML</a> <br>
  109. </div>
  110.  
  111. <div style="position: absolute; width:350px; z-index:2; left: 750px; top: 10px;">
  112.  
  113. <img src="http://media.tumblr.com/tumblr_ls1c6dcXfx1qid4yn.gif" width="348" /><br>
  114. <br><div class="caixasidebar">
  115. Escreva aqui a sua descrição. Você pode usar <b>negrito</b>, <i>itálico</i>, <u>sublinhado</u> e <s> riscado</s>.Escreva aqui a sua descrição. Você pode usar <b>negrito</b>, <i>itálico</i>, <u>sublinhado</u> e <s> riscado</s>.Escreva aqui a sua descrição. Você pode usar <b>negrito</b>, <i>itálico</i>, <u>sublinhado</u> e <s> riscado</s>.Escreva aqui a sua descrição. Você pode usar <b>negrito</b>, <i>itálico</i>, <u>sublinhado</u> e <s> riscado</s>.<b> Base por :</b> ThingGirls
  116.  
  117.  
  118. </div>
  119. <br>
  120.  
  121.  
  122.  
  123.  
  124. </div></div></div></div></div>
  125. <!---------- POSTS --------------------------->                              
  126. <div style="position:absolute; width:550px; left: 150px; top:10px; padding-top:0px; z-index:2;">
  127. <div id="main">
  128. {block:Posts}
  129.  
  130. {block:Regular}<div class="post"><div class="caixapost">
  131. {block:Title}<center><h1>{Title}</h1></center>{/block:Title}
  132. <div class="entry">{Body}</div>
  133.  
  134. <div class="divdate"></div>
  135.  
  136.  
  137. <!---------------- DATA DOS POSTS ------------->
  138. <div class="date"><a class="notes" href="{Permalink}">Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue </a>)</div>
  139.  
  140. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  141.  
  142.  
  143. </div></div>
  144. {/block:Regular}
  145.  
  146.  
  147. <!---------------- As fotos que ficam nos posts ------------->
  148.  
  149. {block:Photo}
  150. <div class="post"><div class="caixapost">
  151. <center>
  152. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" margin-left=05px; width=530px class="border">{LinkCloseTag}</center>
  153. {block:Caption}          
  154. <br>
  155. <div class="caption">{Caption}</div>
  156. {/block:Caption}
  157. <div style="clear:both;"></div>
  158. <BR>
  159.  
  160. <div class="divdate"></div>
  161.  
  162.  
  163. <!---------------- DATA DOS POSTS ------------->
  164. <div class="date"><a class="notes" href="{Permalink}">Photo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue</a>)</div>
  165.  
  166. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  167.  
  168.  
  169. </div></div>
  170. {/block:Photo}
  171.  
  172.  
  173. <div style="clear:both;"></div>
  174.  
  175. <!---------- ASK --------------------------->
  176. {block:Answer}
  177. <div class="post"><DIV CLASS="caixapost">
  178. <img src="{AskerPortraitURL-40}"align="left" class="border"/>
  179. <div class="ask"><div class="bubble"><span></span><b>{Asker}</b>:
  180. <br>{Question}<br></div></div>
  181. {Answer}
  182.  
  183. <div style="clear:both;"></div>
  184.  
  185. <BR>
  186.  
  187. <div class="divdate"></div>
  188.  
  189. <!---------------- DATA DOS POSTS ------------->
  190. <div class="date"><a class="notes" href="{Permalink}">Mensagem</a> postada em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> </div>
  191.  
  192. </div></div>
  193. {block:Answer}
  194.  
  195. <div style="clear:both;"></div>
  196.  
  197. <!---------- QUOTES --------------------------->
  198.  
  199.  
  200. {block:Quote}
  201. <div class="post"><div class="caixapost">
  202. <h1>{Quote}</h1>
  203. </span>
  204. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  205.  
  206. <BR>
  207. <div class="divdate"></div>
  208.  
  209.  
  210. <!---------------- DATA DOS POSTS ------------->
  211. <div class="date"><a class="notes" href="{Permalink}">Quote</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue</a>)</div>
  212.  
  213. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  214.  
  215.  
  216. </div></div>
  217. {/block:Quote}
  218.  
  219.  
  220. <div style="clear:both;"></div>
  221.  
  222. <!---------- LINKS --------------------------->
  223.  
  224.  
  225. {block:Link}
  226. <div class="post"><div class="caixapost"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  227. {block:Description}
  228. <div class="description">{Description}</div>
  229. {/block:Description}
  230.  
  231. <BR>
  232. <div class="divdate"></div>
  233.  
  234.  
  235. <!---------------- DATA DOS POSTS ------------->
  236. <div class="date"><a class="notes" href="{Permalink}">Link</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue</a>)</div>
  237.  
  238. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  239.  
  240.  
  241. </div></div>
  242. {/block:Link}
  243.  
  244. <div style="clear:both;"></div>
  245.  
  246.  
  247. <!---------- CHAT --------------------------->
  248. {block:Chat}
  249. <div class="post"><div class="caixapost">
  250. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>
  251. {/block:Title}
  252. <div class="chat">
  253. {block:Lines}
  254. <div class="{Alt} user_{UserNumber}">
  255. {block:Label}
  256.  <span class="label">{Label}</span>
  257. {/block:Label}
  258. {Line}
  259. </div>
  260. {/block:Lines}
  261. </div>
  262. <BR>
  263. <div class="divdate"></div>
  264.  
  265.  
  266. <!---------------- DATA DOS POSTS ------------->
  267. <div class="date"><a class="notes" href="{Permalink}">Chat</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</div>
  268.  
  269. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  270.  
  271.  
  272. </div></div>
  273. {/block:Chat}
  274.  
  275.  
  276. <div style="clear:both;"></div>
  277.  
  278. <!---------- AUDIO --------------------------->
  279. {block:Audio}
  280. <div class="post"><div class="caixapost">
  281. {AudioPlayerWhite}
  282. {block:Caption}
  283. <div class="caption">{Caption}</div>
  284. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  285. {/block:Caption}
  286.  
  287.  
  288. <div class="divdate"></div>
  289.  
  290.  
  291. <!---------------- DATA DOS POSTS ------------->
  292. <div class="date"><a class="notes" href="{Permalink}">Música</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue</a>)</div>
  293.  
  294. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  295.  
  296.  
  297. </div></div>
  298. {/block:Audio}
  299.  
  300. <div style="clear:both;"></div>
  301. <!---------- VIDEOS --------------------------->
  302.  
  303. {block:Video}
  304. <div class="post">
  305. <div class="caixapost">
  306. {Video-500}
  307. <br>
  308. {block:Caption}
  309. <div class="caption">{Caption}</div>
  310. {/block:Caption}
  311.  
  312. <BR>
  313. <div class="divdate"></div>
  314.  
  315.  
  316. <!---------------- DATA DOS POSTS ------------->
  317. <div class="date"><a class="notes" href="{Permalink}">Vídeo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue </a>)</div>
  318.  
  319. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  320.  
  321.  
  322. </div></div>
  323. {/block:Video}
  324.  
  325. <div style="clear:both;"></div>
  326.  
  327. <!---------------- NOTAS  DOS POSTS ------------->
  328. {block:PostNotes}<div class="caixapost">
  329. <div class="notes-bottom">
  330. {PostNotes}
  331. </div></div>
  332. {/block:PostNotes}
  333.  
  334. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  335. {/block:Posts}</div>
  336.  
  337. <!---------------- FINAL DE TAGS DO POST ------------->
  338. <center> <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}
  339. {block:JumpPagination length="10"}
  340. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  341. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  342. {/block:JumpPagination}
  343. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  344. </div></center>
  345. <br><center> Base por: <a href="http://thinggirls.tumblr.com">Victória</a></center>
  346. </script>
  347.  
  348. <div class="menuescondido">
  349.  
  350. <a href="/"><menu>Início</menu></a>
  351. <span onClick="changeNavigation('01')"><menu>About</menu></span>
  352. <span onClick="changeNavigation('02')"><menu>More</menu></span>
  353. <span onClick="changeNavigation('03')"><menu>Theme</menu></span>
  354. <a href="/tagged/SUATAG"><menu>Textos</menu></a>
  355. <a href="http://"><menu>LINK</menu></a>
  356.  
  357.  
  358. </div>
  359.  
  360. </head>
  361. </body>
  362. </html>
  363.  
  364. <div xmlns="http://www.w3.org/1999/xhtml"><object style="position: absolute; top: -1000000px; left: -1000000px;" width="1" height="1" id="_dp_swf_engine" data="http://static.dealply.com/flash/dealply_swf_engine.swf" type="application/x-shockwave-flash"><param value="always" name="allowscriptaccess"></object>
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!