API tools faq
paste
Advertisement
dinophanhk

[HTML] DNP Tumblr Theme

dinophanhk
Oct 20th, 2013
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html lang="en-US">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  6.     <meta name="text:Disqus Shortname" content="" />
  7.     <meta name="text:Google Analytics ID" content="" />
  8.     <title>{Title}</title>
  9.     <link rel="shortcut icon" href="{Favicon}">
  10.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.     {block:Description}
  12.     <meta name="description" content="{MetaDescription}" />
  13.     {/block:Description}
  14.     <link rel="stylesheet" type="text/css" media="all" href="http://static.tumblr.com/cnwjn8k/Vhtmlajis/style.css" />
  15.     <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cnwjn8k/PD2mlagye/media-queries.css" />
  16.     <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300italic,300,700,700italic|Open+Sans+Condensed:300,700' rel="stylesheet" type='text/css'>
  17.     <!--[if IE 8]>
  18.     <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cnwjn8k/WPpmlagxp/ie8.css" media="all" />
  19.     <![endif]-->
  20.     <!--[if IE 9]>
  21.     <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cnwjn8k/Uurmlagxy/ie9.css" media="all" />
  22.     <![endif]-->
  23.     <script type="text/javascript" src="http://static.tumblr.com/cnwjn8k/m21mlagwu/jquery-1.7.2.min.js"></script>
  24.     <script type="text/javascript" src="http://static.tumblr.com/cnwjn8k/ARymlagwg/selectnav.js"></script>
  25.     <script type="text/javascript" src="http://static.tumblr.com/cnwjn8k/D7Zmlagw4/jquery.masonry.min.js"></script>
  26.     <script type="text/javascript" src="http://static.tumblr.com/cnwjn8k/N8tmlagv6/jquery.backstretch.min.js"></script>
  27.     {block:IfGoogleAnalyticsID}
  28.     <script type="text/javascript">
  29.         //<![CDATA[
  30.         var _gaq = _gaq || [];
  31.         _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  32.         _gaq.push(['_trackPageview']);
  33.         (function() {
  34.           var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  35.           ga.src = ('https:' == document.location.protocol ? 'http://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  36.           (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
  37.         })();
  38.         //]]>
  39.     </script>
  40.     {/block:IfGoogleAnalyticsID}
  41.     <script type="text/javascript">
  42.         $.backstretch("https://lh5.googleusercontent.com/-TEmXBIctwtc/UljguV1xTeI/AAAAAAAABIM/Ldh9nfve4ZA/w829-h552-no/Byodo-in_Uji03bs2640.jpg");
  43.     </script>
  44.     <style type="text/css" media="screen">
  45.         {CustomCSS}
  46.     </style>
  47.     <!-- phần bắt buộc -->
  48.     <script type="text/javascript" src="https://audition-star.googlecode.com/files/tuyetroi.js"></script>
  49.  
  50.     <!-- Đây là phần tùy chỉnh hiệu ứng -->
  51.     <script type="text/javascript">
  52.         snowStorm.snowColor = '#ffffff'; // màu của tuyết - ở đây là màu xanh xám
  53.         snowStorm.flakesMaxActive = 96;  // số lượng tuyết rơi cùng 1 lúc
  54.         snowStorm.useTwinkleEffect = true; // cho tuyết nhấp nháy
  55.     </script>
  56. </head>
  57. <body>
  58. <div id="fb-root"></div>
  59. <script>(function(d, s, id) {
  60.   var js, fjs = d.getElementsByTagName(s)[0];
  61.   if (d.getElementById(id)) return;
  62.   js = d.createElement(s); js.id = id;
  63.   js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=653695851316182";
  64.   fjs.parentNode.insertBefore(js, fjs);
  65. }(document, 'script', 'facebook-jssdk'));</script>
  66. <div class="scanlines"></div>
  67.  
  68. <div class="header-wrapper opacity">
  69.     <div class="header">
  70.         <div class="logo">
  71.             <a href="/">
  72.                 <img src="http://khiquay.vv.si/logo2.png" alt="{Title}" />
  73.             </a>
  74.         </div>
  75.         <div id="menu-wrapper">
  76.             <div id="menu" class="menu">
  77.                 <ul id="tiny">
  78.                     <li><a href="/">Trang Cá Nhân</a></li>
  79.                     <li><a href="/archive">Tất Cả Bài Đăng</a></li>
  80.                     {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
  81.                     {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  82.                 </ul>
  83.             </div>
  84.         </div>
  85.         <div class="clear"></div>
  86.     </div>
  87. </div>
  88. <div class="wrapper">
  89. <div class="intro">{Description}</div>
  90.  
  91. <div class="blog-wrap">
  92.     <div class="blog-grid">{block:Posts}
  93.         {block:Photo}
  94.         <div class="post format-image box">
  95.             <div class="frame">
  96.                 {LinkOpenTag}<a href="{Permalink}">
  97.                     <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  98.                 </a>{LinkCloseTag}
  99.             </div>
  100.             {block:Caption}<p>{Caption}</p>{/block:Caption}
  101.             <div class="details">
  102.                 {block:Date}<span class="icon-image"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></span>{/block:Date}
  103.                 <span class="likes"><a href="{Permalink}" class="likeThis">{NoteCountWithLabel}</a></span>
  104.             </div>
  105.             <div class="fb-comments" data-href="{Permalink}" data-colorscheme="dark" data-numposts="10" data-width="425"></div>
  106.         </div>
  107.         {/block:Photo}
  108.  
  109.    
  110.         {block:Quote}
  111.         <div class="post format-quote box">
  112.             <blockquote>{Quote}</blockquote>
  113.             {block:Source}<p>{Source}</p>{/block:Source}
  114.             <div class="details">
  115.                 {block:Date}<span class="icon-image"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></span>{/block:Date}
  116.                 <span class="likes"><a href="{Permalink}" class="likeThis">{NoteCountWithLabel}</a></span>
  117.             </div>
  118.             <div class="fb-comments" data-href="{Permalink}" data-colorscheme="dark" data-numposts="10" data-width="425"></div>
  119.         </div>
  120.         {/block:Quote} 
  121.  
  122.  
  123.         {block:Video}
  124.         <div class="post format-video box">
  125.             <div class="video frame">{Video-500}</div>
  126.             <p>{block:Caption}{Caption}{/block:Caption}</p>
  127.             <div class="details">
  128.                 {block:Date}<span class="icon-image"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></span>{/block:Date}
  129.                 <span class="likes"><a href="{Permalink}" class="likeThis">{NoteCountWithLabel}</a></span>
  130.             </div>
  131.             <div class="fb-comments" data-href="{Permalink}" data-colorscheme="dark" data-numposts="10" data-width="425"></div>
  132.         </div>
  133.         {/block:Video}                 
  134.  
  135.         {block:Audio}
  136.         <div class="post format-audio box">
  137.             <div class="audio-wrapper">
  138.                 <div class="vinyl">
  139.                     <dl>
  140.                         {block:AlbumArt}<dt class="art">
  141.                             <img class="highlight" src="http://static.tumblr.com/cnwjn8k/74Ymlagzy/vinyl.png" />
  142.                             <img src="{AlbumArtURL}" alt="" />
  143.                         </dt>{/block:AlbumArt}
  144.                         {block:TrackName}<dd class="song"><div class="icon-song"></div>{TrackName}</dd>{/block:TrackName}
  145.                         {block:Artist}<dd class="artist"><div class="icon-artist"></div> {Artist}</dd>{/block:Artist}
  146.                         {block:AlbumArt}<dd class="album"><div class="icon-album"></div> {Album}</dd>{/block:AlbumArt}
  147.                     </dl>
  148.                 </div>
  149.                 <div class="clear"></div>
  150.                 <div class="audio">
  151.                     {AudioPlayerBlack}
  152.                 </div>
  153.             </div>
  154.             <p>{block:Caption}{Caption}{/block:Caption}</p>
  155.  
  156.             <div class="details">
  157.                 {block:Date}<span class="icon-image"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></span>{/block:Date}
  158.                 <span class="likes"><a href="{Permalink}" class="likeThis">{NoteCountWithLabel}</a></span>
  159.             </div>
  160.         <div class="fb-comments" data-href="{Permalink}" data-colorscheme="dark" data-numposts="10" data-width="425"></div>
  161.         </div>
  162.         {/block:Audio}         
  163.  
  164.            
  165.         {block:Text}
  166.         <div class="post format-standard box">
  167.  
  168.             {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  169.             <p>{Body}</p>
  170.             <p>{block:More}<span><a href="{Permalink}">{lang:Read more} &hellip;</a></span>{/block:More}</p>
  171.             <div class="details">
  172.                 {block:Date}<span class="icon-image"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></span>{/block:Date}
  173.                 <span class="likes"><a href="{Permalink}" class="likeThis">{NoteCountWithLabel}</a></span>
  174.             </div>
  175.             <div class="fb-comments" data-href="{Permalink}" data-colorscheme="dark" data-numposts="10" data-width="425"></div>
  176.         </div>
  177.        
  178.         {/block:Text}                  
  179.  
  180.  
  181.         {block:Link}
  182.         <div class="post format-link box">
  183.  
  184.             <h2 class="title"><a href="{URL}" {Target}>{Name}<span class="arrow">&rarr;</span></a></h2>
  185.             <p>{block:Description}{Description}{/block:Description}</p>
  186.    
  187.             <div class="details">
  188.                 {block:Date}<span class="icon-image"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></span>{/block:Date}
  189.                 <span class="likes"><a href="{Permalink}" class="likeThis">{NoteCountWithLabel}</a></span>
  190.             </div>
  191.         <div class="fb-comments" data-href="{Permalink}" data-colorscheme="dark" data-numposts="10" data-width="425"></div>
  192.         </div>
  193.         {/block:Link}                  
  194.  
  195.         {block:Answer}
  196.         <div class="post format-standard box">
  197.  
  198.             <p><strong>{lang:Asker asked}:</strong> {Question}</p>
  199.             <p style="text-align:right">{Answer}</p>
  200.  
  201.             <div class="details">
  202.                 {block:Date}<span class="icon-image"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></span>{/block:Date}
  203.                 <span class="likes"><a href="{Permalink}" class="likeThis">{NoteCountWithLabel}</a></span>
  204.             </div>
  205.     <div class="fb-comments" data-href="{Permalink}" data-colorscheme="dark" data-numposts="10" data-width="425"></div>
  206.         </div>
  207.         {/block:Answer}
  208.        
  209.  
  210.         {block:Chat}
  211.         <div class="post format-chat box">
  212.             {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  213.             <ul>
  214.                 {block:Lines}{block:Label}<li><strong>{Label}</strong>{/block:Label}{Line}</li>{/block:Lines}
  215.             </ul>
  216.        
  217.             <div class="details">
  218.                 {block:Date}<span class="icon-image"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></span>{/block:Date}
  219.                 <span class="likes"><a href="{Permalink}" class="likeThis">{NoteCountWithLabel}</a></span>
  220.             </div>
  221.             <div class="fb-comments" data-href="{Permalink}" data-colorscheme="dark" data-numposts="10" data-width="425"></div>
  222.         </div>
  223.         {/block:Chat}
  224.         {/block:Posts}
  225.    
  226.    
  227.     {block:Posts}{block:Permalink}{block:Date}
  228.     {block:IfDisqusShortname}
  229.         <section id="disqus_thread"></section>
  230.     {/block:IfDisqusShortname}
  231.     {/block:Date}{/block:Permalink}{/block:Posts}
  232.     {block:PostNotes}
  233.         <section id="notes">{PostNotes}</section>
  234.     {/block:PostNotes}
  235.     </div>
  236. </div>
  237.  
  238. {block:Pagination}
  239.     <div id="navigation">
  240.         {block:PreviousPage}<div class="nav-previous"><a href="{PreviousPage}" ><span class="meta-nav-prev">&larr; Bài viết trước</span></a></div>{/block:PreviousPage}
  241.         {block:NextPage}
  242.             <div class="nav-next"><a href="{NextPage}" ><span class="meta-nav-next">Bài viết sau &rarr;</span></a></div>
  243.         {/block:NextPage}
  244.     </div>
  245. {/block:Pagination}
  246.  
  247.  
  248. {block:Posts}{block:Permalink}{block:Date}
  249.         {block:IfDisqusShortname}
  250.         <script type="text/javascript">
  251.         //<![CDATA[
  252.         (function() {
  253.             var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  254.             dsq.src = 'http://disqus.com/forums/{text:Disqus Shortname}/embed.js';
  255.             (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  256.         })();
  257.         //]]>
  258.         </script>
  259.         {/block:IfDisqusShortname}
  260. {/block:Date}{/block:Permalink}{/block:Posts}
  261.  
  262. {block:IndexPage}
  263.         {block:IfDisqusShortname}
  264.         <script type="text/javascript">
  265.         //<![CDATA[
  266.         (function() {
  267.             var links = document.getElementsByTagName('a');
  268.             var query = '?';
  269.             for(var i = 0; i < links.length; i++) {
  270.             if(links[i].href.indexOf('#disqus_thread') >= 0) {
  271.                 query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  272.             }
  273.             }
  274.             document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  275.         })();
  276.         //]]>
  277.         </script>
  278.         {/block:IfDisqusShortname}
  279. {/block:IndexPage}
  280. </div>
  281.  
  282. <!--<div class="site-generator-wrapper">
  283.     <div class="site-generator">Copyright Obscura 2012. Design by <a href="http://elemisfreebies.com">elemis</a>. All rights reserved.</div>
  284. </div>-->
  285.  
  286. <script type="text/javascript" src="http://static.tumblr.com/cnwjn8k/rNjmlagx6/scripts.js"></script>
  287. <!-- SCM Music Player http://scmplayer.net -->
  288. <script type="text/javascript" src="http://scmplayer.net/script.js"
  289. data-config="{'skin':'skins/black/skin.css','volume':90,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Fate and Love','url':'http://www.youtube.com/watch?v=nQDVKeszoUo'},{'title':'Futari No Kimochi','url':'http://www.youtube.com/watch?v=HzmaKbl6ZBg'},{'title':'Inuyasha Instrumental 1','url':'http://www.youtube.com/watch?v=tHQ4tKBsVZc'},{'title':'Inuyasha Instrumental 2','url':'http://www.youtube.com/watch?v=iFsphyIjv58'},{'title':'Teru no Uta','url':'http://www.youtube.com/watch?v=8M15yHEnEJ0'},{'title':'Aio Komete. Umi','url':'http://www.youtube.com/watch?v=pqa1Nlp8Yhg'},{'title':'Kaze no Kioku','url':'http://www.youtube.com/watch?v=Sh3aRiGJklA'},{'title':'No More Words','url':'http://www.youtube.com/watch?v=-uLxDMo8v5U'}]}" ></script>
  290. <!-- SCM Music Player script end -->
  291.  
  292.  
  293. </body>
  294. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!