htmlparavoces

Theme simples baby

Jan 6th, 2012
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.87 KB | None | 0 0
  1. <!--- TAGS PRINCIPAIS POR ENTENDA HTML --->
  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.  
  86. <!--- TAGS DOS POSTS POR MADLYLUV --->
  87. <div id="post" style="top: 55px; left: 400px; position: absolute; width: 520px; color:#000;">
  88. {block:Posts}
  89.  
  90.     <!--TEXTOs-->
  91.  
  92.     {block:Text}<div class="posts">
  93.  
  94.         {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  95.  
  96.         <div>{Body}</div>
  97.  
  98.     </div>{/block:Text}
  99.  
  100.  
  101.  
  102.     <!--PERGUNTAS E MENSAGENS-->
  103.  
  104.     {block:Answer}<div class="posts">
  105.  
  106.         <strong>{Asker}</strong> perguntou: {Question}<br /><br />
  107.  
  108.         Resposta: {Answer}<br />
  109.  
  110.     </div>{/block:Answer}
  111.  
  112.  
  113.  
  114.     <!--LINKS-->
  115.  
  116.     {block:Link}<div class="posts">
  117.  
  118.         <a href="{URL}"><h1>{Name}</h1></a>
  119.  
  120.         {block:Description}{Description}{/block:Description}
  121.  
  122.  
  123.     </div>{block:Link}
  124.  
  125.  
  126.  
  127.     <!--FOTOS-->
  128.  
  129.     {block:Photo}<div class="posts">
  130.         <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" />{LinkCloseTag}</center><br />
  131.  
  132.         {block:Caption}{Caption}{/block:Caption}<br />
  133.  
  134.     </div>{/block:Photo}
  135.  
  136.  
  137.  
  138.     <!--FRASES-->
  139.  
  140.     {block:Quote}<div class="posts">
  141.  
  142.         <h1>- "{Quote}"</h1>
  143.  
  144.         {block:Source}&mdash; {Source}{/block:Source}
  145.  
  146.     </div>{/block:Quote}
  147.    
  148.  
  149.  
  150.     <!--DIALOGOS-->
  151.  
  152.     {block:Chat}<div class="posts">
  153.  
  154.         {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  155.  
  156.         <table>
  157.             {block:Lines}
  158.             <tr>
  159.                 {block:Label}<td class="name">{Label}</td>{block:Label}
  160.                 <td class="words">{Line}</td>
  161.             </tr>
  162.             {/block:Lines}
  163.         </table><br />
  164.  
  165.     </div>{/block:Chat}
  166.    
  167.  
  168.  
  169.     <!--MUSICAS-->
  170.  
  171.     {block:Audio}<div class="posts">
  172.  
  173.         <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  174.  
  175.         <center>{AudioPlayerWhite}</centeR>
  176.  
  177.         {block:Caption}{Caption}{/block:Caption}<br />
  178.  
  179.  
  180.     </div>{/block:Audio}
  181.    
  182.  
  183.  
  184.     <!--VIDEOS-->
  185.  
  186.     {block:Video}<div class="posts">
  187.  
  188.         <center>{Video-500}</center>
  189.  
  190.         {block:Caption}{Caption}{/block:Caption}<br />
  191.  
  192.     </div>{/block:Video}
  193.  
  194. <div class="notes">
  195. 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}
  196. </div>
  197.  
  198. {/block:Posts}<br><center><big><big>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  199.  
  200. {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</big></big></div></div><br><br></center>
  201.  
  202. </div></div></div></div></div></div></div></div></div></div></div></div>
  203.  
  204. <!---FIM  DO CORPO DO THEME POR ENTENDA HTML --->
  205. </body>
  206.  
  207. </html>
  208.  
  209. <!---FIM DAS TAGS PRINCIPAIS POR ENTENDA HTML --->
Advertisement
Add Comment
Please, Sign In to add comment