API tools faq
paste
htmlparavoces

Theme beatiful winter

htmlparavoces
Dec 21st, 2011
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.63 KB | None | 0 0
raw download clone embed print report
  1.  <!------BASE TOTALMENTE DESENVOLVIDA POR BIANCA STATION-HTML.TUMBLR.COM------>
  2.  
  3.                          <!------USE ESSA BASE COM RESPONSABILIDADE------>
  4.  
  5.                    <!------MODIFIQUE BASTANTE,POIS SE NÃO VOU CONSIDERAR PLÁGIO------>
  6.  
  7.    <!------NÃO RETIRE OS CRÉDITOS,APENAS ACRESCENTE O SEU TUMBLR NOS CRÉDITOS ONDE PEDE------>
  8.  
  9.  
  10.    
  11.  
  12. <html>
  13. <head>
  14.  
  15. <script type="text/javascript">
  16. function changeNavigation(id)
  17. {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  18. </script>
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  21.  
  22. <style type="text/css">
  23.  
  24. #pagina {width: 810px;}
  25. #conteudo {margin-left:400px; margin-top:5px; width: 540px; padding: 5px; text-shadow: 0 1px 1px #fff; }
  26. #conteudo .post {margin-bottom:10px;}
  27.  
  28. /***Fundo do theme***/
  29. body {background:#FFF url('http://static.tumblr.com/mw3v5cd/bVGlvaxgj/38.png'); background-repeat: repeat;
  30. }
  31.  
  32. /***cor dos títulos***/
  33. h1 {color: #ED61DC; font-family: 'Dancing Script', serif; font-size:25px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  34.  
  35. h2{color: #61ED91; font-family: 'Courier new', tahoma; font-size:20px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  36.  
  37. /***caixas***/
  38. .box {background: #ffffff;
  39. background-repeat: no-repeat;
  40. padding: 5px;
  41. margin-bottom: 8x;
  42. border-radius: 5px;}
  43.  
  44. /***blockquote***/
  45. blockquote {border-left:6px solid #ABFCD0;padding-left:3px; margin:3px;}
  46.  
  47. /***cor dos links***/
  48. a:link, a:active, a:visited {color: #F8A0EC; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; transition: color 0.5s ease-out}
  49. a:hover {color: #83FB92;}
  50.  
  51. /***tracejado em cima das tags***/
  52. .divdate {border-bottom: 2px dashed #A961ED; margin-bottom: 4px; padding:2px}
  53.  
  54. /***sidebar***/
  55. #side{text-align:justify;float:left;position:absolute;margin-top:18px;margin-left:45px;padding:0px;}
  56.  
  57. /***paginação***/
  58. .pagi {font-family: arial; font-size: 70px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff; right: 40px; bottom: 30px; position: fixed;}.pagi1 {font-family: arial; font-size: 70px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff; left: 40px; bottom: 30px; position: fixed;}a.pagl {color: #B379DC; text-decoration: none;}a.pagl:hover {color:#E1BCFB;}
  59.  
  60. /***Tags***/
  61. .tag {background:#CBFBEA;color:#E0F5F2;font-family:georgia; font-size: 9px;margin-top:1px; text-align:center;padding:3px;border-top:0px solid #d4d4d3;letter-spacing:2px; border-radius: 0px; text-transform: uppercase;}
  62.  
  63. .date{background:#FBCBEF;color:#E0F5F2;font-family:georgia;font-size: 9px;margin-top:1px; text-align:center;padding:3px;border-top:0px solid #d4d4d3;letter-spacing:2px; border-radius: 0px; text-transform: uppercase;}
  64.  
  65.  
  66. /***negrito ítalico etc...***/
  67. b, strong, bold {color: #9614DB;}
  68. u {color: #FB93F4;}
  69. i, em{color: #A1EE9B;}
  70. s {color: #F5D1F2;}
  71.  
  72.  
  73. /***ask***/
  74. .ask {width: 90%; background: #F8F2FD; font-weight:normal; letter-spacing:1px; padding:3px; margin-bottom: 1px; text-shadow:0 1px 1px #fff; font-size: 7pt; }
  75.  
  76. /***menu***/
  77. .nav1{font-size:10px;font-family:tahoma;color:#553107;float:left;padding:4px; letter-spacing:2px; text-align:center;background:#B4F9E1;width:90px; height:10px;margin:1px;-webkit-transition-duration: .90s;}
  78.  
  79. .nav1:hover {background:#29FFB4;-webkit-transition-duration: .90s;-webkit-transition-duration: .90s;-webkit-border-top-left-radius: 9px;-webkit-border-bottom-right-radius: 9px;}
  80.  
  81. .heart {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
  82. url('http://static.tumblr.com/xax0qlk/bpylwalhl/oo.png') no-repeat left; padding-left : 10px;
  83. padding-bottom : 2px;}
  84.  
  85. .heart:hover {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://static.tumblr.com/xax0qlk/ofWlwaler/ii.png') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  86.  
  87.  
  88. </style>
  89. <body onkeydown="return false">
  90.  
  91. <div style="position:absolute; width:300px;left:20px; top:18px; z-index:2;">
  92. <div id="side">
  93. <div class="box">
  94. <img src="http://media.tumblr.com/tumblr_lv2m4ktb0S1r2g0uc.jpg" width="300">
  95. Ele a considerava demais,não soube cultivar isso,e a pobre garota acabou sofrendo no final,até hoje ele não entende,a culpa não é dele,e sim do tempo [...]
  96. <br><br>
  97.  
  98. </div><br>
  99. <center><a href="/" class="nav1" title="Home"> <div style="COLOR: #B588DD;">Refresh</div></a>
  100.  
  101. <span class="nav1" onClick="changeNavigation('01')" title="About Me"><div style="COLOR: #B588DD;">About</div></span>
  102.  
  103.  
  104. <span class="nav1" onClick="changeNavigation('02')" title="Ask"><div style="COLOR: #B588DD;">Ask me</div></span>
  105.  
  106.  
  107. <span class="nav1" onClick="changeNavigation('03')" title="Extras"><div style="COLOR: #B588DD;">Extras</div></span>
  108.  
  109. <span class="nav1" onClick="changeNavigation('04')" title="Tumblr"><div style="COLOR: #B588DD;">Tumblr</div></span>
  110.  
  111. <a href="/SUATAG" class="nav1" title="Textos"> <div style="COLOR: #B588DD;">Textos</div></a>
  112.  
  113. </center>
  114.  
  115. </div></div>
  116. <!-- conteudo -->
  117. </div>
  118. <div id="conteudo">
  119.  
  120. <div id="main">
  121. <!-- TAGS PRINCIPAIS DO POST- NÃO APAGUE NADA AQUI -->
  122. <!---------- POSTS --------------------------->
  123.  
  124.  
  125. <div style="position:absolute; width:600px;height:50px; left: 400px; top:35px; z-index:2;">
  126. {block:Posts}<div id="liuc">
  127.  
  128. {block:Regular}<div class="post"><div class="box">
  129. {block:Title}<h1>{Title}</h1>{/block:Title}
  130. <div class="entry">{Body}</div>
  131.  
  132. <div class="divdate"></div>
  133.  
  134.  
  135. <!---------------- DATA DOS POSTS ------------->
  136. <div class="date"><a class="notes" href="{Permalink}"><center>Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
  137.  
  138. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  139.  
  140.  
  141. </div></div>
  142. {/block:Regular}
  143.  
  144.  
  145. <!---------- PHOTOS --------------------------->
  146.  
  147. {block:Photo}
  148. <div class="post"><div class="box">
  149. <center>{LinkOpenTag}<img src="{PhotoURL-500}" class="borderimage" alt="{PhotoAlt}" width=590px/>{LinkCloseTag}</center>
  150. {block:Caption}          
  151. <br>
  152. <div class="caption">{Caption}</div>
  153. {/block:Caption}
  154. <div style="clear:both;"></div>
  155. <BR>
  156.  
  157. <div class="divdate"></div>
  158.  
  159.  
  160. <!---------------- DATA DOS POSTS ------------->
  161. <div class="date"><a class="notes" href="{Permalink}"><center>Photo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
  162.  
  163. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  164.  
  165.  
  166. </div></div>
  167. {/block:Photo}
  168.  
  169.  
  170. <div style="clear:both;"></div>
  171.  
  172. <!---------- ASK --------------------------->
  173. {block:Answer}
  174. <div class="post"><div class="box">
  175. <img src="{AskerPortraitURL-40}"align="left" class="border"/>
  176. <div class="ask"><b>{Asker}</b>:
  177. <br>{Question}<br></div>
  178. {Answer}
  179. <BR>
  180.  
  181.  
  182. <div class="divdate"></div>
  183.  
  184. <!---------------- DATA DOS POSTS ------------->
  185. <div class="date"><a class="notes" href="{Permalink}"><center>Mensagem</a> postada em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> </center></div>
  186.  
  187. </div></div>
  188. {block:Answer}
  189.  
  190. <div style="clear:both;"></div>
  191.  
  192. <!---------- QUOTES --------------------------->
  193.  
  194.  
  195. {block:Quote}
  196. <div class="post"><div class="box">
  197. <h1>{Quote}</h1>
  198. </span>
  199. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  200.  
  201. <BR>
  202. <div class="divdate"></div>
  203.  
  204.  
  205. <!---------------- DATA DOS POSTS ------------->
  206. <div class="date"><a class="notes" href="{Permalink}"><center>Quote</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
  207.  
  208. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  209.  
  210.  
  211. </div></div>
  212. {/block:Quote}
  213.  
  214.  
  215. <div style="clear:both;"></div>
  216.  
  217. <!---------- LINKS --------------------------->
  218.  
  219.  
  220. {block:Link}
  221. <div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  222. {block:Description}
  223. <div class="description">{Description}</div>
  224. {/block:Description}
  225.  
  226. <BR>
  227. <div class="divdate"></div>
  228.  
  229.  
  230. <!---------------- DATA DOS POSTS ------------->
  231. <div class="date"><a class="notes" href="{Permalink}"><center>Link</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
  232.  
  233. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  234.  
  235.  
  236. </div></div>
  237. {/block:Link}
  238.  
  239. <div style="clear:both;"></div>
  240.  
  241.  
  242. <!---------- CHAT --------------------------->
  243. {block:Chat}
  244. <div class="post"><div class="box">
  245. {block:Title}<div class="h1"><a href="{Permalink}">{Title}</a></div>
  246. {/block:Title}
  247. <div class="chat">
  248. {block:Lines}
  249. <div class="{Alt} user_{UserNumber}">
  250. {block:Label}
  251.  <span class="label">{Label}</span>
  252. {/block:Label}
  253. {Line}
  254. </div>
  255. {/block:Lines}
  256. </div>
  257. <BR>
  258. <div class="divdate"></div>
  259.  
  260.  
  261. <!---------------- DATA DOS POSTS ------------->
  262. <div class="date"><a class="notes" href="{Permalink}"><center>Chat</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
  263.  
  264. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  265.  
  266.  
  267. </div></div>
  268. {/block:Chat}
  269.  
  270.  
  271. <div style="clear:both;"></div>
  272.  
  273. <!---------- AUDIO --------------------------->
  274. {block:Audio}
  275. <div class="post"><div class="box">
  276. {AudioPlayerWhite}
  277. {block:Caption}
  278. <div class="caption">{Caption}</div>
  279. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  280. {/block:Caption}
  281.  
  282.  
  283. <div class="divdate"></div>
  284.  
  285.  
  286. <!---------------- DATA DOS POSTS ------------->
  287. <div class="date"><a class="notes" href="{Permalink}"><center>Música</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
  288.  
  289. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  290.  
  291.  
  292. </div></div>
  293. {/block:Audio}
  294.  
  295. <div style="clear:both;"></div>
  296. <!---------- VIDEOS --------------------------->
  297.  
  298. {block:Video}
  299. <div class="post">
  300. <div class="box">
  301. {Video-500}
  302. <br>
  303. {block:Caption}
  304. <div class="caption">{Caption}</div>
  305. {/block:Caption}
  306.  
  307. <BR>
  308. <div class="divdate"></div>
  309.  
  310.  
  311. <!---------------- DATA DOS POSTS ------------->
  312. <div class="date"><a class="notes" href="{Permalink}"><center>Vídeo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
  313.  
  314. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  315.  
  316.  
  317. </div></div>
  318. {/block:Video}
  319.  
  320. <div style="clear:both;"></div>
  321.  
  322. <!---------------- NOTAS  DOS POSTS ------------->
  323. {block:PostNotes}<div class="box">
  324. <div class="notes-bottom">
  325. {PostNotes}
  326. </div>
  327. {/block:PostNotes}
  328.  
  329. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  330. {/block:Posts}
  331. <div class="pagi">{block:Pagination}{block:NextPage}<a class="pagl" href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</div><div class="pagi1">{block:Pagination}{block:PreviousPage}<a class="pagl" href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}</div><br>
  332. </div>
  333.  
  334. </div></div>
  335.  
  336. <!---paginas internas--->
  337.  
  338. <div id="01" style="display:none;">
  339. <div class="box">
  340. <h2>About me</h2>
  341. <div class="divdate"></div>
  342.  
  343.  
  344. ESCREVA AQUI SOBRE VOCE ESCREVA AQUI SOBRE VOCE ESCREVA AQUI SOBRE VOCE ESCREVA AQUI SOBRE VOCE
  345. ESCREVA AQUI SOBRE VOCE ESCREVA AQUI SOBRE VOCE ESCREVA AQUI SOBRE VOCE ESCREVA AQUI SOBRE VOCE
  346. ESCREVA AQUI SOBRE VOCE ESCREVA AQUI SOBRE VOCE ESCREVA AQUI SOBRE VOCE ESCREVA AQUI SOBRE VOCE
  347.  
  348. <div class="box">
  349. <h2>Wishilist</h2>
  350. <div class="divdate"></div>
  351.  
  352. <img src="http://stephanielouie.comule.com/material/check14.gif">JÁ FIZ<br>
  353.  
  354. <img src="http://stephanielouie.comule.com/material/check13.gif">NÃO FIZ<br>
  355.  
  356. <img src="http://stephanielouie.comule.com/material/check14.gif">JÁ FIZ<br>
  357.  
  358. <img src="http://stephanielouie.comule.com/material/check13.gif">NÃO FIZ<br>
  359.  
  360. <img src="http://stephanielouie.comule.com/material/check14.gif">JÁ FIZ<br>
  361.  
  362. <img src="http://stephanielouie.comule.com/material/check13.gif">NÃO FIZ<br>
  363. </div></div></div></div><br>
  364.  
  365. <div id="02" style="display:none;">
  366. <div class="box">
  367. <h2><Ask me</h2>
  368. <div class="divdate"></div>
  369.  
  370. <span class="entrytext"><p><iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://www.tumblr.com/ask_form/SEUTUMBLR.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!—[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]—></p></span>
  371. </div></div></div></div><br>
  372.  
  373. <div id="03" style="display:none;">
  374. <div class="box">
  375. <h2><Recomendo</h2>
  376. <div class="divdate"></div>
  377.  
  378. <a href="Htmlpravoces.tumblr.com"><img src="http://25.media.tumblr.com/tumblr_lw3ttiMkge1r81joso1_500.jpg"  width="60px" height="56px"></a>
  379. <a href="ENDEREÇODOTUMBLR"><img src="ENDEREÇODAIMAGEM" width="60px" height="56px"></a>
  380. <a href="ENDEREÇODOTUMBLR"><img src="ENDEREÇODAIMAGEM" width="60px" height="56px"></a>
  381. <a href="ENDEREÇODOTUMBLR"><img src="ENDEREÇODAIMAGEM"  width="60px" height="56px"></a>
  382. <a href="ENDEREÇODOTUMBLR"><img src="ENDEREÇODAIMAGEM" width="60px" height="56px"></a>
  383. <a href="ENDEREÇODOTUMBLR"><img src="ENDEREÇODAIMAGEM" width="60px" height="56px"></a>
  384. <a href="ENDEREÇODOTUMBLR"><img src="ENDEREÇODAIMAGEM"  width="60px" height="56px"></a>
  385. <a href="ENDEREÇODOTUMBLR"><img src="ENDEREÇODAIMAGEM" width="60px" height="56px"></a>
  386.  
  387. <div class="box">
  388. <h2>Following</h2>
  389. <div class="divdate"></div>
  390. {block:Following}
  391. {block:Followed}
  392. <a title="{FollowedTitle}" target=_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"alt="{FollowedURL}" style="border: 5px solid #eee"  class="opacidade"/></a>
  393. {/block:Followed}
  394. {/block:Following}</center>
  395. </div></div></div></div><br>
  396.  
  397. <div id="04" style="display:none;"><div class="box">
  398. <h2>Créditos</h2>
  399. <div class="divdate"></div>
  400.  
  401. <div class="heart">::Theme modificado por <a href="http://htmlpravoces.tumblr.com/">Html pra vocês</a></div>
  402. <div class="heart">::Base por:<a href="http://station-html.tumblr.com/">Bianca Vasconcelos</a></div>
  403. <div class="heart">::Background por:<a href="http://being-true.tumblr.com">Tatiane Marinho</a></div>
  404. <div class="heart">::Paginação:<a href="http://ritamafalda.tumblr.com">Rita Mafalda</a></div>
  405. <div class="heart">::Fonte personalizada:<a href="http://google.com/webfonts">Google</a></div>
  406. </div>
  407.  
  408. </div>
  409. </body>
  410. </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!