API tools faq
paste
nathlauriano

Theme 2

nathlauriano
Dec 28th, 2011
30
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PULIC "-//W3C//DTD HTML 4.01 Transitional//EN"><!--bymc-->
  2. <html><head><META NAME="GENERATOR" CONTENT="MAX's HTML Beauty++ 2004">
  3.  
  4.  
  5. <!----------------------------------------------------------
  6. * THEME CUSTOMIZADO POR: NATHÁLIA L. (MEUESTUPIDODIARIO.TUMBLR.COM)
  7.  
  8. * THEME BASE FEITO POR MALU CASOTTI (MALUCASOTTI.TUMBLR.COM)
  9.  
  10. POR FAVOR, NÃO COPIE, NÃO RETIRE OS CRÉDITOS,
  11. TENHA CARÁTER E NÃO SEJA UM(A) IDIOTA(A)!
  12. OBRIGADA POR USAR O THEME.
  13. ------------------------------------------------------------>
  14.  
  15.  
  16.  
  17. <!-- Script do menu falso i-frime -->
  18. <script type="text/javascript">
  19. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  20. </script>
  21.  
  22. <!-- Favicon -->
  23. <link rel="shortcut icon" href="{FAVICON}" />
  24.  
  25. <!-- Titulo do lado do favicon -->
  26. <title>{Title}</title>
  27.  
  28. <script type="text/javascript">
  29. var rector=3
  30. var stopit=0
  31. var a=1
  32.  
  33. function init(which){
  34. stopit=0
  35. shake=which
  36. shake.style.left=0
  37. shake.style.top=0
  38. }
  39.  
  40. function rattleimage(){
  41. if ((!document.all&&!document.getElementById)||stopit==1)
  42. return
  43. if (a==1){
  44. shake.style.top=parseInt(shake.style.top)+rector+"px"
  45. }
  46. else if (a==2){
  47. shake.style.left=parseInt(shake.style.left)+rector+"px"
  48. }
  49. else if (a==3){
  50. shake.style.top=parseInt(shake.style.top)-rector+"px"
  51. }
  52. else{
  53. shake.style.left=parseInt(shake.style.left)-rector+"px"
  54. }
  55. if (a<4)
  56. a++
  57. else
  58. a=1
  59. setTimeout("rattleimage()",50)
  60. }
  61.  
  62. function stoprattle(which){
  63. stopit=1
  64. which.style.left=0
  65. which.style.top=0
  66. }
  67. </script>
  68.  
  69. </head> <!-- INICIO DO CSS -->
  70.  
  71. <style type="text/css">
  72.  
  73. body { background: #COR DO FUNDO; background-image: url(http://media.tumblr.com/tumblr_lsq1ctyMmL1qlvo5m.jpg);}
  74. /** BACKGROUND E FONTE **/
  75. body {background-color: #BFEFFF color: #BFEFFF;font: 11px tahoma;}
  76.  
  77.  
  78. /** BOX COM OS POSTS **/
  79. .boxmp {background: #fff; padding:5px; margin-top: 10px; text-align: justify; }
  80.  
  81.  
  82. /** POSIÇÃO DO BOX **/
  83. #conteudo {width: 560px;margin-left:410px;margin-top:10px;}
  84.  
  85.  
  86. /** PÁGINA INTERNA **/
  87. .internamp {background: #fff; padding: 5px; text-align: justify;}
  88.  
  89.  
  90. /** CAIXAS COM A DESCRIÇÃO **/
  91. .sidebarmp {background: #fff;padding: 5px;border-radius: 0px;text-align: justify;}
  92.  
  93.  
  94. /** POSIÇÃO DA DESCRIÇÃO **/
  95. #side {position:fixed; width:351px;left: 30px; top: 85px;}
  96.  
  97.  
  98. /** MENU SIMPLES **/
  99. .menumc {background-color: #B0C4DE ;width:110px; text-align:center;float:left; padding: 0px; margin:1px;letter-spacing: 1px;height:15px; color: #000;}
  100.  
  101.  
  102. /** CAIXA COM O MENU **/
  103. #sidebarmp {background: #fff;padding: 5px;border-radius: 0px;text-align: justify;border: 1px solid #fff; height: 50px;}
  104.  
  105.  
  106. /** CORES DOS LINKS **/
  107. a:link,a:active,a:visited {text-decoration: none;color: #000000;-webkit-transition-duration:.20s}
  108. a:hover {color: #36648B ;-webkit-transition-duration: .20s;}
  109.  
  110.  
  111. /** EFEITOS DA FONTE **/
  112. b, strong, bold {color: #000000;}
  113. i, italic {color: #696969;}
  114. s, scratched {color: #696969;}
  115. u {color: #B0C4DE;border-bottom: 1px #000 dashed;text-decoration: none; cursor: help;}
  116.  
  117.  
  118. /** PAGINAÇÃO **/
  119. .pagemc {font-family: tahoma ; color: #696969 ; font-size: 12px;}
  120. .pagemc span.atual {background: #bebebe; border: 1px solid #696969; margin: 2px; padding: 3px;}
  121. .pagemc span.total {background: #bebebe; border: 1px solid #696969; margin: 2px; padding: 3px;}
  122. .pagemc a {background: #bebebe; border: 1px solid #696969; color: #696969; margin: 2px; padding: 3px;}
  123. .pagemc a:hover {background: #fff; border: 1px solid #696969; color: #696969;}
  124.  
  125.  
  126. /** CAIXA COLORIDA COM AS INFORMAÇÕES DO POSTS **/
  127. .informacaomp {background-color:#bebebe;font-family: tahoma; font-size:8pt;color:#828282; text-align:left; padding-left : 10px; float: center;width: 550px;margin:-8px -1px -6px -5px; height: 16px; }
  128. .informacaomp a {color: #000 }
  129. .informacaomp a:hover {color: #828282}
  130.  
  131.  
  132. /** TRACEJADO (Não esta em uso) **/
  133. .divdatemp {border-bottom: 2px dashed #B0C4DE; margin: 2px 0px -4px 1px;}
  134.  
  135.  
  136. /** TITULO DOS POSTS **/
  137. h1{font-family: Georgia; color: #696969; font-size:22pt;text-align:left;padding:0px; text-align: left;margin:-1px 0px 0px 0px;}
  138.  
  139.  
  140. /** TITULO DAS PÁGINAS INTERNAS **/
  141. h2 {font-family: georgia ;color: #696969;font-size:22pt;text-align:left;padding:0px; text-align:left; margin:-1px 0px 0px 0px; border-bottom: 1px solid #E1E1E1;}
  142.  
  143.  
  144. /**BLOCKQUOTE **/
  145. blockquote {padding: 3px; margin: 10px;border-left: 3px solid #696969; }
  146.  
  147.  
  148. /** CAIXA DE RESPOSTA **/
  149. .perguntamc {background-color: #f4e8d3; letter-spacing: 1px; text-align: justify; overflow:hidden; padding:6px; color: #696969;}
  150.  
  151. img {border-radius: 10px;}
  152.  
  153. ::-moz-selection
  154. {
  155. background: #B0C4DE;
  156. color: #000000;
  157. }
  158. ::selection
  159. {
  160. background: #B0C4DE;
  161. color:#000000;
  162. }
  163.  
  164. .shakeht {
  165. position:relative
  166. }
  167. </style>r <body oncontextmenu=”return false”>
  168. <div style=" background-image: url('http://static.tumblr.com/mw3v5cd/HxZlog628/05.png'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>
  169.  
  170.  
  171. <!-- FIM DO CSS E INICIO DAS TAGS DOS POSTS -->
  172.  
  173. <div id="conteudo"><div id="liuc">{block:Posts}
  174.  
  175. <!-- TEXTOS -->
  176. {block:Text}
  177. <div class="boxmp">
  178. {block:Title}
  179. <a href="{Permalink}"><h1>{Title}&nbsp;</h1></a>
  180. {/block:Title}{Body}
  181. {/block:Text}
  182.  
  183. <!-- QUOTES -->
  184. {block:Quote}
  185. <div class="boxmp">
  186. <a href="{Permalink}"><h1>"{Quote}"&nbsp;</h1></a>{/block:Quote}
  187. {block:Quote}{block:Source}{Source}</p>{/block:Source}
  188. {/block:Quote}
  189.  
  190. <!-- LINKS -->
  191. {block:Link}
  192. <div class="boxmp">
  193. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>{/block:Link}
  194. {block:Link}{block:Description}{Description}</p>{/block:Description}
  195. {/block:Link}
  196.  
  197. <!-- PERGUNTAS E RESPOSTAS -->
  198. {block:Answer}
  199. <div class="boxmp"><div class="perguntamc"><img src="{AskerPortraitURL-48}" align="left" width=38px" class="bordermc"><span></span> -<b>{Asker}</b> {Question}&nbsp;</div>{Answer}
  200. {/block:Answer}
  201.  
  202. <!-- ÁUDIO -->
  203. {block:Audio}
  204. <div class="boxmp"><span class="audio">{block:AlbumArt}
  205. <td style="padding-right: 8px;"><a href="{Permalink}"><img border="0" src="{AlbumArtUrl}" width="27px" height="27px" align="left"/></a></td>{/block:AlbumArt}{AudioPlayerWhite}<p align="Right"> - {FormattedPlayCount} pessoas já ouviram esse áudio.</center></p></span> {block:Caption}{Caption}{/block:Caption}
  206. {/block:Audio}
  207.  
  208. <!-- CHAT-->
  209. {block:Chat}
  210. <div class="boxmp">
  211. {block:Title}<h1>{Title}</h1>{/block:Title}<div class="wishlistmc"></div>
  212. {block:Lines}{block:Label}<div class="wishlistmc" style="padding-right: 20px;"><strong>{Label}</strong>{/block:Label} {Line} </div>{/block:Lines}
  213. {/block:Chat}
  214.  
  215. <!-- PHOTOS -->
  216. {block:Photo}
  217. <div class="boxmp">
  218. <center>{LinkOpenTag}<center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500" class="shakeht" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" /></center>
  219. {LinkCloseTag}<p></center>{block:Caption}{Caption}{/block:Caption}
  220. {/block:Photo}
  221.  
  222. <!-- PHOTOSET -->
  223. {block:Photoset}
  224. <div class="boxmp">
  225. <br><br>{/block:ContentSource}
  226. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  227. {/block:Photoset}
  228.  
  229. <!-- VÍDEO -->
  230. {block:Video}
  231. <div class="boxmp">
  232. <center>{Video-500}</center>{block:Caption}{Caption} {/block:Caption}
  233. {/block:Video}
  234.  
  235. <!-- INFORMAÇÕES DOS POSTS (DATA, REBLOG, NOTES) -->
  236. {block:Date}
  237. <br><div class="informacaomp">
  238.  
  239. <a href="{Permalink}"> Data: {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a>
  240. <b>|</b> <a href="{Permalink}">{NoteCount} notes</a> <b>|</b>
  241. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblogar</a>
  242.  
  243. </div></div>
  244. {/block:Date}
  245.  
  246.  
  247. <!-- FIM DAS TAGS DOS POSTS -->
  248. {/block:Posts}
  249.  
  250.  
  251. <!-- PAGINAÇÃO -->
  252. <div style="clear:both;"><center>
  253. {block:Pagination}
  254. <br><br><div class="pagemc">
  255. <span class="total">Total de {TotalPages} Páginas</span>
  256. {block:PreviousPage}<a href="{PreviousPage}"> &laquo; Anterior</a>{/block:PreviousPage}
  257. {block:JumpPagination length="5"}
  258. {block:CurrentPage}<span class="atual">{PageNumber}</span>{/block:CurrentPage}
  259. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  260. {/block:JumpPagination}
  261. {block:NextPage}<a href="{NextPage}"> Próxima &raquo;</a>{/block:NextPage}
  262. <br><br></center></div>
  263. {/block:Pagination}
  264.  
  265. </div></div><br><br></div></div></div></div></div></div></div></div></div></div></div>
  266.  
  267.  
  268. <!-- INICIO DA DESCRIÇÃO -->
  269. <div id="side"><div class="sidebarmp">
  270.  
  271. <!-- IMAGEM -->
  272. <img src="http://24.media.tumblr.com/tumblr_lolsi8C31g1qkalpgo1_500.gif" width="340" height="200"/>
  273.  
  274. Assim que se olharam, amaram-se; assim que se amaram, suspiraram; assim que suspiraram, perguntaram-se um ao outro o motivo; assim que descobriram o motivo, procuraram a cura. <b><u>Shakespeare</b></u>
  275.  
  276.  
  277.  
  278.  
  279.  
  280. <!-- MENU -->
  281.  
  282. </div><p><div id="sidebarmp">
  283.  
  284. <center>
  285. <a href="/" class="menumc" class="a"> Home </a>
  286. <span onClick="changeNavigation('01')" class="menumc">About</span>
  287. <span onClick="changeNavigation('02')" class="menumc">Tumblr</span>
  288. <span onClick="changeNavigation('03')" class="menumc">Ask</span>
  289. <a href="/SEU-LINK-AQUI" class="menumc"> LINK </a>
  290. <a href="/SEU-LINK-AQUI" class="menumc"> LINK </a>
  291. <a href="/SEU-LINK-AQUI" class="menumc"> LINK </a>
  292. <a href="/SEU-LINK-AQUI" class="menumc"> LINK </a>
  293. <a href="/SEU-LINK-AQUI" class="menumc"> LINK </a>
  294. </center>
  295.  
  296.  
  297.  
  298. <!-- ABOUT ME -->
  299. </div><p></div></div></div></div><div id="conteudo">
  300. <div id="01" style="display:none"><div class="internamp">
  301.  
  302.  
  303. <h2>Sobre mim </h2><p>
  304.  
  305. "E aquilo continuou, persistiu, continuou ecoando pelo meu triste e desconsolado coração. Eu sabia que não iria aguentar, mas continuei vivendo, pois, assim como eu dependia <i>dele</i>, outras pessoas dependia de mim e eu não era tão egoista a tal ponto..." <b>N. L. meuestupidodiario</b>
  306.  
  307.  
  308. <!-- LISTA DE DESEJOS -->
  309. </div><p><div class="internamp">
  310.  
  311.  
  312. <h2>Lista de Desejos</h2><p>
  313.  
  314. <u>Tumblr de HTML</u> + Curso de Inglês + <u>Criar um Theme</u> + Não ficar de recuperação + Um IPad + Novos amigos + <u>Ler Crepúsculo completo </u> + Ler Harry Potter completo
  315.  
  316. <!-- COISAS -->
  317. </div><p><div class="internamp">
  318.  
  319.  
  320. <h2>Coisas que eu gosto</h2><p>
  321.  
  322. Harry Potter + Crepúsculo + Tumblr + Literatura + Pretty Little Liars + Fotos + Ursos + HTML + Animais + All Star + Doritos + Coca-Cola + Sono + Amigos + Festas + Esmaltes + Revistas + Novelas e Filmes + Musica + Celular + Roupas Vintage
  323.  
  324. <!-- SOBRE O SEU TUMBLR -->
  325. </div></div></div></div></div>
  326. <div id="02" style="display:none"><div class="internamp">
  327.  
  328.  
  329. <h2>Meu Tumblr</h2><p>
  330.  
  331. ESCREVA AQUI SOBRE O SEU TUMBLR! NO MAXIMO SETE LINHAS! ESCREVA AQUI SOBRE O SEU TUMBLR!ESCREVA AQUI SOBRE O SEU TUMBLR!ESCREVA AQUI SOBRE O SEU TUMBLR!ESCREVA AQUI SOBRE O SEU TUMBLR!ESCREVA AQUI SOBRE O SEU TUMBLR!ESCREVA AQUI SOBRE O SEU TUMBLR!ESCREVA AQUI SOBRE O SEU TUMBLR!ESCREVA AQUI SOBRE O SEU TUMBLR!ESCREVA AQUI SOBRE O SEU TUMBLR!ESCREVA AQUI SOBRE O SEU TUMBLR!ESCREVA AQUI SOBRE O SEU TUMBLR!ESCREVA AQUI SOBRE O SEU TUMBLR!
  332.  
  333. <!-- RECOMENDO-->
  334. </div><p><div class="internamp">
  335.  
  336. <h2> Recomendo</h2><p>
  337.  
  338.  
  339. <center>
  340. <a href="http://meuestupidodiario.tumblr.com"> Nathália L. </a> <br>
  341. <a href="http://themesetutoriais.tumblr.com"> Themes&Tutoriais </a> <br>
  342. <a href="LINK DE QUE RECOMENDA"> NOME DE QUEM RECOMENDA </a> <br>
  343. <a href="LINK DE QUE RECOMENDA"> NOME DE QUEM RECOMENDA </a> <br>
  344. <a href="LINK DE QUE RECOMENDA"> NOME DE QUEM RECOMENDA </a> <br>
  345. <a href="LINK DE QUE RECOMENDA"> NOME DE QUEM RECOMENDA </a> <br>
  346. <a href="LINK DE QUE RECOMENDA"> NOME DE QUEM RECOMENDA </a> <br>
  347. </center>
  348.  
  349. <!-- CRÉDITOS -->
  350. </div><p><div class="internamp">
  351.  
  352. <h2>Créditos</h2><p>
  353.  
  354. Customização do theme por: <a href="http://meuestupidodiario"> Nathália L. </a><br>
  355. Base do theme e tutorial por: <a href="http://malucasotti.tumblr.com">Malu Casotti</a><br>
  356.  
  357.  
  358. <!-- SEGUINDO-->
  359. </div><p><div class="internamp">
  360.  
  361.  
  362. <h2>Minha linda Dash ; </h2><p>
  363.  
  364. {block:Following}{block:Followed}
  365. <a href="{FollowedURL}" target="_blank">
  366. <img src="{FollowedPortraitURL-30}" alt="{FollowedName}"></a>
  367. {/block:Followed}{/block:Following}
  368.  
  369.  
  370.  
  371.  
  372. <!-- CAIXA DE ASK -->
  373. </div></div></div></div><div id="03" style="display:none"><div class="internamp">
  374.  
  375.  
  376. <h2>Ask me</h2><p>
  377. <br>• Peço que seja educado, lembre-se, minha educação depende da sua!
  378. <br>• Respondo em anony, só se for extremamente necessário!
  379. <br>• <b>Não</b> peça para seguir de volta, é extremamente <u>chato</u> e ridiculo, se eu gostar do seu tumblr, sigo com prazer, mas se pedir eu não sigo.
  380. <center>
  381. <iframe frameborder="0" scrolling="no" width="100%" height="147" src="http://www.tumblr.com/ask_form/SEU-TUMBLR.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>
  382. <center>
  383.  
  384.  
  385.  
  386. <!--FIM DAS PÁGINAS INTERNAS E DO HTML -->
  387. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></body></html>
  388. </div></div></div></div></div>
  389. </body>
  390. </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!