API tools faq
paste
biahygino

Theme 12 - HTML

biahygino
Mar 13th, 2012
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.15 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.  
  5. <head>
  6. <script src="http://tumbletricks.webs.com/maquina.js"></script>
  7. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  8. <title>{title}</title>
  9. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lvpa0jif8u1r1bw1m.gif" />
  10.  
  11. </head>
  12.  
  13. <style type="text/css">
  14. img{
  15. margin: 1px;
  16. border: none;
  17. filter: alpha(opacity=75);
  18. moz-opacity:.80;
  19. opacity:.80 ;
  20. -webkit-transition-duration: .50s;
  21. }
  22. img:hover{
  23. margin: 1px;
  24. border: none;
  25. filter: alpha(opacity=100);
  26. moz-opacity:1.0;
  27. opacity:1.0;
  28. }
  29. body {background: url('http://static.tumblr.com/vhr5pp2/1SLlu739e/pattern__7_.png'); background-attachment:fixed;font-family:tahoma;font-size:12px; color:#757575;}
  30.  
  31. h1 {color: #7CBABA; font-family: 'Dancing Script', serif; font-size:25px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  32.  
  33. h2 {color: #7CBABA; font-family: 'Dancing Script', tahoma; font-size:25px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  34.  
  35. .box {background: #ffffff;
  36. background-repeat: no-repeat;
  37. padding: 5px;
  38. margin-bottom: 15px;
  39. -moz-box-shadow: 0 0 1em #ddd; -webkit-box-shadow: 0 0 1em #ddd; box-shadow: 0 0 1em #ddd;
  40. border-radius: 10px;
  41. }
  42.  
  43. blockquote {border-left:6px solid #ddd;padding-left:3px; margin:3px;}
  44.  
  45. un {font-family: Tahoma; width: 28%; float: left; background:#CCBCDC; padding: 5px; text-align: center; margin: 2px; -moz-border-radius: 03px; -webkit-border-radius: 10px; font-size: 08pt; color: #fff;}
  46.  
  47. un:hover {font-family: Tahoma; width: 28%; float: left; background:#C2A2A7; padding: 5px; text-align: center; margin: 2px; -moz-border-radius: 03px; -webkit-border-radius: 10px; font-size: 08pt; color: #fff;}
  48.  
  49.  
  50. #pagina {width: 810px;}
  51. #conteudo {margin-left:400px; margin-top:5px; width: 540px; padding: 5px; text-shadow: 0 1px 1px #fff; }
  52. #conteudo .post {margin-bottom:10px;}
  53.  
  54. a:link, a:active, a:visited {color: #a8b4b4; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; transition: color 0.5s ease-out}
  55.  
  56. a:hover {color: #fff;}
  57.  
  58. .divdate {border-bottom: 2px dashed #a8b4b4; margin-bottom: 4px; padding:2px}
  59.  
  60. /*** Paginação ***/
  61. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  62. #paginacaoml a {background: #fff; margin: 0 1px 0 0; padding: 4px 4px; color: #919191; text-decoration: none;border-radius: 12px}
  63. #paginacaoml a:hover {background: #fff; border: none;border-radius: 12px; color: #FFF; text-shadow: 0 1px 1px #777;}
  64. #paginacaoml span.pagina_atual {background: #fff; margin: 0 1px 0 0; padding: 4px 4px; color: #999999; text-decoration: none;border-radius: 12px;}
  65. #paginacaoml span.info {background: #fff; margin: 0 1px 0 0; padding: 4px 4px; color: #888; text-decoration: none;border-radius: 12px ;}
  66.  
  67. #side{
  68. text-align:justify;
  69. float:left;
  70. position:fixed;
  71. width: 300px;
  72. margin-top:18px;
  73. margin-left:45px;
  74. padding:0px;}
  75.  
  76. .caixa {background: #fff; padding: 5px 5px 8px 5px;}
  77.  
  78. b, strong, bold {color: #FC9799;}
  79. u {color: #B4C8D0;}
  80. i, em{color: #BFDB93;}
  81. s {color: #EBA398;}
  82.  
  83. .traço {display: block; font-family: Verdana; font-size: 10px; letter-spacing: 1px; text-align: left; color: #eee; padding: 2px; margin-top: -3px; border-bottom: 1px solid #eee;}
  84.  
  85. .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; }
  86. .bordinha {background:url(http://www.colourlovers.com/paletteImg/C2A2A7/CCBCDC/BFDB93/8AD5E1/EBA398/Saeko.png); padding:5px;}
  87. </style>
  88. <body>
  89.  
  90.  
  91. <!-- SIDEBAR A DIREITA -->
  92.  
  93. <div id="side">
  94.  
  95. <div style="position: fixed; width: 320px; left: 72px; padding-top: 0px; z-index: 2;">
  96.  
  97.  
  98. <div class="box">
  99.  
  100. <!-- DESCRICAO -->
  101. <img src="http://24.media.tumblr.com/tumblr_m0owcr6QaK1qcihlyo1_r2_250.gif" height="200" width="290"/>
  102. Sua descrição aqui , pode ser frase , texto , o seu proprio about , sabe , pode colocar um contador de visitas , um texto seu , tanto faz .<b> O que não pode é tirar os créditos </b> , <i> itálico </i> , <u> sublinhado </u> e <s> riscado </s> . <br><br>
  103. <marquee> O Best of HTML agradece a preferencia, créditos Bia , feito com base de Manoela Candido . <b> Theme Bubble nº 14 </b> </marquee>
  104.  
  105. </div><br>
  106.  
  107. <!-- MENU -->
  108.  
  109. <a href="/" title="Voltar aos posts"><un>Home</un></a>
  110.  
  111. <span onClick="document.getElementById('liuc').innerHTML=
  112. document.getElementById('01').innerHTML" style="CURSOR:hand;"title="Sobre mim"><un>Profile</span>
  113.  
  114. <span onClick="document.getElementById('liuc').innerHTML=
  115. document.getElementById('03').innerHTML" style="CURSOR:hand;" title="Créditos, recomendo, quem eu sigo"><un>Tumblr</span>
  116.  
  117. <span onClick="document.getElementById('liuc').innerHTML=
  118. document.getElementById('02').innerHTML" style="CURSOR:hand;" title="Ask-me"><un>Ask me</span>
  119.  
  120. <a href="LINK"><un>Nome</un></a>
  121.  
  122. <a href="LINK"><un>Nome</un></a>
  123. </div></div>
  124.  
  125. <!-- conteudo -->
  126. </div>
  127. <div id="conteudo">
  128. <!-- liuc -->
  129. <div id="liuc">
  130.  
  131. <!-- TAGS PRINCIPAIS DO POST- NÃO APAGUE NADA AQUI -->
  132. <!---------- POSTS --------------------------->
  133.  
  134. <div style="position:absolute; width:540px; left: 420px; top:10px; padding-top:0px;">
  135.  
  136. {block:Posts}
  137.  
  138. {block:Regular}<div class="post"><div class="box">
  139. {block:Title}<h1>{Title}</h1>{/block:Title}
  140. <div class="entry">{Body}</div>
  141.  
  142. <div class="divdate"></div>
  143.  
  144.  
  145. <!---------------- DATA DOS POSTS ------------->
  146. <div class="date"><a class="notes" href="{Permalink}"><center>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 this!</a>)</center></div>
  147.  
  148. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  149.  
  150.  
  151. </div></div>
  152. {/block:Regular}
  153.  
  154.  
  155. <!---------- PHOTOS --------------------------->
  156.  
  157. {block:Photo}
  158. <div class="post"><div class="box">
  159. <center>{LinkOpenTag}<img src="{PhotoURL-500}" class="borderimage" alt="{PhotoAlt}" width=550px/>{LinkCloseTag}</center>
  160. {block:Caption}
  161. <br>
  162. <div class="caption">{Caption}</div>
  163. {/block:Caption}
  164. <div style="clear:both;"></div>
  165. <BR>
  166.  
  167. <div class="divdate"></div>
  168.  
  169.  
  170. <!---------------- DATA DOS POSTS ------------->
  171. <div class="date"><a class="notes" href="{Permalink}"><center>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 this!</a>)</center></div>
  172.  
  173. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  174.  
  175.  
  176. </div></div>
  177. {/block:Photo}
  178.  
  179.  
  180. <div style="clear:both;"></div>
  181.  
  182. <!---------- ASK --------------------------->
  183. {block:Answer}
  184. <div class="post"><div class="box">
  185. <img src="{AskerPortraitURL-40}"align="left" class="border"/>
  186. <div class="ask"><b>{Asker}</b>:
  187. <br>{Question}<br></div>
  188. {Answer}
  189. <BR>
  190.  
  191.  
  192. <div class="divdate"></div>
  193.  
  194. <!---------------- DATA DOS POSTS ------------->
  195. <div class="date"><a class="notes" href="{Permalink}"><center>Mensagem</a> postada em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> </center></div>
  196.  
  197. </div></div>
  198. {block:Answer}
  199.  
  200. <div style="clear:both;"></div>
  201.  
  202. <!---------- QUOTES --------------------------->
  203.  
  204.  
  205. {block:Quote}
  206. <div class="post"><div class="box">
  207. <h1>{Quote}</h1>
  208. </span>
  209. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  210.  
  211. <BR>
  212. <div class="divdate"></div>
  213.  
  214.  
  215. <!---------------- DATA DOS POSTS ------------->
  216. <div class="date"><a class="notes" href="{Permalink}"><center>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 this!</a>)</center></div>
  217.  
  218. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  219.  
  220.  
  221. </div></div>
  222. {/block:Quote}
  223.  
  224.  
  225. <div style="clear:both;"></div>
  226.  
  227. <!---------- LINKS --------------------------->
  228.  
  229.  
  230. {block:Link}
  231. <div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  232. {block:Description}
  233. <div class="description">{Description}</div>
  234. {/block:Description}
  235.  
  236. <BR>
  237. <div class="divdate"></div>
  238.  
  239.  
  240. <!---------------- DATA DOS POSTS ------------->
  241. <div class="date"><a class="notes" href="{Permalink}"><center>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 this!</a>)</center></div>
  242.  
  243. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  244.  
  245.  
  246. </div></div>
  247. {/block:Link}
  248.  
  249. <div style="clear:both;"></div>
  250.  
  251.  
  252. <!---------- CHAT --------------------------->
  253. {block:Chat}
  254. <div class="post"><div class="box">
  255. {block:Title}<div class="h1"><a href="{Permalink}">{Title}</a></div>
  256. {/block:Title}
  257. <div class="chat">
  258. {block:Lines}
  259. <div class="{Alt} user_{UserNumber}">
  260. {block:Label}
  261. <span class="label">{Label}</span>
  262. {/block:Label}
  263. {Line}
  264. </div>
  265. {/block:Lines}
  266. </div>
  267. <BR>
  268. <div class="divdate"></div>
  269.  
  270.  
  271. <!---------------- DATA DOS POSTS ------------->
  272. <div class="date"><a class="notes" href="{Permalink}"><center>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>)</center></div>
  273.  
  274. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  275.  
  276.  
  277. </div></div>
  278. {/block:Chat}
  279.  
  280.  
  281. <div style="clear:both;"></div>
  282.  
  283. <!---------- AUDIO --------------------------->
  284. {block:Audio}
  285. <div class="post"><div class="box">
  286. {AudioPlayerWhite}
  287. {block:Caption}
  288. <div class="caption">{Caption}</div>
  289. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  290. {/block:Caption}
  291.  
  292.  
  293. <div class="divdate"></div>
  294.  
  295.  
  296. <!---------------- DATA DOS POSTS ------------->
  297. <div class="date"><a class="notes" href="{Permalink}"><center>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 this!</a>)</center></div>
  298.  
  299. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  300.  
  301.  
  302. </div></div>
  303. {/block:Audio}
  304.  
  305. <div style="clear:both;"></div>
  306. <!---------- VIDEOS --------------------------->
  307.  
  308. {block:Video}
  309. <div class="post">
  310. <div class="box">
  311. {Video-500}
  312. <br>
  313. {block:Caption}
  314. <div class="caption">{Caption}</div>
  315. {/block:Caption}
  316.  
  317. <BR>
  318. <div class="divdate"></div>
  319.  
  320.  
  321. <!---------------- DATA DOS POSTS ------------->
  322. <div class="date"><a class="notes" href="{Permalink}"><center>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 this!</a>)</center></div>
  323.  
  324. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  325.  
  326.  
  327. </div></div>
  328. {/block:Video}
  329.  
  330. <div style="clear:both;"></div>
  331.  
  332. <!---------------- NOTAS DOS POSTS ------------->
  333. {block:PostNotes}<div class="box">
  334. <div class="notes-bottom">
  335. {PostNotes}
  336. </div>
  337. {/block:PostNotes}
  338.  
  339. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  340. {/block:Posts}
  341.  
  342. <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}
  343. {block:JumpPagination length="16"}
  344. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  345. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  346. {/block:JumpPagination}
  347. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  348.  
  349. </center>
  350. <br>
  351. </div>
  352.  
  353. </div></div>
  354. <!-FIM DAS TAGS PRINCIPAIS--!>
  355.  
  356. <div id="01" style="display:none;"><div class="box">
  357. <h2>Profile</h2>
  358. <div class="traço"></div><br>
  359. <img src="{PortraitURL-96}" align="right" class="borda">~le seu about aqui ~ escreva sobre vocÊ aqui , como é fisica e pscicologicamente , onde mora , idade , cidade , lalalá ~le seu about aqui ~ escreva sobre vocÊ aqui , como é fisica e pscicologicamente , onde mora , idade , cidade , lalalá escreva sobre vocÊ aqui , como é fisica e pscicologicamente , onde mora , idade , cidade , lalalá escreva sobre vocÊ aqui , como é fisica e pscicologicamente , onde mora , idade , cidade , lalalá
  360. <br><br>
  361. </div><div class="box">
  362. <br><br>
  363. <h2>Desejos</h2>
  364. <div class="traço"></div><br>
  365. <u>Fiz</u>- Não fiz<u>- Fiz</u>- Não fiz<u>- Fiz</u>- Não fiz-<u>Fiz</u>- Não fiz-<u>Fiz</u>- Não fiz-<u>Fiz</u>- Não fiz-<u>Fiz</u>- Não fiz-<u>Fiz</u>- Não fiz-<u>Fiz</u>- Não fiz-<u>Fiz</u>- Não fiz-<u>Fiz</u>- Não fiz-<u>Fiz</u>- Não fiz
  366.  
  367. <div class="traço"></div><br>
  368. </div></div></div></div><br>
  369.  
  370. <div id="02" style="display:none;"><div class="box">
  371. <h2>Ask me</h2>
  372. <div class="traço"></div><br>
  373.  
  374. <iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://www.tumblr.com/ask_form/s-smiling.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></span>
  375.  
  376. </div>
  377. </div></div><br>
  378.  
  379. <div id="03" style="display:none;"><div class="box">
  380. <h2>Recomendo</h2>
  381. <div class="traço"></div>
  382.  
  383. <br>
  384.  
  385. <a href="link">Nome</a><br>
  386. <a href="link">Nome</a><br>
  387. <a href="link">Nome</a><br>
  388. <a href="link">Nome</a><br>
  389. <a href="link">Nome</a><br>
  390. <a href="link">Nome</a><br>
  391.  
  392. </div>
  393.  
  394. <br>
  395.  
  396. <div class="box">
  397. <h2>Créditos</h2>
  398. <div class="traço"></div>
  399.  
  400. <div class="wishlist">Theme desenvolvido por <a href="www.s-smiling.tumblr.com">Beatriz Hygino</a></div>
  401. <div class="wishlist">Base por <a href="http://my-secret-of-love.tumblr.com">Manoela Cândido</a></div>
  402. <div class="wishlist">Base do CSS: <a href="http://apaixonados-por-html.tumblr.com">Apaixonados por Html</a></div>
  403. <div class="wishlist">Paginação: <a href="http://ilovehtml.tumblr.com/">I Love Html</a></div>
  404.  
  405. </div><br>
  406.  
  407. <div class="box">
  408. <h2>Following</h2>
  409. <div class="traço"></div><br>
  410. {block:Following}
  411. {block:Followed}
  412. <a title="{FollowedTitle}" target=_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"alt="{FollowedURL}" style="border: 5px solid #eee" class="opacidade"/></a>
  413. {/block:Followed}
  414. {/block:Following}</center>
  415.  
  416. </div></div></div>
  417.  
  418. </body>
  419. </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!