API tools faq
paste
iwtyhe

Theme Tangled - 4

iwtyhe
Jan 11th, 2012
38
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.74 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <title>Titulo do seu tumblr</title>
  5.  
  6. <!-------------------------------------------------------------------------
  7. Base feita por Thaís não plagie e nem retire creditos, imensas ajudas por anyyh -----
  8. -------------------------------------------------------------------------->
  9.  
  10. <style type="text/css">
  11.  
  12.  
  13.  
  14. html::-webkit-scrollbar-track-piece {background: none;}
  15.  
  16.  
  17.  
  18.  
  19. /*******Fundo do tumblr ************/
  20. body{background: url('http://lh4.ggpht.com/__ShKgWnj9_0/TLbUn7m-GsI/AAAAAAAABvc/8vikzzJOzcc/247_thumb3.gif?imgmax=800') fixed; text-align: justify; color: #a6a6a6; margin-left: 50px; margin-top: 15px; padding: 0; line-height: 17px; color: #a6a6a6; overflow-x:hidden; height:100%; font: 11px Verdana;}
  21.  
  22. img {max-width: 500px;}
  23.  
  24. /******Cor dos links***/
  25. a {color:#000000;
  26. text-decoration:none;
  27. -webkit-transition:color 0.7s ease;
  28. -moz-transition:color 0.7s ease;
  29. -o-transition:color 0.7s ease;
  30. transition:color 0.7s ease;
  31. }
  32.  
  33. /*****Cor do link quando passa o mouse em cima (hover)***/
  34. a:hover {color: #FF7289;}
  35.  
  36. /***er muda que vc vai ver o que é não sei explicar e pá kkk' *****/
  37. blockquote {background: #FFFF;
  38. border-left: 5px solid #FF7289;
  39. border-radius:20px;
  40. padding: 5px;}
  41.  
  42. /***Caixa da caixa de posts****/
  43. .caixa{
  44. background:#FFF;
  45. color: #969696;
  46. padding: 4px;
  47. font-family: verdana;
  48. font-style: normal;
  49. font-size: 11px;
  50. border: 1px solid #ebebeb;
  51. }
  52.  
  53. /***Cor da caixa do profile e tals =D ***/
  54. .caixa2{
  55. background:#fff;
  56. color: #8AD0F6;
  57. padding: 4px;
  58. font-family: verdana;
  59. font-style: normal;
  60. font-size: 11px;
  61. width: 200px
  62. border: 1px solid #ebebeb;
  63. }
  64.  
  65. /***Cor da caixa do nome do tumblr que fica no menu ***/
  66. .caixa3{
  67. background:#8AD0F6;
  68. color: #000;
  69. padding: 4px;
  70. font-family: Verdana;
  71. font-style: normal;
  72. font-size: 20px;
  73. border: 1px solid #ebebeb;
  74. }
  75.  
  76. /***Ask***/
  77. .ask {
  78. background: #fff;
  79. text-align: left;
  80. margin-left: 56px;
  81. padding: 5px 5px 5px 5px;
  82. -moz-border-radius: 5px;
  83. -webkit-border-radius: 5px;
  84. border-bottom: 1px solid #EED5E7;
  85. border: 1px solid #BBBBBB;
  86. }
  87.  
  88. .h1 {
  89. color: #000;
  90. font-family: 'Georgia';
  91. font-size:21px;
  92. line-height:25px;
  93. letter-spacing:-2px;
  94. font-weight:normal;
  95. margin:0px;
  96. padding:0px;
  97. margin-bottom:-0px;
  98. text-align:left;
  99. }
  100.  
  101. /****Cor do titulo e tamanho***/
  102. h3{
  103. color: #F81A89;
  104. font-family: 'Babydoll';
  105. font-size:40px;
  106. line-height:21px;
  107. letter-spacing:3px;
  108. font-weight:normal;
  109. margin:1px;
  110. padding:1px;
  111. margin-bottom:1px;
  112. text-align:left;
  113. }
  114.  
  115. /*****Faz parte das tags então nada de mexer***/
  116. #lalala{
  117. font-family: Trebuchet Ms;
  118. letter-spacing: 1px;
  119. font-size:7pt;
  120. border-top:1px solid #eee;
  121. }
  122.  
  123. /*****menu de passar o mouse*****/
  124. .passeomousema { width: 240px; padding: 10px; height: 100%; border-right: 10px solid #F85E7A; background: #FDCED7 url: ("http://lh4.ggpht.com/__ShKgWnj9_0/TLbUn7m-GsI/AAAAAAAABvc/8vikzzJOzcc/247_thumb3.gif?imgmax=800"); color: #75D2D2; top: 0; margin: 0; position: fixed; left: -260px; height: 100%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; overflow: hidden; cursor: default; font-weight: normal; z-index: 12345;}
  125.  
  126. .passeomousema:hover { left: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
  127.  
  128. .nav1{
  129. text-align: right;
  130. padding:3px 0px;
  131. color: #fff;
  132. background-color: #FF7289;
  133. margin-left:1px;
  134. margin-right:1px;
  135. margin-bottom:1px;
  136. margin-top:3px;
  137. width: 130px;
  138. position: left;
  139. width: 238px;
  140.  
  141. display: inline-block;
  142. cursor: default;
  143. }
  144.  
  145. .nav1:hover {
  146. text-align: left;
  147. background-image:url('http://lh4.ggpht.com/__ShKgWnj9_0/TLbUn7m-GsI/AAAAAAAABvc/8vikzzJOzcc/247_thumb3.gif?imgmax=800'); color: #000; cursor: url('http://static.tumblr.com/cexbttn/fwPllkokz/cursor_azul.png');}
  148.  
  149. /*****Sublinhado,italico etc tudo aqui****/
  150. s {color: #FF7289;} i {color: #8AD0F6;} em {color: #4127EA;} b {color:#FF7289;} strong {color: #000;} u, span.sublinha {text-decoration: none; border-bottom: 1px dashed #FFA4B4;}
  151.  
  152. /*****Informação dos posts****/
  153. .infopost {display: block; font-family: Verdana; font-size: 10px; letter-spacing: 1px; text-align: left; color: #eee; padding: 2px; margin-top: -3px; border-bottom: 1px solid #eee;}
  154.  
  155. /*** Paginação by madlyluv.com ***/
  156. </style>
  157. </head>
  158.  
  159. <body>
  160.  
  161. <div style=" position: fixed; left:30px; top:200px;">
  162. <h1><img src='http://static.tumblr.com/wrn8ufm/dThltlehr/menu.png'></h1>
  163.  
  164.  
  165. </div>
  166.  
  167. </div>
  168.  
  169. <!--------Menu principal--------->
  170.  
  171. <div class="passeomousema">
  172.  
  173. <img src="http://30.media.tumblr.com/tumblr_luxrp1KpDT1qhakp3o1_500.gif" width="240"><br><br>
  174. Base por Thaís do All 4 You HTML. Modificção por Izabelly. Escreva bem pouco por causa do menu.Use <b>negrito</b>, <i>itálico</i>, <u>sublinhado</u> e <s>tarjado</s>.<br>
  175. <center><br><br>
  176.  
  177.  
  178. <div class="caixa3">
  179. Nome do seu tumblr.
  180. </div>
  181.  
  182. <a href="/" class="nav1">Home</a><br>
  183. <span class="nav1" onClick="document.getElementById('entry').innerHTML=document.getElementById('ask').innerHTML">Ask me</span><br>
  184. <span class="nav1" onClick="document.getElementById('entry').innerHTML=document.getElementById('sobre').innerHTML">About me</span><br>
  185. <span class="nav1" onClick="document.getElementById('entry').innerHTML=document.getElementById('extras').innerHTML">Tumblr</span><br>
  186. <span class="nav1" onClick="document.getElementById('entry').innerHTML=document.getElementById('creditos').innerHTML">Créditos</span><br>
  187. <a href="http://SEUTUMBLR.tumblr.com" class="nav1">Link</a><br>
  188. <a href="http://SEUTUMBLR.tumblr.com" class="nav1">Link</a><br>
  189. <a href="http://SEUTUMBLR.tumblr.com" class="nav1">Link</a><br><br>
  190.  
  191. <!-- paginação -->
  192. <center> <div id="paginacaoml"> <a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  193. {block:JumpPagination length="09"}
  194. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  195. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  196. {/block:JumpPagination}
  197. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</center><br>
  198. </div>
  199.  
  200. </div>
  201.  
  202. <br>
  203. </div></div>
  204.  
  205. <!---------Sidebar-------->
  206. <div style="position:fixed; width:200px; left:1050px; top:35px; padding-top:0px; z-index:2;">
  207. <div style="text-align: justify;">
  208. <div style="background: #fff; width: 200; font-style: normal; font-size: 9pt; font-family: tahoma; border: 1px solid #FF7289; -moz-box-shadow: 0 0 1em #000; -webkit-box-shadow: 0 0 1em #000; box-shadow: 0 0 1em #FF7289; padding: 10px;">
  209. <img src="http://29.media.tumblr.com/tumblr_lu6q7wBLtt1qm6oc3o1_500.gif" width="195"><br><br>
  210. <img src="http://24.media.tumblr.com/tumblr_ltsutfV4x81qii6tmo1_500.gif" width="195"><br><br>
  211. <img src="http://media.tumblr.com/tumblr_lu1xliyoRh1r1jg60.gif" width="195"><br><br>
  212. <img src="http://media.tumblr.com/tumblr_lu1zirq3Tq1r1jg60.gif" width="195"><br><br>
  213. <img src="http://media.tumblr.com/tumblr_lua5kgv10d1qbzg0m.gif" width="195"><br></div>
  214.  
  215. <!------Não apague nada aqui só altere o que for pedido-------!>
  216. </div>
  217. <!-----------------créditos------------------------->
  218. <div id="creditos" style="display:none">
  219. <div style="text-align: justify;">
  220. <left><div class="caixa">
  221. <div class="h3">Créditos</div>
  222. <div class="infopost"></div>
  223. <br>Theme por: <a href="http://iwannatakeyourhandeveryday.tumblr.com">Izabelly. </a> </br>
  224. <br>Ajudas e códigos por: <a href="http://semprehtml.tumblr.com">Sempre HTML. </a> </br>
  225. <br>Base por: <a href="http://all4youhtml.tumblr.com">All 4 You HTML.</a> </br>
  226. <br>Css por: <a href="http://sonhosdequalquergarota.tumblr.com/">Amanda.</a> </br>
  227. </div></div></div>
  228. <!---------------About--------------------->
  229. <div id="sobre" style="display:none">
  230. <div style="text-align: justify;">
  231. <left><div class="caixa2">
  232. <div class="h3">About me</div>
  233. </left>
  234. <div class="infopost"></div><br>
  235.  
  236. <img src="{PortraitURL-96}" align="right" class="border" style="max-width: 400px;">
  237.  
  238. Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.Escreva sobre você aqui.
  239.  
  240. <br><br>
  241.  
  242. </div></div></div></div>
  243.  
  244. </div></div></div></div></div>
  245. <!---------------Ask--------------->
  246. <div id="ask" style="display:none">
  247. <div class="caixa2">
  248. <div style="text-align: justify;">
  249. <div class="h3">Ask me</div>
  250. <div class="infopost"></div><br>
  251.  
  252. <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>
  253.  
  254. </div></div></div>
  255. <!----------Sobre o seu tumblr----------->
  256. <div id="extras" style="display:none">
  257. <div style="text-align: justify;">
  258. <div class="caixa2">
  259. <div class="h3">Sobre o tumblr</div>
  260. <div class="infopost"></div><br>
  261.  
  262. Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.Escreva sobre o seu Tumblr aqui.
  263.  
  264. <br>
  265. </div>
  266.  
  267. <br>
  268. <!---------------Recomendo------------->
  269. <div class="caixa2">
  270. <div style="text-align: justify;">
  271. <div class="h3">Recomendo</div>
  272. <div class="infopost"></div>
  273. <br>
  274. <marquee><a href="http://all4youhtml.tumblr.com">All 4 You HTML</a>+
  275. <a href="http://thaiispuckett.tumblr.com">Princess of Troll</a> +
  276. <a href="http://LINKDOTUMBLR.tumblr.com">NOME DO TUMBLR</a> +
  277. <a href="http://LINKDOTUMBLR.tumblr.com">NOME DO TUMBLR</a> +
  278. <a href="http://LINKDOTUMBLR.tumblr.com">NOME DO TUMBLR</a></marquee></div>
  279. </br>
  280. <!------------Followings---------->
  281. <div class="caixa2">
  282. <div class="h3">Following</div>
  283. <div class="infopost"></div><br>
  284.  
  285. {block:Following}
  286. {block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}" border="2" title="{FollowedTitle}" /></a>{/block:Followed}
  287. {/block:Following}
  288. <br>
  289. </div>
  290.  
  291. </div></div></div></div>
  292.  
  293. <div style="position:absolute; width:550px; left:400px; top:-10px; padding-top:0px; z-index:2;">
  294.  
  295. <div id="entry">
  296. <!-- TAGS DO THEME -->
  297. <img src='http://static.tumblr.com/wrn8ufm/z8Vltocb8/banner_pra_base.png'><br>
  298. <br>{block:Posts}<div class="caixa">
  299. {block:Quote}<h3>"{Quote}"&nbsp;</h3>{/block:Quote}
  300. {block:Title}<h3>{Title}&nbsp;</h3>{/block:Title}
  301. {block:Link}<a href="{URL}" class="link" {Target}><h3>{Name}&nbsp;</h3></a>{/block:Link}
  302.  
  303. {block:Text}{Body}{/block:Text}
  304. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" class="border" alt="{PhotoAlt}" width=525px/>{LinkCloseTag}</center>{block:Caption} {Caption}{/block:Caption}{/block:Photo}
  305. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  306. {block:Quote}{block:Source}<P>{Source}</p>{/block:Source}{/block:Quote}
  307. {block:Link}{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  308. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  309. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  310. {block:Answer}
  311.  
  312. <img src="{AskerPortraitURL-40}"align="left" class="borda"/>
  313. <div class="ask"><b>{Asker}</b>:
  314. <br>{Question}<br></div>
  315. {Answer}
  316.  
  317. {/block:Answer}
  318. {block:Audio}<span class="audio"><center>{AudioPlayerWhite}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  319.  
  320. <br>
  321. <div id="lalala">
  322. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  323. <div style="float:right;">
  324. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this</a>
  325. </div>
  326. {block:HasTags}<br># Tagged:{block:Tags}<a href="{TagURL}"> #{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  327. </div><BR>
  328. {/block:Posts}
  329. {block:PostNotes}{PostNotes}{/block:PostNotes}
  330.  
  331.  
  332. </div>
  333. {/block:Video}
  334. {/block:Posts}
  335.  
  336. <center>
  337. </div></div>
  338. </div></div></div>
  339. </div></div>
  340. </center>
  341. <!-------------Fim das tags principais----------->
  342. </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!