API tools faq
paste
htmlparavoces

theme love version

htmlparavoces
Aug 12th, 2012
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.05 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3. <title>{Title}</title>
  4.  
  5. <script type="text/javascript">
  6. function changeNavigation(id) {document.getElementById('conteudo').innerHTML=document.getElementById(id).innerHTML}
  7. </script>
  8.  
  9. </head>
  10.  
  11. <style>
  12.  
  13. body {background: #000000; font-family: 'verdana';}
  14.  
  15. b, strong {color: #000000;}
  16. i, italic {color: #000000;}
  17. u {color: #000000; border-bottom: 1px solid #000;}
  18. s {color: #000000;}
  19. a {text-decoration: none; color: #;}
  20. a:hover {color: #000000;}
  21.  
  22. #pagina {width: 720px; margin-left: auto; margin-right: auto;}
  23.  
  24. #sidebar {width: 190px; float: left; position: fixed; margin-top: 90px;}
  25. .box {width: 190px; padding: 3px ; background: #FFF; font-size: 11px; color: #4949494; text-align: justify; font-family: 'arial';}
  26.  
  27.  
  28. #conteudo {float: right;}
  29. #conteudo img {width: 500px;}
  30. .caixa {width: 500px; background: #FFF; padding: 3px; color: #494949; font-size: 11px; margin-top: 3px;}
  31.  
  32. h1 {font-size: 18px; color: #000000; font-family: 'Constantia'; text-transform: uppercase;}
  33.  
  34. .notes {width: 495px; background: #F3F3F3; margin-top: 3px; margin-bottom:-10px; padding: 2px; text-align: center; color: #aaa; font-family: 'georgia' italic;}
  35.  
  36. .notes2 {width: 495px; background: #F3F3F3; padding: 2px; color: #aaa; margin-top: 3px;}
  37. .notes2:hover {text-indent: 10px}
  38.  
  39. .sombra {margin-bottom: 3px; margin-right: 1px; border-radius: 0px; transition-duration: 40s; -webkit-transition-duration: .40s; }
  40.  
  41. .sombra:hover {box-shadow: 9px 10px 10px #b0b0b0;
  42.  margin-left: -10px; margin-right: 11px; margin-bottom: 16px; margin-top: -13px; }
  43.  
  44.  .menu {width:35px;background:#000000;font-size:16px;font-family:Alterebro Pixel Font;-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s;color:#fff;height:30px;line-height:30px;display:inline-block;}
  45. .menu:hover {background:#D63D36;border-radius:20px;}
  46.  
  47. figure {    margin: 3px;    width: 125px;    height: 125px;    overflow: hidden;    position: relative;    border: 3px solid #98b7d9;    margin-right: 3px;    float: left;}figcaption {    font-family: verdana;    font-size: 11px;    position: absolute;    display: block;    width: 130px;    height: 20px;    left: 310px;    bottom: 10px;  text-align: center; color: #fff;    text-shadow: none;  background: url(http://i.imm.io/wDjd.png);  border: 3px solid #98b7d9;  line-height: 20px;    box-shadow: rgba(0,0,0,.5) 0 2px 8px; -webkit-transform: rotate(-45deg);    -moz-transform: rotate(-45deg);    -o-transform: rotate(-45deg);  transition-duration: 60s; -webkit-transition-duration: .60s;}figure:hover figcaption {  left: 35px;bottom: 10px;}
  48.  
  49. </style>
  50.  
  51. <body>
  52.  
  53. <div id="pagina">
  54.  
  55.  
  56. <div id="sidebar"><div class="box">
  57.  
  58. <img src="http://data.whicdn.com/images/34780993/380273_119684074836163_337503597_n_thumb.jpg" width="190"  class="sombra">
  59.  
  60. <a href="/"><center>Título aqui</cemter><a>
  61. <br>
  62. Descrição,descrição,descrição linda aqui ok?,descrição linda aqui ok? own tá lindo *-*,use esse espaço pra tua descrição <b>oi</b>,<i>itllic</i>lol,use esse espaço amores
  63.  
  64.  
  65. <br>
  66. <a href="/" class="menu">home</a>
  67. <span onClick="changeNavigation('01')"><div class="menu">about</div></span>
  68. <span onClick="changeNavigation('02')"><div class="menu">tumblr</div></span>
  69. <a href="/ask" class="menu">ask</a>
  70. <a href="/tagged/sua-tag" class="menu">textos</a>
  71.  
  72.  
  73. </div></div>
  74.  
  75. <div id="conteudo">
  76. {block:Posts}
  77. <div class="caixa">
  78. {block:Text}
  79. <h1>{block:Title}
  80. {Title}
  81. {/block:Title}</h1>
  82. {Body}
  83. {/block:Text}
  84.  
  85. {block:Photo}
  86. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="550px" class="mod" /></center>
  87. {block:Caption}
  88. <div class="caption">{Caption}</div>
  89. {/block:Caption}
  90. {/block:Photo}
  91.  
  92. {block:Photoset}
  93. <center>{Photoset-500}</center>
  94. {block:Caption}
  95. <div class="caption">{Caption}</div>
  96. {/block:Caption}
  97. {/block:Photoset}
  98.  
  99. {block:Quote}
  100. <h1>{Quote}</h1>
  101. {block:Source}
  102. <div class="source">— {Source}</div>
  103. {/block:Source}
  104. {/block:Quote}
  105.  
  106. {block:Link}
  107. <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  108. {block:Description}
  109. <div class="description">{Description}</div>
  110. {/block:Description}
  111. {/block:Link}
  112.  
  113. {block:Lines}
  114. <div id="top">
  115. <div class="lines">{block:Label}
  116. <span>{Label}</span>
  117. {/block:Label}
  118. {Line}</div></div>
  119. {/block:Lines}
  120.  
  121. {block:Video}
  122. {Video-500}
  123. {block:Caption}
  124. <div class="caption">{Caption}</div>
  125. {/block:Caption}
  126. {/block:Video}
  127.  
  128. {block:Audio}
  129. <div class="caixa">
  130. {block:AlbumArt}
  131. <img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >
  132. {/block:AlbumArt}
  133. <div class="trackid2">{AudioPlayerGrey}</div>
  134. {block:TrackName}
  135. <div class="trackid">"{TrackName}"</div>
  136. {/block:TrackName}
  137. {block:Artist}
  138. <div class="trackid">{Artist}</div>
  139. {/block:Artist}
  140. <div class="trackid">({PlayCount}) já deu play</div>
  141. </div>
  142. {/block:Audio}
  143.  
  144. {block:Answer}
  145. <div class="msanswer">
  146. {Question}
  147. </div>
  148. <img src="{AskerPortraitURL-24}" width="18px" class="msanswerimg">
  149. <div class="msanswerinfo">Ask por {Asker}</div>
  150. {Answer}
  151. {/block:answer}
  152.  
  153. <div class="notes">
  154. <a href="{ReblogURL}"> REBLOG THIS</a> -
  155. {DayOfMonth}/{MonthNumberWithZero}/{Year} -
  156. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}/
  157. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}
  158. </div><br></div>
  159. {/block:Posts}
  160.  
  161. <br>
  162.  
  163. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  164. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  165.  
  166. <Br>
  167.  
  168. </div></div>
  169.  
  170. <div id="01" style="display:none">
  171.  
  172. <div class="caixa">
  173.  
  174. <h1>profile</h1>
  175.  
  176. <div class="notes2">{title}</s></div>
  177. sobre você. sobre você. sobre você. sobre você. sobre você. sobre você. sobre você. sobre você. sobre você. sobre você. sobre você. sobre você. sobre você. sobre você. sobre você.
  178. </div>
  179.  
  180. <div class="caixa">
  181. <h1>wishlist</h1>
  182. <div class="notes2"><s>ja fiz</s></div>
  183. <div class="notes2">não fiz ainda</div>
  184. <div class="notes2"><s>ja fiz</s></div>
  185. <div class="notes2">não fiz ainda</div>
  186. <div class="notes2"><s>ja fiz</s></div>
  187. <div class="notes2">não fiz ainda</div>
  188.    
  189. </div>
  190.  
  191. <div id="02" style="display:none">
  192.  
  193. <div class="caixa">
  194. <h1>tumblr</h1>
  195. sobre o tumblr. sobre o tumblr. sobre o tumblr. sobre o tumblr. sobre o tumblr. sobre o tumblr. sobre o tumblr. sobre o tumblr. sobre o tumblr. sobre o tumblr. sobre o tumblr. sobre o tumblr. sobre o tumblr.
  196. </div>
  197.  
  198. <div class="caixa">
  199. <h1>following</h1>
  200. {block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedTitle}"><img src="{FollowedPortraitURL-30}" alt="{FollowedTitle}"/></a>{/block:Followed}{/block:Following}
  201. </div>
  202.  
  203. <div class="caixa">
  204. <h1>créditos</h1>
  205. <div class="notes2">Base inteiramente feita por: <a href="http://itspassed.tumblr.com">Gabriel</a></div>
  206.  
  207. <div class="notes2">Base editada por: <a href="http://htmlpravoces.tumblr.com/">Html pra vocês</a></div>
  208.  
  209. <div class="notes2">Tutoriais: <a href="http://goldhtml.tumblr.com">GoldHtml</a></div>
  210.  
  211. <div class="notes2">image,menu: <a href="http://queen-extras.tumblr.com/">Queen-extras</a></div>
  212.  
  213.  
  214. </div>
  215.  
  216. </div>
  217.  
  218. </body>
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!