API tools faq
paste
htmlparavoces

Purple life

htmlparavoces
Feb 3rd, 2012
110
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.59 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------------------------------------|
  2. |Theme Feito por Maria - SILLY-G1RL.TUMBLR.COM -                          |
  3. | cssand-html.tumblr.com | TAGS PRINCIPAIS POR FORYOU-HTML                |
  4. | Nunca Jamais cometa o erro e de cair na besteira de tirar os creditos   |
  5. |                         E faça um bom Uso!                              |
  6. |-------------------------------------------------------------------------!>
  7.  
  8. <html>
  9. <head>
  10.  
  11. <title>NOME DO SEU TUMBLR</title>
  12.  
  13. <style>
  14.  
  15. /*** CSS DO THEME POR FORYOU-HTML ***/
  16.  
  17. /*** FUNDO DO THEME ***/
  18. body {background: #362311 url('http://colourlovers.com.s3.amazonaws.com/images/patterns/2166/2166313.png')fixed; color: #000; font-size: 12px; font-family: Tahoma}
  19.  
  20. /*** do post e da sidebar ***/
  21. .bxims {background: #FAFAFA; color: 000; margin-bottom: 25px; padding: 5px; width: 300px; top: 46px; left: 50px; text-align: justify; position: fixed;}
  22.  
  23. .bximsp {background: #fff;color: 000; margin-top: -15px; padding: 12px; -webkit-border-top-left-radius: 10px;
  24. -webkit-border-top-right-radius: 10px;
  25. -moz-border-radius-topleft: 10px;
  26. -moz-border-radius-topright: 10px;
  27. border-top-left-radius: 10px;
  28. border-top-right-radius: 10px;}
  29.  
  30.  
  31. /*** letras ***/
  32. h1 {text-align: center; font: italic 25px Verdana; color: #000;}
  33.  
  34. /*** das notes ***/
  35. .notes {border-top: 1px dotted #000; padding: 5px; background: #fff; -webkit-border-bottom-right-radius: 10px;
  36. -webkit-border-bottom-left-radius: 10px;
  37. -moz-border-radius-bottomright: 10px;
  38. -moz-border-radius-bottomleft: 10px;
  39. border-bottom-right-radius: 10px;
  40. border-bottom-left-radius: 10px;}
  41.  
  42. h2 {color: #9DA9F2; font-family: 'Tahoma', cursive;
  43.  
  44. font-size:16px; line-height:25px; font-weight:normal; margin:0px; padding:1 3px 3px; margin-bottom:6px; text-align:right; border-bottom: 2px dashed #ff8bc4;}
  45.  
  46. h3 {background:#B3BAE6; color: #7480CC; font-family: 'Dancing Script';
  47.  
  48. font-size:28px; line-height:25px; font-weight:normal; margin:0px; padding:1 3px 3px; margin-bottom:6px; text-align:right; border-bottom: 1px dashed #ff8bc4;}
  49.  
  50. /*** links ***/
  51. a:link,a:active,a:visited { color: #749ACC; text-decoration: none; -webkit-transition-duration: .50s;}
  52. a:hover { color: #A6C0E3;}
  53.  
  54. /*** Formatação ***/
  55. b, strong {color: #749ACC; text-decoration: none; cursor: help;}
  56. s {color: #92B3DE;cursor: help;}
  57. i {color: #A6C0E3; text-decoration: none;cursor: help;}
  58. u, underline {color: #7B9CC7; text-decoration: none; border-bottom: 1px dashed #A1B3C9;cursor: help;}
  59.  
  60. /*** FIM DO CSS POR FORYOU-HTML ***/
  61.  
  62. /*** Codigo do menu, by having themes ***/
  63.  
  64. .nav {background-color: #BFC4F2; display: inline-block; padding: 03px; text-align: center;  line-height:16px; color:#eee; text-transform: uppercase; width: 100px; float: center; margin:2px 2px 2px 2px; font-family: 'tahoma', serif;  font-size:13px; letter-spacing: 0.120em; alpha(Opacity=90); -khtml-opacity: .90; border-radius:15px }
  65.  
  66. .nav:hover {background-color: #C7CAED; width: 152px; -webkit-transition-duration: .90s; alpha(Opacity=70); -khtml-opacity: .70; border-radius:15px}
  67.  
  68. /*** CAIXA PRO MENU FALSO IFRAME ***/
  69.  
  70. .booox {background: #FFF; padding: 5px 5px 5px 5px; margin-bottom: 10px; border: 1px solid #eee;
  71. line-height: 17px; color: #C0CCEB; }
  72.  
  73. /*** Titulo pra pagina ***/
  74.  
  75. .prom {font-family:'Tahoma; color: #888; font-size: 21pt; text-shadow: 1px 1px #fff;}
  76.  
  77. </style>
  78.  
  79. </head>
  80. <body>
  81. <div style=" background-image: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/2155/2155697.png'); top: 0px; left: 0px; width: 100%; height: 25px; z-index: 100; position: fixed;"></div>
  82.  
  83. <div class="bxims">
  84.  
  85. <img src="http://static.tumblr.com/1rhmxwe/nFhlmvbdz/tumblr_lmoldhw6x11qimixvo1_500.png" width="300">
  86.  
  87.  
  88. <b>Negrito</b>, <s>riscado</s>, <u>sublinhado</u>, <i> itálico </i> Sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição, sua descrição.
  89.  
  90. <h3> Navegue </h3>
  91.  
  92. <p> <a href="/" class="nav" style="color:#8B92E0;" title="postagem">Home</a>
  93.  
  94. <a href="/ask" class="nav" style="color:#8B92E0;" title="postagem">Ask</a>
  95.  
  96. <span onClick="document.getElementById('liuc').innerHTML=
  97. document.getElementById('01').innerHTML" class="nav" style="color:#8B92E0;" title="Sobre mim">About</span>
  98.  
  99. <span onClick="document.getElementById('liuc').innerHTML=
  100. document.getElementById('02').innerHTML" class="nav" style="color:#8B92E0;"
  101. title="Sobre meu Tumblr">Tumblr</span>
  102.  
  103. <a href="/tagged/SUATAG" class="nav" style="color:#8B92E0;" title="postagem">Textos</a>
  104.  
  105. <span onClick="document.getElementById('liuc').innerHTML=
  106. document.getElementById('03').innerHTML" class="nav" style="color:#8B92E0;"
  107. title="Créditos">Créditos</span> </p>
  108. </div></div></div></div>
  109.  
  110.  
  111.  
  112.  
  113.  
  114. <!--- TAGS DOS POSTS POR MADLYLUV --->
  115. <div id="post" style="top: 55px; left: 400px; position: absolute; width: 520px; color:#000;">
  116. <div id="liuc">
  117. {block:Posts}
  118.  
  119.     <!--TEXTOs-->
  120.  
  121.     {block:Text}<div class="bximsp">
  122.  
  123.         {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  124.  
  125.         <div>{Body}</div>
  126.  
  127.     </div>{/block:Text}
  128.  
  129.  
  130.  
  131.     <!--PERGUNTAS E MENSAGENS-->
  132.  
  133.     {block:Answer}<div class="bximsp">
  134.  
  135.  
  136.         <strong>{Asker}</strong> perguntou: {Question}<br /><br />
  137.  
  138.  
  139.  
  140.         Resposta: {Answer}<br />
  141.  
  142.     </div>{/block:Answer}
  143.  
  144.  
  145.  
  146.     <!--LINKS-->
  147.  
  148.     {block:Link}<div class="bximsp">
  149.  
  150.         <a href="{URL}"><h1>{Name}</h1></a>
  151.  
  152.         {block:Description}{Description}{/block:Description}
  153.  
  154.  
  155.     </div>{block:Link}
  156.  
  157.  
  158.  
  159.     <!--FOTOS-->
  160.  
  161.     {block:Photo}<div class="bximsp">
  162.         <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" />{LinkCloseTag}</center><br />
  163.  
  164.         {block:Caption}{Caption}{/block:Caption}<br />
  165.  
  166.     </div>{/block:Photo}
  167.  
  168.  
  169.  
  170.     <!--FRASES-->
  171.  
  172.     {block:Quote}<div class="bximsp">
  173.  
  174.         <h1>- "{Quote}"</h1>
  175.  
  176.         {block:Source}&mdash; {Source}{/block:Source}
  177.  
  178.     </div>{/block:Quote}
  179.    
  180.  
  181.  
  182.     <!--DIALOGOS-->
  183.  
  184.     {block:Chat}<div class="bximsp">
  185.  
  186.         {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  187.  
  188.         <table>
  189.             {block:Lines}
  190.             <tr>
  191.                 {block:Label}<td class="name">{Label}</td>{block:Label}
  192.                 <td class="words">{Line}</td>
  193.             </tr>
  194.             {/block:Lines}
  195.         </table><br />
  196.  
  197.     </div>{/block:Chat}
  198.    
  199.  
  200.  
  201.     <!--MUSICAS-->
  202.  
  203.     {block:Audio}<div class="bximsp">
  204.  
  205.         <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  206.  
  207.         <center>{AudioPlayerWhite}</centeR>
  208.  
  209.         {block:Caption}{Caption}{/block:Caption}<br />
  210.  
  211.  
  212.     </div>{/block:Audio}
  213.    
  214.  
  215.  
  216.     <!--VIDEOS-->
  217.  
  218.     {block:Video}<div class="bximsp">
  219.  
  220.         <center>{Video-500}</center>
  221.  
  222.         {block:Caption}{Caption}{/block:Caption}<br />
  223.  
  224.     </div>{/block:Video}
  225.  
  226. <div class="notes">
  227. Posted on <a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}</a> at {12Hour}:{Minutes}{AmPm} | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog this!</a> | {block:NoteCount}{NoteCount} notes{/block:NoteCount} | {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>/<a href="{ReblogRootURL}">original</a>{/block:RebloggedFrom}
  228. </div>
  229.  
  230. {/block:Posts}<br><center><big><big>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  231.  
  232. {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</big></big></div></div><br><br></center>
  233.  
  234. </div></div></div></div></div></div></div></div></div></div></div></div>
  235.  
  236. <div id="01" style="display:none"><div class="booox">
  237. <div class="prom">About Me</div>
  238.  
  239. <h3> About me </h3>
  240.  
  241. Sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você aqui, sobre você.
  242.  
  243.  
  244. <h3> Lista de Desejos </h3>
  245.  
  246.  
  247. <img src="http://stephanielouie.comule.com/material/check12.gif"> Ja consegui<br>
  248.  
  249. <img src="http://stephanielouie.comule.com/material/check11.gif"> Não consegui<br>
  250.  
  251. <img src="http://stephanielouie.comule.com/material/check12.gif"> Ja consegui<br>
  252.  
  253. <img src="http://stephanielouie.comule.com/material/check11.gif"> Não consegui<br>
  254.  
  255. <img src="http://stephanielouie.comule.com/material/check12.gif"> Ja consegui<br>
  256.  
  257. <img src="http://stephanielouie.comule.com/material/check11.gif"> Não consegui<br>
  258.  
  259. </div></div></div></div></div></div>
  260.  
  261. <div id="02" style="display:none"><div class="booox">
  262. <div class="prom">Tumblr</div>
  263.  
  264. <h3> Tumblr </h3>
  265.  
  266. 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, sobre seu tumblr aqui,  sobre seu tumblr aqui, sobre seu tumblr aqui,  sobre seu tumblr aqui, sobre seu tumblr aqui,  sobre seu tumblr.
  267.  
  268. <h3> Recomendo </h3>
  269.  
  270. <a href="http://silly-g1rl.tumblr.com"> Maria </a> +
  271.  
  272. <a href="http://LINKDOTUMBLRRECOMENDADO.tumblr.com"> NOME </a> +
  273.  
  274. <a href="http://LINKDOTUMBLRRECOMENDADO.tumblr.com"> NOME </a> +
  275.  
  276. <a href="http://LINKDOTUMBLRRECOMENDADO.tumblr.com"> NOME </a> +
  277.  
  278. <a href="http://LINKDOTUMBLRRECOMENDADO.tumblr.com"> NOME </a>
  279.  
  280. </div></div></div></div></div></div>
  281.  
  282. <div id="03" style="display:none"><div class="booox">
  283. <div class="prom">Créditos</div>
  284.  
  285. <h3> Créditos </h3>
  286.  
  287. <div class="coraçao"> Theme base: <a href="http://silly-g1rl.tumblr.com/"><b>Maria</b></a> </div>
  288.  
  289. <div class="coraçao"> Modificado por: <a href="http://htmlpravoces.tumblr.com/"><b>Html pra vocês</b></a> </div>
  290.  
  291. <div class="coraçao"> Paginação e Tags: <a href="http://madlyluv.com/">Mandly luv</a> </div>
  292.  
  293. <div class="coraçao"> Tutoriais: <a href="http://cssand-html.tumblr.com/">Cssand-HTML</a> </div>
  294.  
  295. <div class="coraçao"> Menu I-Frame: <a href="http://havingthemes.tumblr.com">Having Themes</a> </div>
  296.  
  297. <div class="coraçao"> CSS: <a href="http://foryou-html.tumblr.com/">For you html</a> </div>
  298.  
  299. <center> © Don't copy and don't remove de credits. </center>
  300.  
  301. </div></div></div></div></div></div>
  302.  
  303. </body>
  304.  
  305.  
  306. </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!