API tools faq
paste
biahygino

Theme 09 - HTML

biahygino
Feb 26th, 2012
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.17 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <link href='http://fonts.googleapis.com/css?family=Pompiere' rel='stylesheet' type='text/css'>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>{title}</title>
  7. <script type="text/javascript">
  8. function changeNavigation(id) {document.getElementById('conteudo').innerHTML=document.getElementById(id).innerHTML}
  9. </script>
  10.  
  11.  
  12. <style>
  13. /*** Cor e fonte dos textos do theme ***/
  14. body,td,p {
  15. FONT-SIZE: 22px; COLOR: #808080;
  16. TEXT-DECORATION: none; font-family: 'Pompiere', cursive;}
  17.  
  18. /*** Cor do negrito(b). sublinhado(u), tarjado(s),itálico(i) ***/
  19. b, strong {color: #808080; text-decoration: none;}
  20. u, span.sublinha {text-decoration: none; border-bottom: 1px solid #808080;}
  21. s {color:#808080; }
  22. x {color: #808080; }
  23. w {color: #808080; }
  24. i {color: #808080; italic }
  25. p {margin-top:3px; margin-bottom:3px;}
  26.  
  27. /*** Cor/fonte/tamanho da fonte e outras configurações do título dos posts ***/
  28. .h1 {color:#808080; font-size:35px; font-family: 'Pompiere', cursive; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  29. .h2 {font-size:20px;font-family: 'Pompiere', cursive;color: #E4B4D5 !important;text-decoration: none; cursor: help; margin-bottom: 2px;background: #fff;text-shadow: 0 1px 1px #fff; border-bottom: 1px solid #eee;}
  30. .h3 {color:#808080; text-shadow: 0 1px 1px #FFF; margin:-1px 2px 6px 3px; font: 20pt; }
  31.  
  32.  
  33. /*** Fundo/Cor/Textos da barrinha de notes ***/
  34. .h5 {background: #E5E5E5;color: #808080;font-size: 17px;margin-top:1px; text-align:center;border-top: 2px dotted #808080;text-shadow: 0 0px 0px #fff;}
  35.  
  36. /*** Fundo/Cor/Textos do título do falso-iframe ***/
  37. .h4 {background-color: #E5E5E5;font-family: 'Pompiere', cursive; font-size:25px; color:#76A4DC;
  38. text-align:right; padding:1px; min-height:0px; margin:0px 0px 0px 0px;
  39. -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; }
  40.  
  41. /*** Configuração dos créditos***/
  42. .h6 {color: #808080;font-size: 17px;margin-top:1px; text-align:left; border-bottom: 1px dotted #808080;text-shadow: 0 0px 0px #fff;}
  43.  
  44. /*** Configuração da caixa de posts ***/
  45. .box {background: #ffffff; margin-left:3px; margin-right:3px; margin: 10px 10px 10px 10px;padding: 5px 5px 8px 5px;}
  46. .box2 {background: #ffffff; margin-left:3px; margin-right:3px; margin: 10px 10px 10px 10px;padding: 5px 5px 8px 5px;}
  47.  
  48. /*** Configuração das respostas das asks ***/
  49. .ask {align:right;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;}
  50.  
  51. /*** Configuração das caixinhas do falso-iframe ***/
  52. .caixa {
  53. width: 567px;
  54. background: #ffffff;
  55. color: #808080;
  56. border: 0px solid #808080;}
  57.  
  58. /*** Configuração da caixa de descrição ***/
  59. .caixa3 {
  60. background: #ffffff; height: 500px; border:0px dotted #808080;}
  61.  
  62. /*** bordas das imagens ***/
  63. .border {
  64. background-color: #808080;
  65. padding: 4px; }
  66.  
  67. /*** links ***/
  68. a {color:#808080; text-decoration: none ; CURSOR: help }
  69. a:visited {color: #808080; text-decoration: none ; CURSOR: help }
  70. a:active {color: #808080; text-decoration: none ; CURSOR: help }
  71. a:hover {color: #808080; text-decoration: none ; CURSOR: help }
  72.  
  73. /*** Configuração do menu ***/
  74. .nav1 {font-size: 16px; font-family: 'Pompiere', cursive; color:#808080;float:left; height:auto; margin:2px; padding: 5px; letter-spacing:1px;
  75. text-align:center; height:14px;background:#E5E5E5;width:90px;border: 0px dotted #FC9B2C; -webkit-border-top-left-radius: 12px;margin-left: 2px;
  76. z-index: 400; margin-right: 2px; margin-left: 2px; text-shadow: 0 1px 1px #fffff; -webkit-transition:background 0.7s ease;
  77. -moz-transition:background 0.7s ease;}
  78. .nav1:hover {color: #FFFFFF; background:#808080; -webkit-transition:background 0.7s ease; -moz-transition:background 0.7s ease;}
  79.  
  80.  
  81. /*** Opacidade nas imagens ***/
  82.  
  83. img {margin: 1px; border: none; filter: alpha(opacity=100); moz-opacity:1.0; opacity:1.0;}
  84. img:hover {margin: 1px; border: none; filter: alpha(opacity=75); moz-opacity:.80; opacity:.80 ; -webkit-transition-duration: .50s;}
  85.  
  86.  
  87. /*** Configuração da paginação ***/
  88. #paginacaoml {font-size: 10px; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  89. #paginacaoml a {background: #ffffff; margin: 0 1px 0 0; padding: 2px 4px; color: #000000; text-decoration: none;}
  90. #paginacaoml a:hover {background: #808080; border: none;}
  91. #paginacaoml span.pagina_atual {background:#808080; margin: 0 1px 0 0; padding: 2px 4px; color: #000000; text-decoration: none;}
  92. #paginacaoml span.info {background: #ffffff; margin: 0 1px 0 0; padding: 2px 4px; color: #000000; text-decoration: none;}
  93.  
  94. /*** Configuração do blockquote ***/
  95. blockquote {background: #E5E5E5;
  96. border-left: 3px solid #CADBEF;
  97. padding: 5px;}
  98.  
  99. </style>
  100. </head>
  101. <body style="background-color: #EFEFEF">
  102.  
  103.  
  104.  
  105. <!--------- MENU, NÃO MEXA SE NÃO SOUBER HTML------------------------->
  106. <DIV style="LEFT: 661px; WIDTH: 331px; POSITION: absolute; TOP: 430px; HEIGHT: 33px"><center>
  107.  
  108. <a href="/" class="nav1">Home</a>
  109. <span class="nav1" onClick="changeNavigation('01')"><center>About</center></span>
  110. <a href="/ask" class="nav1">Ask Me</a>
  111. <a href="/URL DO LINK" class="nav1">Link</a>
  112. <a href="/URL DO LINK" class="nav1">Link</a>
  113. <span class="nav1" onClick="changeNavigation('02')"><center>Tumblr</center></span>
  114.  
  115. </center></div>
  116. <!------------- FIM ----------------->
  117.  
  118.  
  119.  
  120.  
  121. <DIV
  122. style="LEFT: 664px; WIDTH: 303px; POSITION: absolute; TOP: 15px; HEIGHT: 208px" class="caixa3">
  123. <!-------- Imagem acima da descrição --------------->
  124. <img src="http://static.tumblr.com/8x82toq/A7qlu7td1/sidebar_image_tumblr.gif" width="303" height="auto">
  125. </div>
  126.  
  127.  
  128. <DIV
  129. style="LEFT: 665px; WIDTH: 300px; POSITION: absolute; TOP: 228px; HEIGHT: 194px" class="caixa3">
  130. <!-------- descrição, a pessoa muda no INFO --------------->
  131. {block:Description}
  132. {Description}{/block:Description}
  133. <!------------- FIM ------------------------------>
  134. </div>
  135.  
  136.  
  137.  
  138. <!------------------- POSTS, SÓ MEXA SE SOUBER O QUE ESTÁ FAZENDO!---------------------->
  139. <DIV
  140. style="LEFT: 67px; WIDTH: 569px; POSITION: absolute; TOP: 13px; HEIGHT: 1478px" class="caixa">
  141. <div id="conteudo">
  142. {block:Posts} {block:Text}
  143. <div class="box">
  144. <div class="h1">{block:Title}<a href="{Permalink}" class="style1">{Title}</a>{/block:Title}</div>
  145. <div>{Body}</div>
  146. <BR>
  147. <div class="h5"><b>&nbsp;Texto</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  148. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  149. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">
  150. Reblog this!</a></div></div>
  151. {/block:Text} {block:Quote}
  152. <div class="box">
  153. <div class="h1">{Quote}</div>
  154. {block:Source} {Source}{/block:Source}
  155. <div class="h5"><b>Quote</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  156. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  157. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">
  158. Reblog this!</a></div></div>
  159. {/block:Quote} {block:Answer}
  160. <div class="box">
  161. <img src="{AskerPortraitURL-40}"align="left" class="border" width="40px" /> <div class="ask"><span></span>
  162. {Asker} disse: {Question}</div>
  163. <br>
  164. {Answer}
  165. </div>
  166. {/block:Answer} {block:Photo}
  167. <div class="box">
  168. <center>{LinkOpenTag}<a href="{Permalink}"><img class="border" src="{PhotoURL-500}" title="{PhotoAlt}" width="500">{LinkCloseTag}</center></a><br>
  169. {block:Caption}{Caption}{/block:Caption}
  170. <div class="h5"><b>Photo</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  171. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  172. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">
  173. Reblog this!</a></div></div>
  174. {/block:Photo} {block:Chat}
  175. <div class="box">
  176. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  177. <table>
  178. {block:Lines}
  179. <tr>
  180. {block:Label}<td class="name">{Label}</td>{block:Label}
  181. <td class="words">{Line}</td>
  182. </tr>
  183. {/block:Lines}
  184. </table>
  185. <div class="h5"><b>Chat</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  186. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  187. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">
  188. Reblog this!</a></div></div>
  189. {/block:Chat} {block:Audio}
  190. <div class="box">
  191. <div style="float:right; margin-top: 4px;"><i> {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}</div>
  192. <center>{AudioPlayerWhite}</center>
  193. {block:Caption}{Caption}{/block:Caption}
  194. <div class="h5"><b>Audio</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  195. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  196. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">
  197. Reblog this!</a></div></div>
  198. {/block:Audio} {block:Video}
  199. <div class="box">
  200. <center>{Video-500}</center>
  201. {block:Caption}{Caption}{/block:Caption}<br>
  202. <div class="h5"><b>Video</b> postado em <u>{month}</u> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  203. {block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
  204. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">
  205. Reblog this!</a></div></div>
  206. {/block:Video} {/block:Posts}
  207. </div></div>
  208.  
  209. <DIV
  210. style="LEFT: 668px; WIDTH: 296px; POSITION: absolute; TOP: 497px; HEIGHT: 25px" class="caixa3">
  211.  
  212. <center><div id="paginacaoml"><span class="info" style="font-weight: normal;">P<span class="style3">á</span>gina <b>{CurrentPage}</b> de <b>{TotalPages}</b></span>
  213. {block:JumpPagination length="10"}
  214. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  215. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  216. {/block:JumpPagination}
  217. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  218. </div></center>
  219. </div>
  220.  
  221.  
  222.  
  223. <!------------------ FIM ------------------>
  224.  
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231. <!-----------Início do falso-iframe--------------------->
  232. <div id="01" style="display:none"><div class="caixa">
  233. <div class="h4">About Me</div><br>
  234.  
  235.  
  236. <!--- ESCREVA AQUI UM POUCO SOBRE VOC ------->
  237. <img src="{PortraitURL-96}" align="right" class="borda">
  238. SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM
  239. SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM
  240. SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM
  241. SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM
  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. <!---------- FIM ------------->
  245. <br><br><br><br><br>
  246.  
  247.  
  248.  
  249. <div id="02" style="display:none">
  250. <div class="caixa">
  251. <div class="h4">Sobre o Tumblr</div><br>
  252.  
  253.  
  254. <!------ESCREVA AQUI UM POUCO SOBRE O SEU TUMBLR ------------>
  255. SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE
  256. O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O
  257. TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O
  258. TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE
  259. O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE
  260. O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR
  261. <!-------- FIM ------------>
  262.  
  263.  
  264.  
  265. <br>
  266. <div class="caixa">
  267. <div class="h4">Recomendo</div><br>
  268. <!------- COLOQUE AQUI OS TUMBLRS QUE VOC RECOMENDA ------------->
  269. <a href="http://s-smiling.tumblr.com/"> s-smilingr</a>+
  270. <a href="ENDERE O-DO-TUMBLR-DA-PESSOA"> NOME</a>+
  271. <a href="ENDERE O-DO-TUMBLR-DA-PESSOA"> NOME</a>+
  272. <a href="ENDERE O-DO-TUMBLR-DA-PESSOA"> NOME</a>+
  273. <a href="ENDERE O-DO-TUMBLR-DA-PESSOA"> NOME</a>+
  274. <a href="ENDERE O-DO-TUMBLR-DA-PESSOA"> NOME</a>+
  275.  
  276. <br>
  277.  
  278.  
  279.  
  280. <div class="h4">Créditos</div>
  281. <div class="h6">Base por: <a href="http://youmakemecrazierbaby.tumblr.com/" target="_blank">Luana / YouMakeMeCrazierBaby</a></div>
  282. <div class="h6">Adaptado por: <a href="http://s-smiling.tumblr.com/" target="_blank">Beatriz Hygino / s-smiling</a></div>
  283.  
  284.  
  285.  
  286. <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>
  287.  
  288.  
  289.  
  290.  
  291. </div></div></div></div></div>
  292. </body>
  293.  
  294. </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!