API tools faq
paste
htmlparavoces

girl in the windows

htmlparavoces
Feb 12th, 2012
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.80 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  5.  
  6. <link rel="shortcut icon" href="LINKDAFAVICON">
  7.  
  8. <title>SEU TUMBLR</title>
  9.  
  10. </head>
  11.  
  12. <style>
  13.  
  14. body {background: #f5f5f5 url('http://3.bp.blogspot.com/-6n9yUAwAdoo/Tyxu35Yo66I/AAAAAAAAId0/L9jNakgsRMA/s200/tumblr_lvky919mgj1r7b5n3o1_500_large.jpg') fixed repeat; font-size:11px; font-family:'Georgia'; color:#949494;}
  15.  
  16. a:link, a:visited, a:active {color:#000; text-decoration:none;}
  17. a:hover {color:#000; text-decoration:underline;}
  18.  
  19. b, bold, strong {color:#000;}
  20. i, em {color:#000;}
  21. u {border-bottom:1px dashed #000; text-decoration:none; color:#000; cursor: nw-resize;}
  22. s, del {color:#000;}
  23.  
  24. h1 {color:#000; font-family:'Rochester', cursive; font-size:29px; border-bottom:1px solid #f5f5f5; font-weight:normal; text-shadow: 0 1px 0px #fff;}
  25.  
  26. h2 {color:#000; font-family:'Rochester', cursive; font-size:29px; font-weight:normal; text-shadow: 0 1px 0px #fff; text-align:center; margin-bottom:0px; margin-top:-10px;}
  27.  
  28. .traço {border-bottom:1px dashed #000;}
  29.  
  30. .box {background:#fff; padding:5px; box-shadow: 0 0 1em #dcdcdc; border:1px solid #eee; border-radius:10px; margin-bottom:5px;}
  31.  
  32. .box2 {background:#fff; padding:5px; box-shadow: 0 0 1em #dcdcdc; border:1px solid #eee; border-radius:10px; width:250px; margin-left:5px; margin-top:10px;}
  33.  
  34. .menu {background:#000; color:#fff; display:inline-block; width:40px; height:15px; text-align:center; padding:5px; border-radius:5px;}
  35.  
  36. .menu:hover {background:#fff; color:#000;}
  37.  
  38. .heart {border-bottom:1px solid #eee;}
  39.  
  40. .heart:hover {border-bottom:1px dashed #eee;}
  41.  
  42.   ::-moz-selection
  43.    {color:#000;
  44.    background:#f5f5f5;}
  45.  
  46.   ::selection
  47.    {color:#000;
  48.    background:#f5f5f5;}
  49.  
  50. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 0px #fff;}
  51. #paginacaoml a {background:#fff; margin: 0 1px 0 0; padding: 2px 4px; color:#000; text-decoration: none;}
  52. #paginacaoml a:hover {background:#fff; border: none;}
  53. #paginacaoml span.pagina_atual {background:#fff; margin: 0 1px 0 0; padding: 2px 4px; color:#000; text-decoration: none;}
  54. #paginacaoml span.info {background:#fff; margin: 0 1px 0 0; padding: 2px 4px; color:#000; text-decoration: none;}
  55.  
  56. img{
  57. margin: 1px;
  58. border: none;
  59. filter: alpha(opacity=75);
  60. moz-opacity:.80;
  61. opacity:.80 ;
  62. -webkit-transition-duration: .50s;
  63. }
  64. img:hover{
  65. margin: 1px;
  66. border: none;
  67. filter: alpha(opacity=100);
  68. moz-opacity:1.0;
  69. opacity:1.0;
  70. }
  71.  
  72. .opa{
  73. margin: 1px;
  74. border: none;
  75. filter: alpha(opacity=75);
  76. moz-opacity:.80;
  77. opacity:.80 ;
  78. -webkit-transition-duration: .50s;
  79. }
  80. .opa:hover{
  81. margin: 1px;
  82. border: none;
  83. filter: alpha(opacity=100);
  84. moz-opacity:1.0;
  85. opacity:1.0;
  86. }    
  87.  
  88. #pagina {width: 1000px;
  89. margin-right: auto;
  90. margin-left: auto;
  91. margin-top: auto;
  92. margin-bottom: auto;}
  93.  
  94. #postsht {position: absolute;
  95. width:545px;
  96. left: 10px;
  97. top: 75px;
  98. margin: auto;
  99. position: relative;}
  100.  
  101. #sidebarht {width: 540px;
  102. text-align: justify;
  103. float: left;
  104. position: absolute;
  105. margin: 10px 0px 0px 240px;}
  106.  
  107. .caixaask {background:#eee; border-radius:10px; padding:15px; align:right; position:relative; margin:1px 0px 3px 63px;}
  108.  
  109. .bordacacá2 {border-radius:50px;}
  110.  
  111. blockquote {border-left:4px solid #000; padding:5px;}
  112.  
  113. .faixinha {background:#eee; border-radius:10px; padding:2px; text-align:center; margin-bottom:2px;}
  114.  
  115. </style>
  116.  
  117. <body>
  118.  
  119. <div id="pagina">
  120.  
  121. <div id="sidebarht">
  122.  
  123. <div style="float:left">
  124.  
  125. <div class="box2">
  126.  
  127. {block:Description}{Description}{/block:Description}</div>
  128.  
  129. </div>
  130.  
  131. <div style="float:right">
  132.  
  133. <div class="box2">
  134. <img src="http://static.tumblr.com/b1gnlwd/CBFlyw9yv/nathy.png"  height="55px" align="left"  style="border-radius: 0px 20px 20px 20px; -webkit-border-radius: 0px 30px 30px 30px; -moz-border-radius: 0px 29px 29px 29px; ">
  135.  
  136. <center>
  137.  
  138. <a href="/"><div class="menu">Home</div></a>
  139.  
  140. <a href="/ask"><div class="menu">Ask</div></a>
  141.  
  142. <span onClick="document.getElementById('iframe').innerHTML= document.getElementById('1').innerHTML"><div class="menu">About</div></span>
  143.  
  144. <span onClick="document.getElementById('iframe').innerHTML= document.getElementById('2').innerHTML"><div class="menu">Tumblr</div></span>
  145.  
  146. <a href="/Link"><div class="menu">LINK</div></a>
  147.  
  148. <a href="/Link"><div class="menu">LINK</div></a>
  149.  
  150. </center>
  151.  
  152. </div>
  153.  
  154. </div>
  155.  
  156. </div>
  157.  
  158. <br>
  159.  
  160. <div id="postsht">
  161.  
  162. <div id="iframe">
  163.  
  164. {block:Posts}
  165.  
  166. <div class="box">
  167.  
  168. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  169.  
  170. {block:Answer}<a href="{AskerURL}"><img src="{AskerPortraitURL-40}" align="left" class="bordacacá2"></a><div class="caixaask">{Asker}:{Question}</div><br>Resposta:{Answer}{/block:Answer}
  171.  
  172. {block:Photo}<img src="{PhotoURL-500}" class="borda" alt="{PhotoAlt}"/> {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  173.  
  174. {block:Photoset}<div class="opa">{Photoset-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  175.  
  176. {block:Quote}<h1>"{Quote}"</h1>{block:Description}<div class="description">{Description}</div>{/block:Description}{/block:Quote}
  177.  
  178. {block:Source}<div align="right">- {Source}</div>{/block:Source}
  179.  
  180. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}<div class="description">{Description}</div>{/block:Description}{/block:Link}
  181.  
  182. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Description}<div class="description">{Description}</div>{/block:Description}{/block:Chat}
  183.  
  184. {block:Lines}{block:Title}<h1>{Title}</h1>{/block:Title}<li class="{Alt} user_{UserNumber}">
  185. {block:Label}<span class="label">{Label}</span> {/block:Label}{Line}{/block:Lines}
  186.  
  187. {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  188.  
  189. {block:Audio}{AudioPlayerBlack}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  190.  
  191. {Block:PostNotes}{PostNotes}{/Block:PostNotes}
  192.  
  193. <div class="traço"></div>
  194.  
  195. <center>
  196.  
  197. Em <i>{DayOfMonthWithZero}</i>/<u>{MonthNumberWithZero}</u>/<b>{Year}</b> | <a href="{permalink}"> {NoteCount} notes</a> | <a href="{ReblogURL}" target="_blank">Reblogar</a> <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Lapis1.gif">
  198.  
  199. <br>
  200.  
  201. Tags: {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  202.  
  203. </center>
  204.  
  205. </div>
  206.  
  207. {/block:Posts}
  208.  
  209. <center>
  210.  
  211. <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}
  212. {block:JumpPagination length="10"}
  213. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  214. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  215. {/block:JumpPagination}
  216. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  217. </div>
  218.  
  219. </center>
  220.  
  221. </div>
  222.  
  223. </div>
  224.  
  225. </div>
  226.  
  227. <div id="1" style="display:none">
  228. <div class="box">
  229. <h1>Sobre mim</h1>
  230.  
  231. Sobre você aqui, sua idade, coisas que gosta de fazer, coisas que não gosta, etc. Sobre você aqui, sua idade, coisas que gosta de fazer, coisas que não gosta, etc. Sobre você aqui, sua idade, coisas que gosta de fazer, coisas que não gosta, etc. Sobre você aqui, sua idade, coisas que gosta de fazer, coisas que não gosta, etc. Sobre você aqui, sua idade, coisas que gosta de fazer, coisas que não gosta, etc. Sobre você aqui, sua idade, coisas que gosta de fazer, coisas que não gosta, etc. Sobre você aqui, sua idade, coisas que gosta de fazer, coisas que não gosta, etc. <img src="http://static.tumblr.com/rltvkjt/pGPlmr3zi/pear.gif">
  232.  
  233. </div></div>
  234.  
  235. <div id="2" style="display:none">
  236. <div class="box">
  237. <h1>Sobre meu tumblr</h1>
  238.  
  239. Sobre seu tumblr aqui, dia em que foi criado, porquê criou, etc. Sobre seu tumblr aqui, dia em que foi criado, porquê criou, etc. Sobre seu tumblr aqui, dia em que foi criado, porquê criou, etc. Sobre seu tumblr aqui, dia em que foi criado, porquê criou, etc. Sobre seu tumblr aqui, dia em que foi criado, porquê criou, etc.
  240.  
  241. </div>
  242.  
  243. <div class="box">
  244. <h1>Créditos</h1>
  245. <div class="heart">Theme por: <a href="http://htmlpravoces.tumblr.com/">Html pra vocês/Thucca Borges</a></div>
  246. <div class="heart">Base: <a href="http://claraborgesc.tumblr.com/">Ana Clara Borges</a></div>
  247. <div class="heart">Ajudas nas tags de post: <a href="http://www.tumblr.com/docs/en/custom_themes/">Tumblr Custom Themes</a></div>
  248. <div class="heart">Seleção colorida e paginação: <a href="http://madlyluv.com/">Madlyluv</a></div>
  249. <div class="heart">Centralização: <a href="http://havingthemes.tumblr.com/">Having Themes</a></div>
  250. <div class="heart">Código do postnotes: <a href="http://ylthemes.tumblr.com/">Yl Themes</a></div>
  251.  
  252. </div></div>
  253.  
  254. </body>
  255. </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!