htmlparavoces

Theme base

Jan 6th, 2012
382
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.22 KB | None | 0 0
  1. <!----- THEME BASE POR THUCCA/HTMLPRAVOCES NÃO COPIE E NEM USE MINHA BASE PRA FAZER SUA BASE ------!>
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7. <link rel="shortcut icon"http://farm3.staticflickr.com/2751/4069144487_746117033a.jpg">
  8.  
  9. <title>NOME DO SEU TUMBLR</title>
  10.  
  11. <style>
  12. <!--- CSS  POR ENTENDA HTML --->
  13.  
  14. /*** FUNDO DO THEME ***/
  15.  
  16. body{background: url('http://25.media.tumblr.com/tumblr_lxadcxAcJw1r48cu0o1_500.jpg') fixed; color: #FFFFFF;  font: 11px Verdana;}
  17.  
  18. /*** FIM DO FUNDO DO THEME ***/
  19.  
  20. /*** NEGRITO / ITÁLICO / RISCADO / SUBLINHADO ***/
  21.  
  22. b, strong {color: #COR DO NEGRITO; text-decoration: none; cursor: help;}
  23. s {color: #COR DO RISCADO;cursor: help;}
  24. i {color: #COR DO ITALICO; text-decoration: none;cursor: help;}
  25. u, underline {color: #COR DA LETRA; text-decoration: none; border-bottom: 1px dashed #COR DO SUBLINHADO;cursor: help;}
  26.  
  27. /*** FIM DO NEGRITO / ITÁLICO / RISCADO / SUBLINHADO ***/
  28.  
  29. /*** TÍTULOS ***/
  30.  
  31. h1 {color: #000000; font-family: 'Courier New', 'Courier New'; font-size:32px; line-height:30px;
  32. font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  33. h2 {color: #FFFFFF; font-family: 'Courier New', tahoma; font-size:35px; line-height:25px;
  34. font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  35.  
  36. /***  FIM DOS TÍTULOS ***/
  37.  
  38.  
  39. /*** POSTS & CAIXAS  ***/
  40.  
  41. .s.sidegs {background: #fff; color: 000; margin-bottom: 25px; padding: 5px; width: 300px; top: 80px; left: 80px; text-align: justify; position: fixed;}
  42.  
  43. .posts {background: #fff;color: 000; margin-top: 25px; padding: 5px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;
  44. -moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
  45.  
  46. /*** FIM DOS POSTS & CAIXAS  ***/
  47.  
  48. /*** NOTES  ***/
  49.  
  50. .notes {border-top: 2px dotted #000; padding: 3px; background: #fff;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;
  51.  -moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;
  52. border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
  53.  
  54. /***  FIM DOS NOTES  ***/
  55.  
  56. /*** LINKS *** /
  57.  
  58. a:link,a:active,a:visited { color: #000; text-decoration: none; -webkit-transition-duration: .50s;}
  59. a:hover { color: #fff;}
  60.  
  61.  
  62. <!--- FIM DO  CSS  POR ENTENDA HTML --->
  63. </style>
  64.  
  65. </head>
  66.  
  67. <body>
  68. <!---CORPO DO THEME POR ENTENDA HTML --->
  69.  
  70. <div class="sidegs">
  71. <img src="http://27.media.tumblr.com/tumblr_lxae2mvuqs1r48cu0o1_500.jpg" width="300">
  72.  
  73. <div style="top: 0px; left: 0px; width: 100%; height: 30px; z-index: 100; position: fixed;">
  74. <center>
  75. <div class="navigate">
  76. <a href="/"style="text-decoration:none">Home</a>
  77. <a href="/ask"style="text-decoration:none">Ask</a>
  78. <a href="SEUTUMBLR.tumblr.com/submit"style="text-decoration:none">Submit</a>
  79. <a href="/tagged/SUATAG"style="text-decoration:none">Textos</a>                                        
  80. <a href="/tagged/about"style="text-decoration:none">About</a>
  81. <a href="htmlpravoces.tumblr.com"style="text-decoration:none">Theme</a>
  82. </div></div>
  83. </center>    
  84.  
  85. <div class="credit">
  86. <h1>Status</h1>
  87. Design do theme por: <a href="http://SEUTUMBLR.tumblr.com/" target=blank>SEU NOME :)</a><br>
  88. Base por: <a href="http://htmlpravoces.tumblr.com/" target=blank>Html pra vocês</a><br>
  89. By: <a href="http://apenassimplesversos.tumblr.com/" target=blank>Thucca</a><br>
  90. </a>
  91. </div></div></div></div>
  92.            
  93.  
  94.  
  95. <!--- TAGS DOS POSTS POR MADLYLUV --->
  96. <div id="post" style="top: 55px; left: 400px; position: absolute; width: 520px; color:#000;">
  97. {block:Posts}
  98.  
  99.     <!--TEXTOs-->
  100.  
  101.     {block:Text}<div class="posts">
  102.  
  103.         {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  104.  
  105.         <div>{Body}</div>
  106.  
  107.     </div>{/block:Text}
  108.  
  109.  
  110.  
  111.     <!--PERGUNTAS E MENSAGENS-->
  112.  
  113.     {block:Answer}<div class="posts">
  114.  
  115.         <strong>{Asker}</strong> perguntou: {Question}<br /><br />
  116.  
  117.         Resposta: {Answer}<br />
  118.  
  119.     </div>{/block:Answer}
  120.  
  121.  
  122.  
  123.     <!--LINKS-->
  124.  
  125.     {block:Link}<div class="posts">
  126.  
  127.         <a href="{URL}"><h1>{Name}</h1></a>
  128.  
  129.         {block:Description}{Description}{/block:Description}
  130.  
  131.  
  132.     </div>{block:Link}
  133.  
  134.  
  135.  
  136.     <!--FOTOS-->
  137.  
  138.     {block:Photo}<div class="posts">
  139.         <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" />{LinkCloseTag}</center><br />
  140.  
  141.         {block:Caption}{Caption}{/block:Caption}<br />
  142.  
  143.     </div>{/block:Photo}
  144.  
  145.  
  146.  
  147.     <!--FRASES-->
  148.  
  149.     {block:Quote}<div class="posts">
  150.  
  151.         <h1>- "{Quote}"</h1>
  152.  
  153.         {block:Source}&mdash; {Source}{/block:Source}
  154.  
  155.     </div>{/block:Quote}
  156.    
  157.  
  158.  
  159.     <!--DIALOGOS-->
  160.  
  161.     {block:Chat}<div class="posts">
  162.  
  163.         {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  164.  
  165.         <table>
  166.             {block:Lines}
  167.             <tr>
  168.                 {block:Label}<td class="name">{Label}</td>{block:Label}
  169.                 <td class="words">{Line}</td>
  170.             </tr>
  171.             {/block:Lines}
  172.         </table><br />
  173.  
  174.     </div>{/block:Chat}
  175.    
  176.  
  177.  
  178.     <!--MUSICAS-->
  179.  
  180.     {block:Audio}<div class="posts">
  181.  
  182.         <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  183.  
  184.         <center>{AudioPlayerWhite}</centeR>
  185.  
  186.         {block:Caption}{Caption}{/block:Caption}<br />
  187.  
  188.  
  189.     </div>{/block:Audio}
  190.    
  191.  
  192.  
  193.     <!--VIDEOS-->
  194.  
  195.     {block:Video}<div class="posts">
  196.  
  197.         <center>{Video-500}</center>
  198.  
  199.         {block:Caption}{Caption}{/block:Caption}<br />
  200.  
  201.     </div>{/block:Video}
  202.  
  203. <div class="notes">
  204. 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}
  205. </div>
  206.  
  207. {/block:Posts}<br><center><big><big>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  208.  
  209. {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</big></big></div></div><br><br></center>
  210.  
  211. </div></div></div></div></div></div></div></div></div></div></div></div>
  212.  
  213. <!---FIM  DO CORPO DO THEME POR ENTENDA HTML --->
  214. </body>
  215.  
  216. </html>
Advertisement
Add Comment
Please, Sign In to add comment