控制台Tumblr主题

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了控制台Tumblr主题相关的知识，希望对你有一定的参考价值。

Redesigned Tumblr Theme based on [Office](http://safe.tumblr.com/theme/4040581/0# "Office") by [Alex Penny](http://alexpenny.com/ "Alex Penny")

Change log:
# Desember 31, 2010
+ added <a href="http://code.google.com/p/twitterjs/">TwitterJS</a> by Remmy Sharp
+ enabling custom text to include Twitter Username for Twitter Widget

# Desember 26, 2010
+ modified Disqus embed code to appear outside PostNotes but still in PermalinkPage

# Dec 14 2011
+ Updated font-size
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  5. <meta name="if:Show Title" content="1" />
  6. <meta name="if:Show Description" content="1" />
  7. <meta name="if:Show Profile Picture" content="1" />
  8. <meta name="if:Show Post Info" content="1" />
  9. <meta name="if:Show Notes" content="1" />
  10. <meta name="if:Show Tags" content="1" />
  11.  
  12. <meta name="color:Accent" content="#00ff00"/>
  13. <meta name="color:White Text" content="#FFFFFF"/>
  14. <meta name="color:Body Links" content="#009900"/>
  15. <meta name="color:Background" content="#000000"/>
  16.  
  17. <meta name="image:Logo" content=""/>
  18. <meta name="image:Background" content="http://static.tumblr.com/jn9hrij/Vx8l35qrc/bg.jpg"/>
  19.  
  20. <meta name="text:Disqus Shortname" content="" />
  21. <meta name="text:Google Analytics ID" content="" />
  22. <meta name="text:Twitter Username" content="" />
  23.  
  24.         <title>{Title}</title>
  25.         <link rel="shortcut icon" href="{Favicon}" />
  26.         <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  27.  
  28.         {block:Description}
  29.             <meta name="description" content="{MetaDescription}" />
  30.         {/block:Description}
  31.  
  32. <!--[if lt IE 9]>
  33. <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
  34. <![endif]-->
  35.  
  36. <style type="text/css">
  37.  
  38.  
  39. /* - - - - - - - - - - - - - Alex - - - - - - - - - - - - - */
  40.  
  41. html, body, div, span, applet, object, iframe,
  42. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  43. a, abbr, acronym, address, big, cite, code,
  44. del, dfn, em, font, img, ins, kbd, q, s, samp,
  45. small, strike, strong, sub, sup, tt, var,
  46. b, u, i, center,
  47. dl, dt, dd, ol, ul, li,
  48. fieldset, form, label, legend,
  49. table, caption, tbody, tfoot, thead, tr, th, td {
  50. 	margin: 0;
  51. 	padding: 0;
  52. 	border: 0;
  53. 	outline: 0;
  54. 	font-size: 100%;
  55. 	font-weight: normal;
  56. 	vertical-align: baseline;
  57. 	background: transparent;
  58. }
  59.  
  60. body {
  61. 	line-height: 1;
  62. 	background: white;
  63. }
  64.  
  65. ol, ul {
  66. 	list-style: none;
  67. }
  68.  
  69. blockquote, q {
  70. 	quotes: none;
  71. }
  72.  
  73. blockquote:before, blockquote:after,
  74. q:before, q:after {
  75. 	content: '';
  76. 	content: none;
  77. }
  78.  
  79. /* remember to define focus styles! */
  80. :focus {
  81. 	outline: 0;
  82. }
  83.  
  84. /* remember to highlight inserts somehow! */
  85. ins {
  86. 	text-decoration: none;
  87. }
  88.  
  89. del {
  90. 	text-decoration: line-through;
  91. }
  92.  
  93. /* tables still need 'cellspacing="0"' in the markup */
  94. table {
  95. 	border-collapse: collapse;
  96. 	border-spacing: 0;
  97. }
  98.  
  99.  
  100.  
  101. #path {
  102. 	display: none;
  103. 	}
  104.  
  105. a {
  106. 	text-decoration: none;
  107. 	color: {color:Accent};
  108. 	}
  109.  
  110. a {
  111. color: {color:Body Links};
  112. 	}
  113.  
  114. a:hover {
  115. 	text-decoration: underline;
  116. }
  117.  
  118.  
  119.  
  120. /* - - - - - - - - - - - - - General - - - - - - - - - - - - - */
  121.  
  122. body {
  123. background: {color:Background} url('{image:Background}');
  124. background-attachment: fixed;
  125. margin-top: 30px;
  126. font-family: Monaco, Courier;
  127. font-size: 12px;
  128. color: #00ff00;
  129. }
  130.  
  131. .rightcolumn {
  132. float: left;
  133. width: 710px;
  134. margin-left: 250px;
  135. }
  136.  
  137.  
  138.  
  139. blockquote {
  140. 	margin: 5px 30px 5px 20px;
  141. 	padding-left: 15px;
  142. 	line-height: 25px;
  143. 	border-left: 1px dotted #00ff00;
  144. 	color: #00ff00;
  145. 	}
  146.  
  147. .text blockquote {
  148. 	margin: 25px 30px 25px 20px;
  149. 	}
  150.  
  151.  
  152. .postcontain{
  153. float: left;
  154. margin-bottom: 20px;
  155. }
  156.  
  157. .left {
  158. margin-left: 15px;
  159. float: left;
  160. }
  161.  
  162. .right {
  163. float: right;
  164. }
  165.  
  166. /* - - - - - - - - -- - - Header - - - - - - - -- - - - */
  167.  
  168. .header {
  169. float: left;
  170. width: 100%;
  171. }
  172.  
  173. h1 a{
  174. font-size: 20px;
  175. line-height: 40px;
  176. color: #009900;
  177. font-weight: normal;
  178. float: left;
  179. }
  180.  
  181. h1 a:hover {
  182. text-decoration: none;
  183. }
  184.  
  185. .title a{
  186. width: 320px;
  187. }
  188.  
  189. .search {
  190. width: 200px;
  191. padding-left: 10px;
  192. height: 35px;
  193. float: right;
  194. background: #FFF;
  195. -webkit-border-radius: 20px;
  196. -moz-border-radius: 20px;
  197. border: solid 1px #D1D1D1;
  198. }
  199.  
  200. .search form {
  201. float: right;
  202. width: 100%;
  203. display: inline;
  204. }
  205.  
  206. #submit {
  207. height: 50px;
  208. width: 35px;
  209. padding: 0px;
  210. margin: 0px;
  211. border: none;
  212. background: none;
  213. float: right;
  214. background: url(http://static.tumblr.com/jn9hrij/oB1l31p4f/icons.png) no-repeat ;
  215. background-position: -8px -4px;
  216.         }
  217.  
  218. #submit:hover {
  219. cursor: pointer;
  220. }
  221.  
  222. .search #textbox {
  223. font-size: 16px;
  224. font-family: Verdana;
  225. background: none;
  226. color: #00ff00;
  227. float: left;
  228. height: 40px;
  229. width: 100px;
  230. padding: 0px;
  231. margin: 0 0 0 7px;
  232. border: none;}
  233.  
  234. #boxresults {
  235. background-color: {color:Accent};
  236. float: left;
  237. margin-top: 5px;
  238. padding: 7px 9px;
  239. -webkit-border-radius: 20px;
  240. -moz-border-radius: 20px;
  241. font-size: 10px;
  242. font-family: Verdana;
  243. color: {color:White Text};
  244. margin-left: -2px;
  245. cursor: default;
  246. }
  247.  
  248. .first {
  249. clear: both;
  250. min-height: 25px;
  251. height: 50px;
  252. margin-bottom: 20px;
  253. }
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260.  
  261. /* - - - - - - - - -- - - Left Column - - - - - - - -- - - - */
  262.  
  263.  
  264. #leftwrap {
  265. position: absolute;
  266. float: left;
  267. width: 200px;
  268. }
  269.  
  270. #leftcolumn {
  271. width: 200px;
  272. height: 400px;
  273. position: fixed;
  274. top: 25px;
  275. left: 0px;
  276. }
  277.  
  278. #logobox {
  279. 	width:130px;
  280. 	margin: 0 0 25px 35px;
  281. 	}
  282.  
  283. #sidemenu {
  284. 	float: left;
  285. 	}
  286.  
  287.  
  288. #menu {
  289. 	clear: both;
  290. 	float: left;
  291. 	width: 200px;
  292. 	z-index: 100;
  293. 	}
  294.  
  295. #info {
  296. clear: both;
  297. text-align: left;
  298. font-size: 12px;
  299. color: #C6C6C6;
  300. line-height: 18px;
  301. padding: 10px 0 0 35px;
  302. margin: 0px;
  303. }
  304.  
  305. #info a {
  306. text-decoration: underline;
  307. color: #C6C6C6;
  308. font-size: 12px;
  309. }
  310.  
  311. #info a:hover {
  312. color: {color:Accent};
  313. }
  314.  
  315. #profilepic {
  316. 	margin-left: 35px;
  317. 	padding-top: 30px;
  318. 	height: 128px;
  319. 	}
  320.  
  321. #profilepic img {
  322. 	-webkit-border-radius: 5px;
  323. 	-moz-border-radius: 5px;
  324. 	}
  325.  
  326. .navmenu {
  327. margin-top: 30px;
  328. width: 100%;
  329. float: left;
  330. }
  331. .navmenu li{
  332. clear: both;
  333. font-family: verdana;
  334. font-size: 14px;
  335.  
  336.  
  337. }
  338.  
  339. .navmenu li a {
  340. 	color: #090;
  341. 	text-indent: 35px;
  342. 	float: left;
  343. 	clear: both;
  344. 	width: 200px;
  345. 	line-height: 35px;
  346. 	}
  347.  
  348. .navmenu li a:hover {
  349. 	color: {color:White Text};
  350. 	background-color: {color:Accent};
  351. 	margin-top: -1px;
  352. text-decoration: none;
  353. 	}
  354.  
  355. /* - - - - - - - - -- - - Date - - - - - - - -- - - - */
  356.  
  357. .datetime {
  358. 	float: left;
  359. 	width: 100%;
  360. 	margin-top: 8px;
  361. margin-bottom: 20px;
  362. 	color: #AAAAAA;
  363. 	text-transform: uppercase;
  364. 	font-size: 11px;
  365. 	}
  366.  
  367. .datetime a {
  368. 	color: #AAAAAA;
  369. 	}
  370.  
  371. .datetime a:hover {
  372. text-decoration: none;	
  373. }
  374.  
  375. .date {
  376. 	float: left;
  377. width: 250px;
  378. 	}
  379.  
  380. .new {
  381. 	margin-top: 30px;
  382. 	}
  383.  
  384. .time {
  385. 	float: right;
  386. 	padding-left: 20px;
  387. 	}
  388.  
  389.  
  390. .post{
  391. padding-bottom: 16px;
  392. float: left;
  393. clear: both;
  394. }
  395.  
  396. .postinner{
  397. width:500px;
  398. margin: 20px 0 0 20px;
  399. }
  400.  
  401. .posted {
  402.  
  403. background: url(http://static.tumblr.com/jn9hrij/oB1l31p4f/icons.png) no-repeat;
  404. background-position: -13px -134px;
  405. }
  406.  
  407. .reblogged {
  408. background: url(http://static.tumblr.com/jn9hrij/oB1l31p4f/icons.png) no-repeat;
  409. background-position: -15px -174px;
  410. }
  411.  
  412. /* - - - - - - - - - -- - Boxes - - - - - - - -- - - - */
  413.  
  414. .text, .photo, .video, .chat {
  415. width: 710px;
  416. float: left;
  417. .clear: both;
  418. }
  419.  
  420.  
  421.  
  422. .quote, .link, .audio {
  423. width: 710px;
  424. padding-bottom: 10px;
  425. }
  426.  
  427.  
  428. .short {
  429. float: left;
  430. width: 710px;
  431. position: relative;
  432. }
  433.  
  434. /*
  435. .shadow {
  436. background: url(http://static.tumblr.com/jn9hrij/WwEl32aup/bottomshadow.png) no-repeat top;
  437. clear: both;
  438. height: 14px;
  439. }
  440. .containshadow {
  441. float: left;
  442. padding-bottom: 14px;
  443. background: url(http://static.tumblr.com/jn9hrij/WwEl32aup/bottomshadow.png) no-repeat bottom;
  444. clear: both;
  445. }
  446. */
  447.  
  448. /* - - - - - - - - -- - - Text Post - - - - - - - -- - - - */
  449.  
  450. .text {
  451. 	/* background: url(http://static.tumblr.com/jn9hrij/BM3l309fn/linev.jpg) repeat-y;
  452. 	background-color: white; */
  453. 	}
  454.  
  455. .text h3 {
  456. font-family: Helvetica;
  457. font-size: 18px;
  458. }
  459.  
  460. .text h3 a{
  461. padding: 10px 0;
  462. font-weight: normal;
  463. line-height: 35px;
  464. margin: 0 30px 0 70px;
  465. text-decoration: none;
  466. float: left;
  467. max-width: 460px;
  468. }
  469.  
  470. .paper {
  471. /* background: url(http://static.tumblr.com/jn9hrij/8ull309ey/linesh.jpg); */
  472. width: 100%;
  473. padding-bottom:1px;
  474. float: left;
  475. 	}
  476.  
  477. .textcontain {
  478. margin-left: 75px;
  479. }
  480.  
  481. .paper p {
  482. margin: 0 30px 25px 0;
  483. }
  484.  
  485. .paper p iframe {
  486. padding-top: 15px;
  487. padding-bottom: 25px;
  488. }
  489.  
  490. .text ul li, .text ol li {
  491. line-height: 25px;
  492. margin: 0 30px 0 25px;
  493. padding-left: 5px;
  494. color: #00ff00;
  495. list-style-type: disc;
  496. }
  497.  
  498. .text ol li {
  499. list-style-type: decimal;
  500. }
  501.  
  502. .text ul, .text ol {
  503. 	margin-bottom: 25px;
  504. 	}
  505.  
  506. .text ul ul, .text ul ol, .text ol ol, .text ol ul {
  507. 	margin-bottom: 0px;
  508. 	}
  509.  
  510. .text ul li ul li {
  511. line-height: 25px;
  512. margin: 0 0 0 25px;
  513. padding-left: 5px;
  514. color: #00ff00;
  515. list-style-type: circle;
  516. }
  517.  
  518. .text blockquote {
  519. 	margin-left: 10px;
  520. 	padding-left: 15px;
  521. 	line-height: 25px;
  522. 	color: #00ff00;
  523. 	}
  524.  
  525. .text blockquote p {
  526. 	margin-left: 0px;
  527. 	padding-left: 15px;
  528. 	line-height: 25px;
  529. 	}
  530.  
  531. .paper h1, .paper h2, .paper h3, .paper h4, .paper h5 {
  532. margin-left: 75px;
  533. line-height: 25px;
  534. font-size: 18px;
  535. }
  536.  
  537. /* - - - - - - - -- -body text  - - - - - - -- - - */
  538.  
  539. .text p, .caption, #description, .chatbox {
  540. line-height: 25px;
  541. font-size: 12px;
  542. color: #00ff00;
  543. }
  544.  
  545. .audio .caption, .quote .caption {
  546. 	margin: 0 20px;
  547. 	}
  548.  
  549. .caption {
  550. margin-top: 8px;
  551. }
  552.  
  553. /* - - - - - - - - - - - - Audio Post - - - - - - - - - - - - */
  554.  
  555. .audio .short{
  556. float: left;
  557. height: 270px;
  558. }
  559.  
  560. .audioplayercircle {
  561. position: absolute;
  562. z-index: 3;
  563. background: black;
  564. -webkit-border-radius: 50px;
  565. -moz-border-radius: 50px;
  566. top: 103px;
  567. left: 106px;
  568. opacity: .8;
  569. }
  570.  
  571.  
  572. .audioplayer {
  573. width: 20px;
  574. height: 30px;
  575. overflow: hidden;
  576. margin: 17px 24px 13px 16px;
  577. }
  578.  
  579.  
  580. .audio .floaters {
  581. position: absolute;
  582. }
  583.  
  584. .audio .caption img {
  585. margin-bottom: 10px;
  586. max-width: 502px;
  587. }
  588.  
  589. .recordart {
  590. margin: 70px 0 0 210px;
  591. -webkit-transform: rotate(-30deg); 
  592. -moz-transform: rotate(-30deg);
  593. }
  594.  
  595. .albumshadow {
  596. margin-left: 264px;
  597. }
  598.  
  599. .record {
  600. margin-top: 30px;
  601. margin-left: 160px;
  602. }
  603.  
  604. .audiodata{
  605. top: 0px;
  606. right: 0px;
  607. margin-left: 270px;
  608. width: 260px;
  609. height: 270px;
  610. position: absolute;
  611. z-index: 5;
  612.  
  613. }
  614.  
  615. .audiodata li {
  616. background:  {color:Accent};
  617. padding: 10px 20px;
  618. margin: 20px 0 0;
  619. color: {color:White Text};
  620. -webkit-border-top-left-radius: 40px;
  621. -webkit-border-bottom-left-radius: 40px;
  622. -moz-border-radius-topleft: 40px;
  623. -moz-border-radius-bottomleft:  40px;
  624. font-family: Helvetica;
  625. font-size: 16px;
  626. float: right;
  627. clear: both;
  628. display: block;
  629. opacity: .9;
  630. }
  631.  
  632.  
  633.  
  634. /* - - -- - - - - - - - - Quote Post - -- - - - - -- - - - */
  635.  
  636. .postedquote {
  637. font-size: 14px;
  638. font-weight: normal;
  639. line-height: 28px;
  640. padding: 20px;
  641. }
  642.  
  643.  
  644. .dash {
  645. text-indent: -20px;
  646. height: 0px;
  647. font-size: 13px;
  648. font-family: Arial;
  649. }
  650.  
  651. /* - - - - - - - - -- - - Link Post - -- - - - - - - - - - */
  652.  
  653. .postedlink {
  654. padding: 10px 18px 5px 18px;
  655. margin-right: 15px;
  656. color: {color:Accent};
  657. font-size: 14px;
  658. font-weight: normal;
  659. float: left;
  660. }
  661.  
  662. .postedlink {
  663. color: {color:Body Links};
  664. }
  665.  
  666. .postedlink:hover {
  667. background: {color:Accent};
  668. color: color: {color:White Text};
  669. text-decoration: none;
  670. }
  671.  
  672. .postedlink:hover {
  673. background: {color:Accent};
  674. color: {color:White Text};
  675. text-decoration: none;
  676. }
  677.  
  678. .description {
  679. line-height: 35px;
  680. padding-left: 20px;
  681. font-size: 12px;
  682. }
  683.  
  684. /* - -- - - - - - - - - - Photo Post - - - - - - -- - - - - */
  685.  
  686. .photo img {
  687. width: 100%;
  688. }
  689.  
  690. /* - -- - - - - - - - - - Chat Post - - - - - - -- - - - - */
  691.  
  692. .chat h3 {
  693. font-family: Helvetica;
  694. font-size: 20px;
  695. line-height: 30px;
  696. margin-left: 30px;
  697. }
  698.  
  699. .text h3 a, .chat h3 a{
  700. font-weight: normal;
  701. margin-right: 20px;
  702. }
  703.  
  704. .chat {
  705. 	padding-top: 15px;
  706. 	}
  707.  
  708. .chatbox li {
  709. padding: 0 30px;
  710. line-height: 30px;
  711. }
  712.  
  713. .label {
  714. 	font-weight: normal;
  715. 	}
  716.  
  717. .even {
  718. background: #0b2c02;
  719. }
  720.  
  721. /* - - - - - - - - - -- - Metadata - - - - - - - -- - - - */
  722.  
  723. .metadata {
  724. float: left;
  725. clear: both;
  726. width: 500px;
  727. margin: 20px 20px 0px 20px;
  728. 	}
  729.  
  730. .audio .metadata, .quote .metadata, .link .metadata {
  731.  
  732. 	margin-top: 10px;
  733. 	}
  734.  
  735. .metadata a {
  736. 	text-transform: lowercase;
  737. 	font-size: 13px;
  738. 	padding: 7px;
  739.         line-height: 36px;
  740. 	}
  741.  
  742. .metadata ul li{
  743. 	margin: 0px;}
  744.  
  745. .metadata ul {
  746. 	margin-bottom: 0px;
  747. 	}
  748.  
  749. .metadata a:hover {
  750. 	color: {color:White Text};
  751. 	background: {color:Accent};
  752. text-decoration: none;
  753. 	}
  754.  
  755.  
  756. .note {
  757. 	float: left;
  758. 	}
  759.  
  760. .tags {
  761. 	float: right; 
  762. 	max-width: 360px;
  763. 	}
  764.  
  765. .note li  {
  766. 	display: inline;
  767. 	}
  768.  
  769. .note li a{
  770. 	margin-right: 6px;
  771. 	}
  772.  
  773.  
  774. .tags li  {
  775. 	display: inline;
  776. 	float: left;
  777. 	}
  778.  
  779. .tags li a{
  780. 	margin-left: 10px;
  781. 	}
  782.  
  783. .descr {
  784. clear: both;
  785. float: left;padding-bottom: 20px;
  786. width: 100%;
  787. }
  788.  
  789. .spacer {
  790. float: left;
  791. clear: both;
  792. height:10px;
  793. width: 500px;
  794. }
  795.  
  796.  
  797. li .permalink {
  798. background: url(http://static.tumblr.com/jn9hrij/oB1l31p4f/icons.png) no-repeat;
  799. background-position: -8px -87px;
  800. padding-right: 14px;
  801. }
  802.  
  803. li a.permalink:hover {
  804. background: url(http://static.tumblr.com/jn9hrij/oB1l31p4f/icons.png) no-repeat {color:Accent};
  805. background-position: -8px -567px;
  806. padding-right: 14px;
  807. }
  808.  
  809.  
  810. .text .permalink, .text .permalink:hover , .photo .permalink, .photo .permalink:hover, .video .permalink, .video .permalink:hover, .chat .permalink, .chat .permalink:hover {
  811. border: none;
  812. margin-left: -3px;
  813. }
  814.  
  815. .anchor, .pagination {
  816. float: left;
  817. clear: both;
  818. width: 710px;
  819. margin-bottom: 55px;
  820. }
  821.  
  822.  
  823.  
  824. .ask {
  825. display: none;
  826.  {block:AskEnabled}display: block;{/block:AskEnabled}
  827. }
  828.  
  829. .submit {
  830. display: none;
  831. {block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}
  832. }
  833.  
  834. #disqus_content {
  835. float: left;
  836. width: 500px;
  837. }
  838.  
  839. #dsq-new-post {
  840. float: left;
  841. clear: both;
  842. margin-top: 25px;
  843. }
  844.  
  845. .notes li {
  846. float: left;
  847. clear: both;
  848. padding: 5px 0;
  849. }
  850.  
  851. .searchpage {
  852. margin-top: 30px;
  853. clear: both;
  854. float: left;
  855. }
  856.  
  857. .searchpage h3 {
  858. font-size: 20px;
  859. font-family: Helvetica, Arial;
  860. font-weight: normal;
  861. }
  862.  
  863. #tweet {
  864. float:left;
  865. padding: 20px 10px 30px 35px;
  866. font-size: 12px;
  867. line-height: 150%;
  868. }
  869.  
  870. #tweet h3 {
  871. margin-bottom: 10px;
  872. font-size: 14px;
  873. }
  874.  
  875. #tweet ul, #tweet ul li {
  876. list-style: none none outside;
  877. margin:0;
  878. padding:0;
  879. }
  880.  
  881. #tweet ul li {
  882. margin-bottom: 10px;
  883. }
  884.  
  885. #tweet small {
  886. font-size: 11px;
  887. color: #c6c6c6;
  888. }
  889.  
  890. .askmask {
  891. position: absolute;
  892. }
  893.  
  894. {CustomCSS}
  895. </style>
  896.  
  897.  
  898. </head>
  899.     <body>
  900.  
  901. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  902. <script type="text/javascript">
  903. $(function() {
  904. 	$("object[data^='http://vimeo.com']").each(function() {
  905. 		var parent = $(this).parent();
  906. 		var vimeoCode = parent.html();
  907. 		var params = "";
  908. 		if (vimeoCode.toLowerCase().indexOf("<param") == -1) {
  909. 			$("param", this).each(function() {
  910. 				params += $(this).get(0).outerHTML;
  911. 			});
  912. 		}
  913. 		var oldOpts = /show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF/g;
  914. 		var newOpts = "show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=55C4E8";
  915. 		vimeoCode = vimeoCode.replace(oldOpts, newOpts);
  916. 		if (params != "") {
  917. 			params = params.replace(oldOpts, newOpts);
  918. 			vimeoCode = vimeoCode.replace(/<embed/i, params + "<embed");
  919. 		}
  920. 		parent.html(vimeoCode);
  921. 	});
  922. });
  923. </script>
  924.  
  925. <div id="leftwrap">
  926. <div id="leftcolumn">
  927.         {block:IfLogoImage}<a href="/"><div id="logobox"><img src="{image:Logo}"/></div></a>{/block:IfLogoImage}
  928.         {block:IfNotLogoImage}{/block:IfNotLogoImage}
  929.  
  930.  
  931. <div id="sidemenu">
  932. <div id="menu">
  933.  
  934. {block:IfNotShowProfilePicture}{/block:IfNotShowProfilePicture}
  935. {block:IfShowProfilePicture}
  936. <div id="profilepic"><a href="/"><img src="{PortraitURL-128}" alt="{Title}"/></a></div>
  937. {/block:IfShowProfilePicture}
  938.  
  939. <ul class="navmenu">
  940.  
  941. <li><a title="Home" href="/">{lang:Home}</a></li>
  942.  
  943. {block:HasPages} 
  944. {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  945. {/block:HasPages}
  946.  
  947.  
  948.  
  949. {block:AskEnabled}<li class="ask"><a href="/ask" class="page">{AskLabel}</a></li>{/block:AskEnabled}
  950.  
  951. <li><a href="/archive">{lang:Archive}</a></li> 
  952. <!--<li><a href="{RSS}">{lang:Subscribe}</a></li>-->
  953.  
  954. {block:SubmissionsEnabled}<li class="submit"><a href="/submit" class="page">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  955.  
  956. </ul>
  957.  
  958. </div>
  959.  
  960. </div><!-- /Menu -->
  961.  
  962. {block:IfTwitterUsername}
  963. <!-- Twitter Widget -->
  964. <div id="tweet">
  965.   <h3>Tweet-a-tron</h3>
  966.   <div id="tweets">
  967.     <span>Grep... <a href="http://twitter.com/{text:Twitter Username}" title="Twitter">@{text:Twitter Username}</a></span><br />
  968.   </div>
  969. </div>
  970. <script src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js"  type="text/javascript"></script>
  971. <script type="text/javascript" charset="utf-8">
  972. getTwitters('tweets', { 
  973.   id: '{text:Twitter Username}', 
  974.   count: 1, 
  975.   enableLinks: true, 
  976.   ignoreReplies: true, 
  977.   clearContents: true,
  978.   newwindow:true,
  979.   onTimeout: function(){
  980.     jQuery('#tweets').html('<small>Failed to load. Shame on you, Twitter!</small>');
  981.   }
  982. });
  983. </script>
  984. <!-- /Twitter Widget -->
  985. {/block:IfTwitterUsername}
  986.  
  987. <div id="info">
  988.  
  989. <a href="http://officetheme.tumblr.com">Office</a> by <a title="Alex Penny graphic designer " href="http://alexpenny.com">Alex Penny</a> and modified by <a href="http://firewalkerdesign.com" title="Didik Wicaksono, Website Designer">Didik Wicaksono</a></div>
  990. </div><!-- /sidemenu -->
  991. </div>
  992.  
  993. <div class="rightcolumn">
  994.         <div class="header">
  995.  
  996. {block:IfNotShowTitle}{/block:IfNotShowTitle}
  997. {block:IfShowTitle}<h1 class="title" ><a href="/">{Title}</a></h1>{/block:IfShowTitle}
  998.  
  999.  
  1000. <!-- #mod: hide search, it's ugly -->
  1001. <!--
  1002. <div class="search">
  1003. <form action="/search" method="get">
  1004.  
  1005.     {block:SearchPage}<div id="boxresults">{SearchResultCount}</div>{/block:SearchPage}
  1006.     <input id="textbox" type="text" name="q" value=""/>
  1007.     <input id="submit" type="submit" value=""/>
  1008.  
  1009. </form>
  1010. </div>-->
  1011. <!-- /Search -->
  1012.  
  1013. </div><!-- /Header -->
  1014.  
  1015.  
  1016. {block:IfNotShowDescription}{/block:IfNotShowDescription}
  1017. {block:IfShowDescription}
  1018. {block:Description}<p class="caption descr">{Description}</p>{/block:Description} 
  1019. {/block:IfShowDescription}
  1020.  
  1021. <div class="postcontain">
  1022.  
  1023.  
  1024.  
  1025.  
  1026. {block:NoSearchResults}
  1027. <div class="searchpage">
  1028. <h3>{lang:No search results for SearchQuery}</h3>
  1029. </div>
  1030. {/block:NoSearchResults}
  1031.  
  1032.  
  1033.  
  1034.  
  1035.             {block:Posts}
  1036.  
  1037.  
  1038.  
  1039.  
  1040.                      {block:Date}
  1041.                     {block:NewDayDate} 
  1042.                     <span class="datetime new"><a class="date" href="/archive" title="{lang:Archive}" >{Month} {DayOfMonth}, {Year}</a><a title="Permalink" class="time{block:Reblog} reblogged{/block:Reblog}{block:NotReblog} posted{/block:NotReblog}" href="{Permalink}">
  1043. {12Hour}:{Minutes} {AmPm}</a></span>
  1044.                     {/block:NewDayDate}
  1045.  
  1046.                     {block:SameDayDate} 
  1047.                     <span class="datetime"><a title="{lang:Permalink}" class="time{block:Reblog} reblogged{/block:Reblog}{block:NotReblog} posted{/block:NotReblog}" href="{Permalink}">
  1048. {12Hour}:{Minutes} {AmPm}</a></span>
  1049.                     {/block:SameDayDate}
  1050.  
  1051.  
  1052.  
  1053.                     {/block:Date}
  1054.  
  1055.  
  1056.                 {block:Answer}
  1057. <div class="containshadow">
  1058.                     <div class="post text">
  1059.  
  1060.                             <h3><a href="{Permalink}"><img class="askmask" src="http://static.tumblr.com/jn9hrij/uLvl364bp/askmask.png" alt="asker" /><img src="{AskerPortraitURL-48}" alt="questioner" /></a></h3>
  1061.  
  1062.                         <div class="paper"><div class="textcontain"><p>{Asker}: {Question}</p>{Answer}</div></div>
  1063.  
  1064.                 {/block:Answer}
  1065.  
  1066.  
  1067.                 {block:Text}
  1068. <div class="containshadow">
  1069.                     <div class="post text">
  1070.  
  1071.                         {block:Title}
  1072.                             <h3><a href="{Permalink}">{Title}</a></h3>
  1073.                         {/block:Title}
  1074.  
  1075.                         <div class="paper"><div class="textcontain">{Body}</div></div>
  1076.  
  1077.                 {/block:Text}
  1078.  
  1079.                 {block:Photo}
  1080. <div class="containshadow">
  1081.                     <div class="post photo">
  1082. <div class="postinner">
  1083.                         {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1084.  
  1085.                         {block:Caption}
  1086.                             <div class="caption">{Caption}</div>
  1087.                         {/block:Caption}
  1088. </div><!-- /postinner -->
  1089.  
  1090.                 {/block:Photo}
  1091.  
  1092.                 {block:Video}
  1093. <div class="containshadow">
  1094.                     <div class="post video">
  1095. <div class="postinner">
  1096.                         {Video-500}
  1097.  
  1098.                         {block:Caption}
  1099.                             <div class="caption">{Caption}</div>
  1100.                         {/block:Caption}
  1101. </div><!-- /postinner -->
  1102.  
  1103.                 {/block:Video}
  1104.  
  1105.                 {block:Photoset}
  1106. <div class="containshadow">
  1107.                     <div class="post photo">
  1108. <div class="postinner">
  1109.                         {Photoset-500}
  1110.  
  1111.                         {block:Caption}
  1112.                             <div class="caption">{Caption}</div>
  1113.                         {/block:Caption}
  1114. </div><!-- /postinner -->    
  1115.                 {/block:Photoset}
  1116.  
  1117.  
  1118.  
  1119.                 {block:Quote}
  1120. <div class="containshort">
  1121.                     <div class="post quote">
  1122. <div class="short">
  1123.                         <div class="postedquote">"{Quote}"</div>
  1124. </div>
  1125. <div class="shadow"></div>
  1126.                         {block:Source}
  1127.                             <div class="caption"><p class="dash">—</p> {Source}</div>
  1128.                         {/block:Source}
  1129.  
  1130.                 {/block:Quote}
  1131.  
  1132.                 {block:Link}
  1133. <div class="containshort">
  1134.                     <div class="post link">
  1135.                         <a href="{URL}" class="postedlink" {Target}>{Name}</a>
  1136.  
  1137.                         {block:Description}
  1138.                             <div class="description">{Description}</div>
  1139.                         {/block:Description}
  1140.  
  1141.                 {/block:Link}
  1142.  
  1143.                 {block:Chat}
  1144. <div class="containshadow">
  1145.                     <div class="post chat">
  1146.                         {block:Title}
  1147.                             <h3><a href="{Permalink}">{Title}</a></h3>
  1148.                         {/block:Title}
  1149.  
  1150.                         <ul class="chatbox">
  1151.                             {block:Lines}
  1152.                                 <li class="{Alt} user_{UserNumber}">
  1153.                                     {block:Label}
  1154.                                         <span class="label">{Label}</span>
  1155.                                     {/block:Label}
  1156.  
  1157.                                     {Line}
  1158.                                 </li>
  1159.                             {/block:Lines}
  1160.                         </ul>
  1161.  
  1162.                 {/block:Chat}
  1163.  
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169.                 {block:Audio}
  1170. <div class="containshort">
  1171.                     <div class="post audio">
  1172. <div class="short">
  1173. <img class="recordart floaters" src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" width="130" height="130" />
  1174. {block:AlbumArt}
  1175. <img class="recordart floaters" width="130" height="130" src="{AlbumArtURL}" />
  1176. {/block:AlbumArt}
  1177. <img class="record floaters" src="http://static.tumblr.com/jn9hrij/57yl31rvk/record.png" alt="record" width="213" height="213" />
  1178.  
  1179. <img class="albumshadow floaters" src="http://static.tumblr.com/jn9hrij/Hybl31ybe/albumshadow.png" alt="default album art" width="31" height="270" />
  1180.  
  1181. <img class="floaters" src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" width="270" height="270" />
  1182. {block:AlbumArt}
  1183. <img class="floaters" width="270" height="270" src="{AlbumArtURL}" />
  1184. {/block:AlbumArt}
  1185. <img class="floaters" src="http://static.tumblr.com/jn9hrij/0enl2zzv5/reflection.png" alt="CD reflection" width="270" height="270" />
  1186.  
  1187. <div class="audioplayercircle"><div class="audioplayer">{AudioPlayerBlack}</div></div>
  1188.  
  1189. <ul class="audiodata">
  1190.  
  1191. {block:TrackName}
  1192. <li>{TrackName}</li>
  1193. {/block:TrackName}
  1194.  
  1195. {block:Artist}
  1196. <li>By: {Artist}</li>
  1197. {/block:Artist}
  1198.  
  1199. {block:Album}
  1200. <li>{Album}</li>
  1201. {/block:Album}
  1202.  
  1203. <li>{PlayCountWithLabel}</li>
  1204.  
  1205. </ul>
  1206.  
  1207. </div>
  1208. <div class="shadow"></div>
  1209.                         {block:Caption}
  1210.                             <div class="caption">{Caption}</div>
  1211.                         {/block:Caption}
  1212.                 {/block:Audio}
  1213.  
  1214.  
  1215.  
  1216.  
  1217.  
  1218.  
  1219.  
  1220. {block:IfNotShowPostInfo}<div id="spacer">&nbsp;</div>{/block:IfNotShowPostInfo}
  1221. {block:IfShowPostInfo} 
  1222.                            <div class="metadata">
  1223.  
  1224.  
  1225.  
  1226.                                 <ul class="note">
  1227.                                 <li><a title="Permalink" class="permalink" href="{Permalink}">&nbsp;</a></li>
  1228.  
  1229. {block:IfNotShowNotes}{/block:IfNotShowNotes}
  1230. {block:IfShowNotes} 
  1231.  
  1232.                                 {block:NoteCount}<li><a class="notes" title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a></li>{/block:NoteCount}
  1233. {/block:IfShowNotes} 
  1234.  
  1235.             {block:IfDisqusShortname}
  1236.             <li><a href="{Permalink}#disqus_thread" class="disqus">{lang:Comment}</a></li>
  1237.             {block:IfDisqusShortname}
  1238.                                 </ul>
  1239.  
  1240. {block:IfNotShowTags}{/block:IfNotShowTags}
  1241. {block:IfShowTags} 
  1242.                                 {block:HasTags}
  1243.  
  1244.                                    <ul class="tags">
  1245.  
  1246.                                        {block:Tags}<li><a href="{TagURL}">{Tag}</a></li>
  1247.                                        {/block:Tags}
  1248.                                    </ul>
  1249.                                 {/block:HasTags}
  1250. {/block:IfShowTags} 
  1251.                             </div><!-- /Metadata -->
  1252.  
  1253. {/block:IfShowPostInfo}
  1254.  
  1255. </div>
  1256. </div>
  1257.  
  1258.  
  1259.  
  1260.  
  1261.  
  1262.             {/block:Posts}
  1263.  
  1264.  
  1265. {block:PostNotes}
  1266. <div class="post">
  1267. <div class="postinner">
  1268.  
  1269. {PostNotes}
  1270.  
  1271. </div>
  1272.  
  1273. </div>
  1274. {/block:PostNotes}
  1275.  
  1276. {block:PermalinkPage}
  1277.  
  1278. {block:IfDisqusShortname}
  1279.         <div id="disqus_thread"></div>
  1280.         <script type="text/javascript" src="http://{text:Disqus Shortname}.disqus.com/embed.js"></script>
  1281.         <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  1282. {/block:IfDisqusShortname}
  1283.  
  1284. {/block:PermalinkPage} 
  1285.  
  1286. {block:IfDisqusShortname}
  1287. <div class="post">
  1288.     <script type="text/javascript">
  1289.     //<![CDATA[
  1290.     (function() {
  1291.         var links = document.getElementsByTagName('a');
  1292.         var query = '?';
  1293.         for(var i = 0; i < links.length; i++) {
  1294.         if(links[i].href.indexOf('#disqus_thread') >= 0) {
  1295.             query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  1296.         }
  1297.         }
  1298.         document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  1299.     })();
  1300.     //]]>
  1301.     </script>
  1302.  
  1303. </div>
  1304.     {/block:IfDisqusShortname}
  1305. </div><!-- /Postcontain -->
  1306. <div class="anchor"></div>
  1307.  
  1308. {block:Pagination} 
  1309.  
  1310. <div class="pagination">
  1311.  
  1312. {block:PreviousPage}<span class="left"><a class="postedlink left" href="{PreviousPage}">&larr; {lang:Newer}</a></span>{/block:PreviousPage}
  1313. {block:NextPage}<span class="right"><a class="postedlink" href="{NextPage}">{lang:Older} &rarr;</a></span>{/block:NextPage}
  1314.  
  1315. </div>
  1316.  
  1317. {/block:Pagination}
  1318. </div><!-- /Rightcolumn -->
  1319.  
  1320.  
  1321. {block:IfGoogleAnalyticsID}
  1322. <script type="text/javascript">
  1323. var gaJsHost=(("https:"==document.location.protocol)?"https://ssl.":"http://www.");document.write(unescape("%3Cscript src='"+gaJsHost+"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try{var pageTracker=_gat._getTracker("{text:Google Analytics ID}");pageTracker._trackPageview()}catch(err){}
  1324. </script>
  1325. {block:IfGoogleAnalyticsID}
  1326.  
  1327.     </body>
  1328. </html>

以上是关于控制台Tumblr主题的主要内容，如果未能解决你的问题，请参考以下文章

HTML Tumblr主题脚手架

HTML Tumblr自定义主题框架

Tumblr自定义主题框架

Tumblr主题脚手架

更改 Tumblr 默认主题显示页面链接的方式

Tumblr 照片集在 ipad 上没有响应