API tools faq
paste
biahygino

Theme 07 - HTML

biahygino
Feb 24th, 2012
76
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.89 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <?xml version="1.0" encoding="UTF-8"?>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8. <link href='http://fonts.googleapis.com/css?family=Glass+Antiqua' rel='stylesheet' type='text/css'>
  9. <title>{title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <style>
  12. img{
  13. margin: 1px;
  14. border: none;
  15. filter: alpha(opacity=100);
  16. moz-opacity:1.0;
  17. opacity:1.0 ;
  18. -webkit-transition-duration: .50s;
  19. }
  20. img:hover{
  21. margin: 1px;
  22. border: none;
  23. filter: alpha(opacity=75);
  24. moz-opacity:0.80;
  25. opacity:0.80;
  26. }
  27.  
  28. /*** body ***/
  29. body {background: url(http://static.tumblr.com/1kmwewn/boalv8acu/bgvcg.bmp); repeat fixed; font-family: 'Glass Antiqua', cursive; font-style: normal; font-size: 11px; color: #000; text-align:justify; align: justify; }
  30.  
  31. /*** formatação de texto ***/
  32. strong,b {color:#DED7C8;}
  33. i,em {color:#D5988F;}
  34. u,underline {color: #C66F78;border-bottom: 1px dashed #E6E6FA;text-decoration:none;}
  35. s {color: #D8B5A5;cursor: help;}
  36.  
  37. /*** formatação de links ***/
  38. a {color:#D8B5A5; text-decoration:none; line-height: 12px;}
  39. a:hover {color: #FFF0F5;}
  40.  
  41. /*** blockquote ***/
  42. blockquote {padding: 0px 0px 0px 10px; margin: 5px 21px 9px 21px; border-left: 2px solid #eee; }
  43.  
  44. /*** CAIXA/SIDEBAR/BOX ***/
  45. .box1 {background: #fff; margin-bottom: 10px; padding: 5px; text-align: justify;border-bottom-right-radius : 10px;
  46. border-top-right-radius : 10px;
  47. border-bottom-left-radius: 10px;
  48. border-top-left-radius : 10px;
  49. border: 1px solid #eee; -moz-box-shadow: 0 0 1em #eee; -webkit-box-shadow: 0 0 1em #eee; box-shadow: 0 0 1em #eee; }
  50.  
  51. /*** CAIXA DOS POSTS DE PREFERIR ELA REDONDA USE O CÓDIGO ACIMA (BOX1) ***/
  52.  
  53. .caixa{
  54. background:#fff;
  55. color: #000;
  56. padding: 6px;
  57. font-family: 'Glass Antiqua', cursive;
  58. font-size: 18px;
  59. border: 1px solid #ebebeb;
  60. -moz-box-shadow: 0 0 1em #ccc;
  61. -webkit-box-shadow: 0 0 1em #ccc;
  62. box-shadow: 0 0 1em #ccc;
  63. }
  64.  
  65. /*** CAIXA DA SIDEBAR COM A PADDING INFERIOR ***/
  66.  
  67. .caixa2{
  68. background:#fff;
  69. color: #000;
  70. padding: 2px;
  71. font-family: 'Glass Antiqua', cursive;
  72. font-size: 15px;
  73. border: 1px solid #ebebeb;
  74. -moz-box-shadow: 0 0 1em #ccc;
  75. -webkit-box-shadow: 0 0 1em #ccc;
  76. box-shadow: 0 0 1em #ccc;
  77. }
  78.  
  79. /*** PAGINAÇÃO ***/
  80.  
  81. .pagination{font-size: 12px; margin-top: 5px; text-align: center; width: 100px; float: right; clear:both }
  82.  
  83.  
  84. /** Menu**/
  85.  
  86. .nav1 {background-color:#C66F78;display: inline-block; text-align: center; color:#fff; float: center; margin:2px; font:13px verdana; padding:2px; height:16px; width:25%;alpha(Opacity=100); opacity:.70; border-radius:10px;}
  87.  
  88. .nav2 {background-color:#830C35;display: inline-block; text-align: center; color:#fff; float: center; margin:2px; font:13px verdana; padding:2px; height:16px; width:25%;alpha(Opacity=100); opacity:.70; border-radius:10px;}
  89.  
  90. /*** TÍTULO DOS POSTS, FONTE PERSONALIZADA ***/
  91. h1 {color:#E6E6FA; font-family: 'Glass Antiqua', cursive; font-size:25px; line-height:30px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  92.  
  93.  
  94. /*****Faz parte das tags então nada de mexer***/
  95. #fernanda{
  96. font-family: Tahoma;
  97. letter-spacing: 1px;
  98. font-size:7pt;
  99. border-top:1px solid #eee;
  100. }
  101.  
  102. /****** borda das imagens dude ***/
  103.  
  104. .bordaimg {padding: 0px; margin: 3px 0px 0px 5px;
  105. moz-border-radius: 9px;
  106. -webkit-border-radius: 9px;
  107. }
  108. /****** configuração da ask ***/
  109. .bubble {align:right;background:#f1f1f1; margin:7px 5px 5px 68px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font: 12px Tahoma, Tahoma, Tahoma; text-shadow: 0px 1px 1px #FFFFFF;}
  110.  
  111. .bubble p {margin:1px 0px;}
  112.  
  113. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #f1f1f1;}
  114.  
  115. .bordaask
  116. {padding: 0px; margin: 3px 0px 0px 5px;
  117. -webkit-border-radius: 360px;
  118. -moz-border-radius: 360px;
  119. border-radius: 360px;
  120. }
  121.  
  122. .heart {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
  123. url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
  124. padding-bottom : 2px;}
  125.  
  126. .heart:hover {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  127. </style>
  128. <script type="text/javascript">
  129. function changeNavigation(id) {document.getElementById('post').innerHTML=document.getElementById(id).innerHTML}
  130. </script>
  131. </head>
  132. <body>
  133. <!-- CONFIGURAÇÃO DA PAGINAÇÃO A DIV STYLE É A POSIÇÃO -->
  134. <div style="position:absolute; width: 360px; left:40px; top:20px; position: fixed;">
  135. <div class="pagination"> {block:Pagination}
  136. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  137. {CurrentPage}/{TotalPages}
  138. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  139. {/block:Pagination}</div>
  140. </div>
  141.  
  142.  
  143. <div style="position:absolute; width: 360px; left:40px; top:40px; position: fixed;">
  144. <img src="http://25.media.tumblr.com/tumblr_lsevt2RVa31qzhbz1o1_500.gif" width="360">
  145. <div class="caixa2">
  146. 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.<br><b>negrito</b> - <i>italico</i> - <u>sublinhado</u> - <s>riscado</s>
  147. </div>
  148. <br>
  149. <br>
  150. <!---------MENU------->
  151. <center><a href="/" alt="­" ><div class="nav1">Home</div></a>
  152. <a href="/ask"><div class="nav2">Ask Me</div></a>
  153. <a href="LINNK AQUI"><div class="nav1">Textos</div></a>
  154. <span onClick="document.getElementById('post').innerHTML=document.getElementById('01').innerHTML" style="CURSOR:hand;"><div class="nav2">About</div></span>
  155. <span onClick="document.getElementById('post').innerHTML=document.getElementById('02').innerHTML" style="CURSOR:hand;"><div class="nav1">Tumblr</div></span>
  156. <span onClick="document.getElementById('post').innerHTML=document.getElementById('03').innerHTML" style="CURSOR:hand;"><div class="nav2">Theme by</div></span>
  157. </center>
  158. </div>
  159.  
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166. <div id="post" style="padding: 6px; top: 5px; left: 450px; position: absolute; width: 550px; color:#000; background:transparent ; line-height:120%;">
  167.  
  168.  
  169. <!-- TAGS DO THEME NÃO MEXA EM NAAAAAAAAAAADA A PARTIR DAQUIIIIIIIII!!!!!!!!!!-->
  170.  
  171. {block:Posts}<div class="caixa">
  172. {block:Quote}<h1>"{Quote}"&nbsp;</h1>{/block:Quote}
  173. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  174. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>{/block:Link}
  175. <!-- setembro -->
  176. {block:Text}{Body}{/block:Text}
  177. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" class="bordaimg" alt="{PhotoAlt}" width=525px/>{LinkCloseTag}</center>{block:Caption} {Caption}{/block:Caption}{/block:Photo}
  178. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  179. {block:Quote}{block:Source}<P>{Source}</p>{/block:Source}{/block:Quote}
  180. {block:Link}{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  181. {block:Chat}<ul class="chat">{block:Lines}<!-- setembro --><li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  182. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  183.  
  184. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="bordaask"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}
  185. {block:Audio}<span class="audio"><center>{AudioPlayerWhite}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  186.  
  187. <br>
  188. <div id="fernanda">
  189. {block:Date} Posted on <a href="{Permalink}"> <BlogDateHeader>
  190. {DayOfMonth}/{MonthNumberWithZero}/{Year}/ {12Hour}:{Minutes}{AmPm} {/block:Date}</a></BlogDateHeader>{block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  191. <div style="float:right;">
  192. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this</a>
  193. </div>
  194. {block:HasTags}<br># Tagged:{block:Tags}<a href="{TagURL}"> #{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  195. </div><BR>
  196. {/block:Posts}
  197. {block:PostNotes}{PostNotes}{/block:PostNotes}
  198.  
  199.  
  200. </div>
  201. {/block:Video}
  202. {/block:Posts}</div><br>
  203.  
  204.  
  205.  
  206. <center>
  207. </div></div>
  208. </div></div></div>
  209. </div></div>
  210. </center>
  211. <!-------------Fim das tags principais----------->
  212. <div id="01" style="display:none"><div class="caixa2">
  213. <h1>Seu Nome aqui </h1>
  214. <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.
  215. <div>
  216. <h1>FAQ</h1></center>
  217. <div class="heart"><b>Pergunta?</b> <i> Resposta </div>
  218. <div class="heart"><b>Pergunta?</b> <i> Resposta</div>
  219. <div class="heart"><b>Pergunta?</b> <i> Resposta</div>
  220. <div class="heart"><b>Pergunta?</b> <i> Resposta</div>
  221. <div class="heart"><b>Pergunta?</b> <i> Resposta</div>
  222. <div class="heart"><b>Pergunta?</b> <i> Resposta</div>
  223. <div class="heart"><b>Pergunta?</b> <i> Resposta</div>
  224. <div class="heart"><b>Pergunta?</b> <i> Resposta</div>
  225. <div class="heart"><b>Pergunta?</b> <i> Resposta</div>
  226. <div class="heart"><b>Pergunta?</b> <i> Resposta</div>
  227. <div>
  228. <h1>Wish List</h1>
  229. <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS452.gif"> Coloque aqui algo que não fez<br><br>
  230. <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS451.gif"> <s>Coloque aqui algo que fez</s> <br><br>
  231. <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS452.gif"> Coloque aqui algo que não fez<br><br>
  232. <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS451.gif"> <s>Coloque aqui algo que fez</s> <br><br>
  233. <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS452.gif"> Coloque aqui algo que não fez<br><br>
  234. <img src="http://i595.photobucket.com/albums/tt37/paravidatodazipnet/EricaRibeirocombr/ERICARIBEIROEMOTICONS451.gif"> <s>Coloque aqui algo que fez</s> <br><br>
  235. </div><div>
  236.  
  237. <div id="02" style="display:none"><div class="caixa2">
  238. <h1>Sobre meu tumblr </h1>
  239. 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.
  240. <div>
  241. <h1>Quem eu sigo</h1>
  242. {block:Following}
  243. <li class="following">
  244. {block:Followed}
  245. <a href="{FollowedURL}" target="_blank">
  246. <img src="{FollowedPortraitURL-24}" alt="{FollowedName}" class="image"></a>
  247. {/block:Followed}
  248. </li>
  249. {/block:Following}
  250. <div><br><br>
  251.  
  252. <h1>Créditos</h1>
  253. <div class="heart">Modificado , editado e customizado por : <a href="http://s-smiling.tumblr.com/">Beatriz Hygino</a></div>
  254. <div class="heart">Disponibilizado por : <a href="http://s-smiling-themes.tumblr.com/">Themes por s-smiling</a></div>
  255. <div class="heart">Theme por:<a href="http"://candyhtml.tumblr.com/">Malu/Candy HTML</a></div>
  256. <div class="heart">Base por:<a href="http://queridapaciencia.tumblr.com/">Fernanda</a></div>
  257. <div class="heart">Ajudas:<a href="http://tsithemes.tumblr.com/">TSI Themes</a> e <a href="http://ilovehtml.tumblr.com/">I Love HTML</a></div><br>
  258.  
  259.  
  260. <!---------- EFEITO FIREWORK // Traduzido por YouMakeMeCrazierBaby.tumblr.com ----------------->
  261. <script type="text/javascript">
  262. // <![CDATA[
  263. var bits=100; // 5
  264. var intensity=7; // 8
  265. var speed=20; // 4
  266. var colours=new Array("#E6E6FA", "#FFE4E1", "#E6E6FA", "#FFE4E1", "#E6E6FA", "#FFE4E1");
  267. // cores, para editar veja a tabela de cores
  268.  
  269.  
  270. var dx, xpos, ypos, bangheight;
  271. var Xpos=new Array();
  272. var Ypos=new Array();
  273. var dX=new Array();
  274. var dY=new Array();
  275. var decay=new Array();
  276. var colour=0;
  277. var swide=800;
  278. var shigh=600;
  279.  
  280.  
  281. function write_fire() {
  282. var b, s;
  283. b=document.createElement("div");
  284. s=b.style;
  285. s.position="absolute";
  286. b.setAttribute("id", "bod");
  287. document.body.appendChild(b);
  288. set_scroll();
  289. set_width();
  290. b.appendChild(div("lg", 3, 4));
  291. b.appendChild(div("tg", 2, 3));
  292. for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
  293. }
  294.  
  295.  
  296. function div(id, w, h) {
  297. var d=document.createElement("div");
  298. d.style.position="absolute";
  299. d.style.overflow="hidden";
  300. d.style.width=w+"px";
  301. d.style.height=h+"px";
  302. d.setAttribute("id", id);
  303. return (d);
  304. }
  305.  
  306.  
  307. function bang() {
  308. var i, X, Y, Z, A=0;
  309. for (i=0; i<bits; i++) {
  310. X=Math.round(Xpos[i]);
  311. Y=Math.round(Ypos[i]);
  312. Z=document.getElementById("bg"+i).style;
  313. if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
  314. Z.left=X+"px";
  315. Z.top=Y+"px";
  316. }
  317. if ((decay[i]-=1)>14) {
  318. Z.width="3px";
  319. Z.height="3px";
  320. }
  321. else if (decay[i]>7) {
  322. Z.width="2px";
  323. Z.height="2px";
  324. }
  325. else if (decay[i]>3) {
  326. Z.width="1px";
  327. Z.height="1px";
  328. }
  329. else if (++A) Z.visibility="hidden";
  330. Xpos[i]+=dX[i];
  331. Ypos[i]+=(dY[i]+=1.25/intensity);
  332. }
  333. if (A!=bits) setTimeout("bang()", speed);
  334. }
  335.  
  336. function stepthrough() {
  337. var i, Z;
  338. var oldx=xpos;
  339. var oldy=ypos;
  340. xpos+=dx;
  341. ypos-=4;
  342. if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
  343. for (i=0; i<bits; i++) {
  344. Xpos[i]=xpos;
  345. Ypos[i]=ypos;
  346. dY[i]=(Math.random()-0.5)*intensity;
  347. dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
  348. decay[i]=Math.floor((Math.random()*16)+16);
  349. Z=document.getElementById("bg"+i).style;
  350. Z.backgroundColor=colours[colour];
  351. Z.visibility="visible";
  352. }
  353. bang();
  354. launch();
  355. }
  356. document.getElementById("lg").style.left=xpos+"px";
  357. document.getElementById("lg").style.top=ypos+"px";
  358. document.getElementById("tg").style.left=oldx+"px";
  359. document.getElementById("tg").style.top=oldy+"px";
  360. }
  361.  
  362.  
  363. function launch() {
  364. colour=Math.floor(Math.random()*colours.length);
  365. xpos=Math.round((0.5+Math.random())*swide*0.5);
  366. ypos=shigh-5;
  367. dx=(Math.random()-0.5)*4;
  368. bangheight=Math.round((0.5+Math.random())*shigh*0.4);
  369. document.getElementById("lg").style.backgroundColor=colours[colour];
  370. document.getElementById("tg").style.backgroundColor=colours[colour];
  371. }
  372.  
  373.  
  374. window.onscroll=set_scroll;
  375. function set_scroll() {
  376. var sleft, sdown;
  377. if (typeof(self.pageYOffset)=="number") {
  378. sdown=self.pageYOffset;
  379. sleft=self.pageXOffset;
  380. }
  381. else if (document.body.scrollTop || document.body.scrollLeft) {
  382. sdown=document.body.scrollTop;
  383. sleft=document.body.scrollLeft;
  384. }
  385. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  386. sleft=document.documentElement.scrollLeft;
  387. sdown=document.documentElement.scrollTop;
  388. }
  389. else {
  390. sdown=0;
  391. sleft=0;
  392. }
  393. var s=document.getElementById("bod").style;
  394. s.top=sdown+"px";
  395. s.left=sleft+"px";
  396. }
  397.  
  398.  
  399. window.onresize=set_width;
  400. function set_width() {
  401. if (typeof(self.innerWidth)=="number") {
  402. swide=self.innerWidth;
  403. shigh=self.innerHeight;
  404. }
  405. else if (document.documentElement && document.documentElement.clientWidth) {
  406. swide=document.documentElement.clientWidth;
  407. shigh=document.documentElement.clientHeight;
  408. }
  409. else if (document.body.clientWidth) {
  410. swide=document.body.clientWidth;
  411. shigh=document.body.clientHeight;
  412. }
  413. }
  414.  
  415.  
  416. window.onload=function() { if (document.getElementById) {
  417. set_width();
  418. write_fire();
  419. launch();
  420. setInterval('stepthrough()', speed);
  421. }}
  422. // ]]>
  423. </script>
  424. </body>
  425. </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!