API tools faq
paste
biahygino

Theme 08 - HTML

biahygino
Feb 24th, 2012
63
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.95 KB | None | 0 0
raw download clone embed print report
  1. <html><head>
  2. <title>{title}</title>
  3. <link rel="shortcut icon" href="{favicon}" />
  4. <link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
  5. <script src="http://tumbletricks.webs.com/maquina.js"></script>
  6.  
  7. <style>
  8. #navbar-iframe {display: none;}
  9.  
  10. body {background: #eee url();
  11. padding:4px;
  12. font-family: 'Quicksand', sans-serif;
  13. font-style: normal;
  14. font-size: 10px;
  15. color: #2d2d2d;
  16. text-align:justify;
  17. line-height:14px;
  18. }
  19.  
  20. .borda {
  21. padding : 3px;
  22. background : #fff url();
  23. border: 5px solid #ddd;
  24. border-radius: 10px;
  25. }
  26.  
  27. .opacidade {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;} .opacidade:hover {filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
  28.  
  29. .divi {border-bottom: 2px dashed #eee; margin-bottom: 2px;}
  30.  
  31. .titulos {color:#a1a1a1!important;font-family: 'Quicksand', sans-serif;font-size:29px;line-height:25px;font-weight:normal;margin:0px;padding:0px;margin-bottom:-0px;text-align:left;letter-spacing: 1px;}
  32.  
  33. titulo {color:#a1a1a1!important;font-family: 'Quicksand', sans-serif;;font-size:29px;line-height:25px;font-weight:normal;margin:0px;padding:0px;margin-bottom:-0px;text-align:left;letter-spacing: 1px;}
  34.  
  35. blockquote {background: #ffff;
  36. border-left: 7px solid #ddd;
  37. padding: 5px;}
  38.  
  39. a:link, a:visited, a:active {color: #a1a1a1; text-shadow: 0 0px 0px #ffffff; letter-spacing: 1px; text-decoration: none;}
  40. a:hover {color: #eeeeee;}
  41.  
  42. b, strong, bold {color: #625984;}
  43. u {color: #AFABCE;}
  44. i, em{color: #766377;}
  45. s {color: #6A3350;}
  46.  
  47. .boxall{
  48. background: #ffffff;
  49. background-repeat: no-repeat;
  50. padding: 5px;
  51. margin-bottom: 15px;
  52. -moz-box-shadow: 0 0 1em #ddd; -webkit-box-shadow: 0 0 1em #ddd; box-shadow: 0 0 1em #ddd;
  53. border-radius: 10px;
  54. }
  55.  
  56.  
  57. .nav1 {background-color:#ddd;display: inline-block; text-align: center; color:#fff; float: center; margin:2px; font: italic 13px georgia; padding:2px; border: 0px solid #fff; border-right: 0px solid #eee; height:16px; width:47%; box-shadow:1px 1px 1px #eee;alpha(Opacity=70); opacity:.70; border-radius:04px;}
  58. .nav1:hover {cursor:hand;-webkit-transition-duration: .40s;alpha(Opacity=50); opacity:.40;
  59. }
  60.  
  61. #paginacaoml {display: inline-block; padding:5px; text-align:center; line-height:15px;color:#ddd; float: center; font-family:arial; font-size:18px; alpha(Opacity=90); background: #fff; margin:1px;-webkit-transition-duration: .80s; margin-left: 1px; margin-right: 1px; border-radius:9px; text-shadow: 0 1px 1px #FFF;}
  62.  
  63. .tags {width: 99%; background: #f9f9f9; font-weight:normal; text-align:right; letter-spacing:1px; padding:3px; margin-bottom: 1px; text-shadow:0 1px 1px #fff; font-size: 7pt; border-radius: 10px;}
  64.  
  65. .ask {width: 99%; background: #f9f9f9; font-weight:normal; letter-spacing:1px; padding:3px; margin-bottom: 1px; text-shadow:0 1px 1px #fff; font-size: 7pt; }
  66.  
  67. .creditos{
  68. background: #ddd;
  69. background-repeat: no-repeat;
  70. padding: 5px;
  71. margin-bottom: 0px;
  72. border-radius:50px;
  73. height:16px;
  74. font-style:italic;
  75. font-family:georgia;
  76. font-size:13;
  77. color:#aaa;
  78. }
  79.  
  80. .notespost {width: 99%; background: #f8f8f8; font-weight:bold; text-align:right; text-transform:uppercase; letter-spacing:1px; text-shadow:0 1px 1px #fff; font-size: 7pt; margin-bottom: 1px; padding: 3px; border-radius: 10px; }
  81.  
  82. #pagina {width: 840px; top:1px; padding-top:1px; }
  83.  
  84. #coluna {text-align: justify; width: 300px; float: left; position: fixed; top:10px; padding-top:3px; }
  85.  
  86. #conteudo {width: 525px; text-align: justify; float: right; padding-bottom: 8px; }
  87.  
  88. </style>
  89.  
  90. <script> function changeNavigation(id)
  91. {document.getElementById('main')
  92. .innerHTML=document.getElementById(id).innerHTML}
  93. </script>
  94.  
  95. <body>
  96.  
  97. <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  98.  
  99. <body oncontextmenu="return false">
  100.  
  101. <center>
  102. <div id="pagina">
  103. <div id="coluna">
  104.  
  105.  
  106. <div class="boxall">
  107. <img src="http://25.media.tumblr.com/tumblr_lzwn3pQxSm1rpr0zpo1_400.gif" height="175" width="290"/>
  108. Digite sobre você aqui. Nada muito grande, um resumo como por exemplo. Digite sobre você aqui. Nada muito grande, um resumo como por exemplo.<br><br><center><a href="/" alt="­" ><div class="nav1">home</div>
  109. </a><span onClick="document.getElementById('main').innerHTML=document.getElementById('01').innerHTML" style="CURSOR:hand;">
  110. <div class="nav1">about me </div></span><span onClick="document.getElementById('main').innerHTML=document.getElementById('02').innerHTML" style="CURSOR:hand;"><div class="nav1">tumblr</div></span>
  111. <span onClick="document.getElementById('main').innerHTML=document.getElementById('03').innerHTML" style="CURSOR:hand;"><div class="nav1">extras</div></span><span onClick="document.getElementById('main').innerHTML=document.getElementById('04').innerHTML" style="CURSOR:hand;"><div class="nav1">meus links</div></span><span onClick="document.getElementById('main').innerHTML=document.getElementById('creditos').innerHTML" style="CURSOR:hand;"><div class="nav1">créditos</div></span>
  112.  
  113. </center><br></div><center><div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  114. {block:JumpPagination length="1"}
  115. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  116. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  117. {/block:JumpPagination}
  118. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  119. </div></div>
  120.  
  121.  
  122. <center>
  123. <div id="conteudo">
  124.  
  125. <div id="main">
  126.  
  127. <blogger>
  128. {block:Posts}
  129. {block:Text}
  130. <div class="boxall">
  131. {blockTitle}<a href="{Permalink}"><titulo>{Title}</titulo><div class="divi"></div></a>{/block:Title}
  132. <div>{Body}</div>{block:PostNotes}{PostNotes}{/block:PostNotes}
  133. {block:NoteCount}{/block:NoteCount}
  134. <div class="notespost">
  135. <a href="{Permalink}" align="left"><b>{NoteCount}</b>
  136. notes </a> / {timeago} / <a href="{ReblogURL}" target="_blank"><b>REBLOG</b></font></a>
  137.  
  138. </div>
  139. <div class="tags">{block:HasTags}<bg3></span> {block:Tags}&nbsp;<a href="{TagURL}"><span style="color: #828282; text-shadow: 1px 1px #fff;">{Tag}</span></a>,&nbsp;{/block:Tags}{/block:HasTags}</bg3></a>
  140. </div></div>
  141. {/block:Text}
  142. {block:Answer}
  143. <div class="boxall">
  144.  
  145. <div class="ask">
  146. <img src="{AskerPortraitURL-40}" align="left" class="border2"/>
  147. <strong>{Asker}:</strong><BR>
  148. {Question}</div>
  149. <div class="answer">
  150. {Answer}</div>
  151. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  152. {block:NoteCount}{/block:NoteCount}
  153. <br><div class="notespost">
  154. <a href="{Permalink}" align="left"><b>{NoteCount}</b>
  155. notes </a> / {timeago} / <a href="{ReblogURL}" target="_blank"><b>REBLOG</b></font></a>
  156.  
  157. </div>
  158. <div class="tags">{block:HasTags}<bg3></span> {block:Tags}&nbsp;<a href="{TagURL}"><span style="color: #828282; text-shadow: 1px 1px #fff;">{Tag}</span></a>,&nbsp;{/block:Tags}{/block:HasTags}</bg3></a>
  159. </div></div>
  160. {/block:Answer}
  161.  
  162. {block:Link}
  163. <div class="boxall">
  164. <a href="{URL}"><titulo>{Name}</titulo><div class="divi"></div></a>
  165. {block:Description}{Description}{/block:Description}
  166. {block:PostNotes}{PostNotes}{/block:PostNotes}
  167. {block:NoteCount}{/block:NoteCount}
  168. <div class="notespost">
  169. <a href="{Permalink}" align="left"><b>{NoteCount}</b>
  170. notes </a> / {timeago} / <a href="{ReblogURL}" target="_blank"><b>REBLOG</b></font></a>
  171.  
  172. </div>
  173. <div class="tags">{block:HasTags}<bg3></span> {block:Tags}&nbsp;<a href="{TagURL}"><span style="color: #828282; text-shadow: 1px 1px #fff;">{Tag}</span></a>,&nbsp;{/block:Tags}{/block:HasTags}</bg3></a>
  174. </div></div>
  175. {/block:Link}
  176.  
  177. {block:Photo}
  178. <div class="boxall">
  179. <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}"class=" borda ; opacidade"/>{LinkCloseTag}</center>
  180. {block:Caption}{Caption}{/block:Caption}
  181. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  182. {block:NoteCount}{/block:NoteCount}
  183. <div class="notespost">
  184. <a href="{Permalink}" align="left"><b>{NoteCount}</b>
  185. notes </a> / {timeago} / <a href="{ReblogURL}" target="_blank"><b>REBLOG</b></font></a>
  186.  
  187. </div>
  188. <div class="tags">{block:HasTags}<bg3></span> {block:Tags}&nbsp;<a href="{TagURL}"><span style="color: #828282; text-shadow: 1px 1px #fff;">{Tag}</span></a>,&nbsp;{/block:Tags}{/block:HasTags}</bg3></a>
  189. </div></div>
  190. {/block:Photo}
  191.  
  192.  
  193. {block:Quote}
  194. <div class="boxall">
  195. <titulo>"{Quote}" </titulo><br>
  196. {ReblogRootURL} {ReblogRootName}</a>{/block:RebloggedFrom}
  197. {block:PostNotes}{PostNotes}{/block:PostNotes}
  198. {block:NoteCount}{/block:NoteCount}
  199. <div class="notespost">
  200. <a href="{Permalink}" align="left"><b>{NoteCount}</b>
  201. notes </a> / {timeago} / <a href="{ReblogURL}" target="_blank"><b>REBLOG</b></font></a>
  202.  
  203. </div>
  204. <div class="tags">{block:HasTags}<bg3></span> {block:Tags}&nbsp;<a href="{TagURL}"><span style="color: #828282; text-shadow: 1px 1px #fff;">{Tag}</span></a>,&nbsp;{/block:Tags}{/block:HasTags}</bg3></a>
  205. </div></div>
  206. {/block:Quote}
  207. {block:Chat}
  208.  
  209. <div class="boxall">
  210. <ul class="chat">
  211. {block:Lines}
  212. <li class="{Alt}">
  213. {block:Label}
  214. <span class="label"><b>{Label}</b></span>
  215. {/block:Label}
  216.  
  217. {Line}
  218.  
  219. {/block:Lines}
  220. </ul>
  221.  
  222. </li></li>
  223.  
  224. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  225. {block:NoteCount}{/block:NoteCount}
  226. <div class="notespost">
  227. <a href="{Permalink}" align="left"><b>{NoteCount}</b>
  228. notes </a> / {timeago} / <a href="{ReblogURL}" target="_blank"><b>REBLOG</b></font></a>
  229.  
  230. </div>
  231. <div class="tags">{block:HasTags}<bg3></span> {block:Tags}&nbsp;<a href="{TagURL}"><span style="color: #828282; text-shadow: 1px 1px #fff;">{Tag}</span></a>,&nbsp;{/block:Tags}{/block:HasTags}</bg3></a>
  232. </div></div>
  233. {/block:Chat}
  234.  
  235. {block:Audio}
  236. <div class="boxall">
  237. <div style="float:right; margin-top: 6px;">{PlayCount} PLAY! {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  238.  
  239. <center>{AudioPlayerWhite}</centeR>
  240.  
  241. {block:Caption}{Caption}{/block:Caption}<br />
  242.  
  243. <br>
  244.  
  245. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  246. {block:NoteCount}{/block:NoteCount}
  247.  
  248. <div class="notespost">
  249. <a href="{Permalink}" align="left"><b>{NoteCount}</b>
  250. notes </a> / {timeago} / <a href="{ReblogURL}" target="_blank"><b>REBLOG</b></font></a>
  251.  
  252. </div>
  253. <div class="tags">{block:HasTags}<bg3></span> {block:Tags}&nbsp;<a href="{TagURL}"><span style="color: #828282; text-shadow: 1px 1px #fff;">{Tag}</span></a>,&nbsp;{/block:Tags}{/block:HasTags}</bg3></a>
  254. </div></div>
  255. {/block:Audio}
  256.  
  257. {block:Video}
  258.  
  259. <div class="boxall">
  260. <center>{Video-500}</center>
  261. {block:Caption}{Caption}{/block:Caption}<br />
  262.  
  263.  
  264.  
  265. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  266. {block:NoteCount}{/block:NoteCount}
  267.  
  268. <br><br>
  269. <div class="notespost">
  270. <a href="{Permalink}" align="left"><b>{NoteCount}</b>
  271. notes </a> / {timeago} / <a href="{ReblogURL}" target="_blank"><b>REBLOG</b></font></a>
  272.  
  273. </div>
  274. <div class="tags">{block:HasTags}<bg3></span> {block:Tags}&nbsp;<a href="{TagURL}"><span style="color: #828282; text-shadow: 1px 1px #fff;">{Tag}</span></a>,&nbsp;{/block:Tags}{/block:HasTags}</bg3></a>
  275. </div></div>
  276. {/block:Video}
  277.  
  278. {/block:Posts}
  279.  
  280. <div class="creditos"><center>Volte Sempre ! </center></div>
  281. </center>
  282. </blogger>
  283.  
  284.  
  285. <div id="01" style="display:none"><div class="boxall"><div class="titulos">About Me</div><div class="divi"></div><br><br><center><img src="{PortraitURL-96}" align="right" class="borda">Sou indecisa, impaciente. Gosto de abraços e sorrisos. Sou sincera quase sempre, e nunca penso antes de falar. Eu como demais, falo demais, choro demais, rio demais, sorrio demais, aguento coisas ruins demais, sou elétrica demais, ativa demais e finjo estar bem demais quase sempre. Eu sou toda em excesso, o que não é bom muitas vezes. Eu não ligo muito para o que as pessoas falam.. mentira eu ligo sim todo mundo liga. Já ignorei e já fui ignorada. Já briguei e já brigaram comigo, já xinguei e já me xingaram. Já vivi a minha vida e outras pessoas também já viveram, mesmo sem serem convidadas. </div></div>
  286.  
  287. <div id="02" style="display:none"><div class="boxall"><div class="titulos">Meu infinito Particular ... </div><div class="divi"></div><br>Sobre seu tumblr aqui Sobre seu tumblr aqui Sobre seu tumblr aqui Sobre seu tumblr aqui Sobre seu tumblr aqui Sobre seu tumblr aqui Sobre seu tumblr aqui Sobre seu tumblr aqui Sobre seu tumblr aqui Sobre seu tumblr aqui Sobre seu tumblr aqui Sobre seu tumblr aqui Sobre seu tumblr aqui.</div></div>
  288.  
  289. <div id="03" style="display:none"><div class="boxall"><div class="titulos">Extras ...</div><div class="divi"></div><br>
  290.  
  291. <h1>FAQ</h1>
  292. <b>Pergunta?</b> <i> Resposta</i> <br>
  293. <b>Pergunta?</b> <i> Resposta</i><br>
  294. <b>Pergunta?</b> <i> Resposta</i><br>
  295. <b>Pergunta?</b> <i> Resposta</i><br>
  296. <b>Pergunta?</b> <i> Resposta</i><br>
  297. <b>Pergunta?</b> <i> Resposta</i><br>
  298. <b>Pergunta?</b> <i> Resposta</i><br>
  299. <b>Pergunta?</b> <i> Resposta</i><br>
  300. <b>Pergunta?</b> <i> Resposta</i><br>
  301. <b>Pergunta?</b> <i> Resposta</i><br>
  302. <div>
  303. <h1>Eu quero ... </h1>
  304. <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/nonono.gif"> Coloque aqui algo que não fez<br><br>
  305. <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/ok.gif"> <s>Coloque aqui algo que fez</s> <br><br>
  306. <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/nonono.gif"> Coloque aqui algo que não fez<br><br>
  307. <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/ok.gif"> <s>Coloque aqui algo que fez</s> <br><br>
  308. <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/nonono.gif"> Coloque aqui algo que não fez<br><br>
  309. <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/ok.gif"> <s>Coloque aqui algo que fez</s> <br><br>
  310. </div><div>
  311. <div id="04" style="display:none"><div class="boxall"><div class="titulos">Meus Links </div><div class="divi"></div><br><h1> <a href="www.seutumblr.com/tagged/SUATAG">Meus Textos</a><br></h1>
  312. <h1><a href="www.seutumbl.com/ask">Ask </a><br></h1>
  313. <h1> Redes Sociais </h1>
  314. <div align="center">
  315.  
  316. <span style="padding-left: 0px;"><a href="LINK DO SEU GOOGLE+ AQUI" style="text-decoration: none;" target="_blank" title="Meu Perfil no Google+"><img class="none" height="32" src="http://www.csthost.com.br/wp-content/themes/graphene/images/csthost-google-plus.png" width="32" /></a> </span>
  317.  
  318. <span style="padding-left: 5px;"><a href="LINK DO SEU TWITTER AQUI" style="text-decoration: none;" target="_blank" title="Meu Perfil no Twitter"><img class="none" height="32" src="http://dyogophoenix.webs.com/Oficial/Imagens/hovers/Twitter2.png" width="32" /></a> </span>
  319.  
  320. <span style="padding-left: 5px;"><a href="LINK DO SEU FACEBOOK AQUI" style="text-decoration: none;" target="_blank" title="Meu Perfil no Facebook"><img class="none" height="32" src="http://dyogophoenix.webs.com/Imagem/Icones/facebook.png" width="32" /></a> </span>
  321.  
  322. <span style="padding-left: 5px;"><a href="LINK DO SEU ORKUT AQUI" style="text-decoration: none;" target="_blank" title="Meu Perfil no Orkut"><img class="none" height="32" src="http://dyogophoenix.webs.com/Oficial/Imagens/hovers/orkut.png" width="32" /></a> </span>
  323.  
  324. <span style="padding-left: 5px;"><a href="LINK DO SEU YOUTUBE AQUI" style="text-decoration: none;" target="_blank" title="Meu Perfil no Youtube"><img class="none" height="32" src="http://dyogophoenix.webs.com/Oficial/Imagens/hovers/youtube2.png" width="32" /></a> </span>
  325.  
  326. </div>
  327. </div></div>
  328.  
  329. <div id="creditos" style="display:none"><div class="boxall"><div class="titulos">Créditos</div><div class="divi"></div><br>Modificações por: <a href="http://s-smiling.tumblr.com/">Beatriz Hygino</a><br>Base totalmente por: <a href="http://dudabarboza.tumblr.com/">Eduarda Barboza</a><br>Tutoriais: <a href="http://all4-u.tumblr.com/">All 4 U</a><br></div></div>
  330.  
  331.  
  332. </div>
  333. </div>
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338. </div>
  339. </div>
  340. </div>
  341. </div>
  342. </div>
  343. </div>
  344. </div>
  345. </div>
  346. </div>
  347. </div>
  348. </center>
  349.  
  350. <script> function changeNavigation(id)
  351. {document.getElementById('main')
  352. .innerHTML=document.getElementById(id).innerHTML}
  353. </script>
  354.  
  355.  
  356. </body>
  357. </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!