Beautifully-Flawless

Theme 12: Constance

Aug 27th, 2013
321
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.32 KB | None | 0 0
  1. <!--Theme 12- Constance By Beauifully Flawless
  2. Please Do Not Remove the credit from this blog unless I Say you can.
  3. -->
  4.  
  5. <head>
  6.  
  7. <!--Title Bar Maker-->
  8. <script type="text/javascript">
  9.  
  10. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  11. function tb8_makeArray(n){
  12. this.length = n;
  13. return this.length;
  14. }
  15.  
  16. tb8_messages = new tb8_makeArray(1);
  17. tb8_messages[0] = "ωєℓ¢σмє вєαυтιƒυℓ~!";
  18. tb8_rptType = 'infinite';
  19. tb8_rptNbr = 5;
  20. tb8_speed = 80;
  21. tb8_delay = 2000;
  22. var tb8_counter=1;
  23. var tb8_currMsg=0;
  24. var tb8_tekst ="";
  25. var tb8_i=0;
  26. var tb8_TID = null;
  27. function tb8_pisi(){
  28. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  29. document.title = tb8_tekst;
  30. tb8_sp=tb8_speed;
  31. tb8_i++;
  32. if (tb8_i==tb8_messages[tb8_currMsg].length){
  33. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  34. }
  35. if (tb8_currMsg == tb8_messages.length){
  36. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  37. clearTimeout(tb8_TID);
  38. return;
  39. }
  40. tb8_counter++;
  41. tb8_currMsg = 0;
  42. }
  43. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  44. }
  45. tb8_pisi()
  46. </script>
  47.  
  48.  
  49. <!--DO NOT DELETE THIS CODING-->
  50.  
  51. <script type="text/javascript"
  52. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  53.  
  54. <!--DO NOT DELETE THIS CODING-->
  55.  
  56.  
  57.  
  58. <!--Variables-->
  59. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  60. <meta name="color:Background" content="#FFFFFF" />
  61. <meta name="color:Text" content="#000000" />
  62. <meta name="color:Links" content="#888888" />
  63. <meta name="color:Link Hover" content="#dddddd" />
  64. <meta name="color:Scrollbar BG" content="#ffffff" />
  65. <meta name="color:Scrollbar" content="#000000" />
  66. <meta name="color:Posts BG" content="#fff" />
  67. <meta name="color:Posts Shadow" content="#dddddd" />
  68. <meta name="color:Permalink BG" content="#fff" />
  69. <meta name="color:Permalink" content="#333" />
  70. <meta name="color:Title" content="#000" />
  71. <meta name="color:Links BOrder" content="#dddddd" />
  72. <meta name="color:Navigation" content="#000000" />
  73. <meta name="color:Navigation Shadow" content="#dddddd" />
  74. <meta name="color:Navigation Top Border" content="#000000" />
  75. <meta name="color:Navigation Hover" content="#dddddd" />
  76. <meta name="color:Banner" content="#000000" />
  77. <meta name="color:Banner Shadow" content="#ffffff" />
  78. <meta name="color:Sidebar BG" content="#ffffff" />
  79. <meta name="color:Sidebar Shadow" content="#dddddd" />
  80. <meta name="color:Sidebar Border" content="#dddddd" />
  81. <meta name="color:Sidebar2 BG" content="#ffffff" />
  82. <meta name="color:Sidebar2 Shadow" content="#dddddd" />
  83. <meta name="color:Sidebar2 Border" content="#dddddd" />
  84. <meta name="color:Featured Shadow" content="#dddddd" />
  85. <meta name="color:Featured Border" content="#000000" />
  86.  
  87. <meta name="image:sidebar" content="1"/>
  88. <meta name="image:background" content="" />
  89. <meta name="image:BOTW" content="http://i45.tinypic.com/qnlmcx.png"/>
  90. <meta name="image:BOTM" content="http://i45.tinypic.com/16i876c.png"/>
  91. <meta name="image:BOTY" content="http://i50.tinypic.com/1f7mlk.png"/>
  92.  
  93. <meta name="if:FeaturedBlogs" content=""/>
  94. <meta name="if:Blog Of The Week" content=""/>
  95. <meta name="if:Blog Of The Month" content=""/>
  96. <meta name="if:Blog Of The Year" content=""/>
  97.  
  98. <meta name="text:Signature" content="Custom Signature"/>
  99. <meta name="text:BOTW" content="BLOG NAME"/>
  100. <meta name="text:BOTM" content="BLOG NAME"/>
  101. <meta name="text:BOTY" content="BLOG NAME"/>
  102.  
  103. <meta name="image:Fav 1" content="http://i42.tinypic.com/fk2o3r.png" />
  104. <meta name="image:Fav 2" content="http://i42.tinypic.com/fk2o3r.png" />
  105. <meta name="image:Fav 3" content="http://i42.tinypic.com/fk2o3r.png" />
  106. <meta name="image:Fav 4" content="http://i42.tinypic.com/fk2o3r.png" />
  107. <meta name="image:Fav 5" content="http://i42.tinypic.com/fk2o3r.png" />
  108. <meta name="image:Fav 6" content="http://i42.tinypic.com/fk2o3r.png" />
  109. <meta name="image:Fav 7" content="http://i42.tinypic.com/fk2o3r.png" />
  110. <meta name="image:Fav 8" content="http://i42.tinypic.com/fk2o3r.png" />
  111. <meta name="image:Fav 9" content="http://i42.tinypic.com/fk2o3r.png" />
  112. <meta name="image:Fav 10" content="http://i42.tinypic.com/fk2o3r.png" />
  113.  
  114. <meta name="text:Fav 1" content="BLOG NAME"/>
  115. <meta name="text:Fav 2" content="BLOG NAME"/>
  116. <meta name="text:Fav 3" content="BLOG NAME"/>
  117. <meta name="text:Fav 4" content="BLOG NAME"/>
  118. <meta name="text:Fav 5" content="BLOG NAME"/>
  119. <meta name="text:Fav 6" content="BLOG NAME"/>
  120. <meta name="text:Fav 7" content="BLOG NAME"/>
  121. <meta name="text:Fav 8" content="BLOG NAME"/>
  122. <meta name="text:Fav 9" content="BLOG NAME"/>
  123. <meta name="text:Fav 10" content="BLOG NAME"/>
  124.  
  125. <meta name="text:Fav 1 URL" content="BLOG NAME"/>
  126. <meta name="text:Fav 2 URL" content="BLOG NAME"/>
  127. <meta name="text:Fav 3 URL" content="BLOG NAME"/>
  128. <meta name="text:Fav 4 URL" content="BLOG NAME"/>
  129. <meta name="text:Fav 5 URL" content="BLOG NAME"/>
  130. <meta name="text:Fav 6 URL" content="BLOG NAME"/>
  131. <meta name="text:Fav 7 URL" content="BLOG NAME"/>
  132. <meta name="text:Fav 8 URL" content="BLOG NAME"/>
  133. <meta name="text:Fav 9 URL" content="BLOG NAME"/>
  134. <meta name="text:Fav 10 URL" content="BLOG NAME"/>
  135.  
  136. <!--Variables-->
  137.  
  138.  
  139. <style type="text/css">
  140.  
  141.  
  142. ::-webkit-scrollbar {width: 9px; height: 3px; background:black;}
  143. ::-webkit-scrollbar-thumb {background:{color:Scrollbar}; border-radius:5px; box-shadow:0px 0px 10px {color:Scrollbar Shadow};}
  144.  
  145. #tumblr_controls{
  146. position:fixed !important;
  147. }
  148.  
  149. @font-face{font-family:"tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  150.  
  151. @font-face{font-family:"caviardreams";src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  152.  
  153. @font-face{font-family:"lainie";src:url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf');}
  154.  
  155. @font-face{font-family:"tangerine";src: url('http://static.tumblr.com/gdh5wux/MAfm61bhn/tangerine_regular.ttf');}
  156.  
  157. @font-face {font-family:"Comfortaa"; src: url('http://static.tumblr.com/aorjzw7/aMums1s2i/comfortaa.ttf'); }
  158.  
  159. @font-face { font-family:"champagne"; src:url('http://static.tumblr.com/xekbux7/zVim6yitc/champagne___limousines.ttf');}
  160.  
  161. @font-face{ font-family:"chopin"; src:url('http://static.tumblr.com/gdh5wux/FYdm826v4/chops___.ttf'); }
  162.  
  163. @font-face { font-family: "brock"; src: url('http://static.tumblr.com/gdh5wux/aMcmequju/brockscript.ttf'); }
  164.  
  165. .wrapper{
  166. margin: 0px auto;
  167. width: 802px;
  168. }
  169.  
  170. .header{
  171. float: left;
  172. width: 100%;
  173. }
  174.  
  175. .left{
  176. float:left;
  177. margin-right:200px;
  178. width:1000px;
  179. }
  180.  
  181. .right{
  182. float:right;
  183. width:300px;
  184. border:1px solid #FF0000;
  185. }
  186.  
  187. body {
  188. margin: 0px;
  189. background-color:{color:background};
  190. background-image:url({image:Background});
  191. background-attachment: fixed;
  192. background-repeat: repeat;
  193. background-position: center;
  194. }
  195.  
  196. body, div, p, textarea, submit, input {
  197. font-family:"tinytots";
  198. font-size:8px;
  199. line-height:12px;
  200. color:{color:Text};
  201. text-transform:uppercase;
  202. }
  203.  
  204. a:link, a:active, a:visited{
  205. color:{color:Links};
  206. text-decoration: none;
  207. -webkit-transition: color 0.4s ease-out;
  208. -moz-transition: color 0.4s ease-out;
  209. }
  210.  
  211. a:hover{
  212. color:{color:Link Hover};
  213. -webkit-transition: color 0.4s ease-out;
  214. -moz-transition: color 0.4s ease-out;
  215. }
  216.  
  217. #container {
  218. position:relative;
  219. margin:auto;
  220. width:1200px;
  221. }
  222.  
  223. div#posts {
  224. width:812px;
  225. left:320px;
  226. top:158px;
  227. z-index:1;
  228. float:left;
  229. position:absolute;
  230. }
  231.  
  232. .entry {
  233. margin:2px;
  234. border:1px solid #ddd;
  235. float:left;
  236. overflow:hidden;
  237. background-color:{color:Posts BG};
  238. {block:IndexPage}
  239. width:350px;
  240. {/block:IndexPage}
  241. {block:PermalinkPage}
  242. width:500px;
  243. {/block:PermalinkPage}
  244. box-shadow: 1px 0px 8px {color:Posts Shadow};
  245. }
  246.  
  247. .perma
  248. {
  249. opacity: 0.0;
  250. filter: alpha(opacity = 0);
  251. margin-top: -21px;
  252. width: px;
  253. height: 30px;
  254. line-height: 30px;
  255. font-size: 9px;
  256. position:absolute;
  257. text-align: center;
  258. z-index:800;
  259. color: {color:permalink};
  260.  
  261. }
  262. a.p
  263. {
  264.  
  265. color: {color:permalink};
  266. }
  267. .entry:hover .perma {
  268.  
  269. -webkit-transition: opacity 0.4s linear;
  270. opacity: 1;
  271. -moz-transition: all 0.4s linear;
  272. transition: all 0.4s linear;
  273. filter: alpha(opacity = 100);
  274.  
  275. }
  276.  
  277. select {
  278. font-size: 9px;
  279. width: 100px;
  280. margin-left: 10px;
  281.  
  282. }
  283. option {
  284. font-size: 9px;
  285. text-align: left;
  286.  
  287. }
  288. input[type=button]
  289. {
  290. font-size: 9px;
  291. }
  292.  
  293. .likep {
  294. width: 21px;
  295. height: 20px;
  296. overflow: hidden;
  297. position: relative;
  298. z-index: 99;
  299. position: absolute;
  300. margin-top: 26px;
  301. margin-left: 5px;
  302. }
  303. .rep {
  304. width: 24px;
  305. height: 20px;
  306. overflow: hidden;
  307. position: relative;
  308. z-index: 99;
  309. position: absolute;
  310. margin-top: 26px;
  311. margin-left: 29px;
  312. }
  313. .likep a:hover {
  314. background-position: 0px 0px;
  315. }
  316. .likep a {
  317. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  318. background-position: 0px 0px;
  319. display: block;
  320. z-index: 99;
  321. webkit-transition: all 0s linear;
  322. -webkit-transition: all 0s linear;
  323. -moz-transition: all 0s linear;
  324. transition: all 0s linear;
  325. }
  326. .likep img {
  327. width: 21px;
  328. height: 20px;
  329. webkit-transition: all 0.2s linear;
  330. -webkit-transition: all 0.2s linear;
  331. -moz-transition: all 0.2s linear;
  332. transition: all 0.2s linear;
  333. }
  334. .rep img{
  335. width: 24px;
  336. height: 20px;
  337. line-height: 30px;
  338. display: inline;
  339. }
  340.  
  341. .not { position: absolute;
  342. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  343. height: 20px;
  344. font-size: 11px;
  345. line-height: 20px;
  346. color: #fff;
  347. position: absolute;
  348. margin-top: 26px;
  349. margin-left: 56px;
  350. padding-left: 4px;
  351. padding-right: 4px;
  352. -moz-border-radius: 2px;
  353. border-radius: 2px;
  354. }
  355. .not a{
  356. color: #fff;
  357. font-weight: bold;
  358. font-family: Arial, Helvetica, sans-serif;
  359. }
  360. {block:iffaded}
  361. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  362. opacity: 0.8;
  363. filter: alpha(opacity = 80);
  364. }{block:iffaded}
  365. {block:notiffaded}
  366. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  367. opacity: 1.0;
  368. filter: alpha(opacity = 100);
  369. }{block:notiffaded}
  370. .not:hover , .rep:hover, .likep:hover {
  371. opacity: 1!important;
  372. filter: alpha(opacity = 100)!important;
  373. }
  374.  
  375. #infscr-loading{
  376. bottom: -70px;
  377. position: absolute;
  378. left: 50%;
  379. margin-left:-8px;
  380. width:16px;
  381. height:11px;
  382. overflow:hidden;
  383. margin-bottom: 50px;
  384. }
  385.  
  386. .title{
  387. font-family:tangerine;
  388. text-transform:none;
  389. font-size:30px;
  390. line-height:30px;
  391. color:#000;
  392. }
  393.  
  394. .quote{
  395. font-family:caviardreams;
  396. font-size:12px;
  397. color:#888;
  398. text-transform:none;
  399. line-height:10px;
  400. text-align:right;
  401. }
  402.  
  403. blockquote{
  404. padding:0px 0px 2px 5px;
  405. margin:0px 0px 2px 10px;
  406. border-left: 1px dotted #555555;
  407. }
  408.  
  409. .infinite {
  410. align:right;
  411. background:#ddd;
  412. color:white;
  413. margin:3px 0px 5px 66px;
  414. padding:7px;
  415. padding-top:5px;
  416. position:relative;
  417. border-radius:5px;
  418. }
  419.  
  420. .infinite span {
  421. display:block;
  422. position:absolute;
  423. width:1px;height:1px;
  424. font-size: 8px;
  425. font-family:tinytots;
  426. line-height:1px;
  427. left:-10px;
  428. top:10px;
  429. border-top:5px solid transparent;
  430. border-bottom:5px solid transparent;
  431. border-right:10px solid #ddd;
  432. }
  433.  
  434. .askborder{float:left;margin:1px 4px 0 0;}
  435.  
  436. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  437. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  438. .user_9 .label {color:{color:text};}
  439. .notes img{width:10px; position:relative; top:3px;}
  440.  
  441. div#linksbox{
  442. position:absolute;
  443. overflow-x:hidden;
  444. overflow-y:hidden;
  445. width:100%;
  446. height:50px;
  447. margin-left:0px;
  448. top:100px;
  449. background-color:transparent;
  450. border-radius:40px;
  451. border-left:3px solid #ddd;
  452. border-right:3px solid #ddd;
  453. }
  454.  
  455. div.links a{
  456. margin-left:20px;
  457. line-height:50px;
  458. font-size:21px;
  459. color:{color:Navigation};
  460. text-transform:uppercase;
  461. font-family:champagne;
  462. text-align:center;
  463. text-shadow: 1px 1px 2px {color:Navigation Shadow};
  464. }
  465.  
  466. div.links a:hover{
  467. -webkit-transition: all 0.5s linear;
  468. -moz-transition: all 0.5s linear;
  469. transition: all 0.5s linear;
  470. border-top:1px solid {color:Navigation Top Border};
  471. color:{color:Navigation Hover};
  472. }
  473.  
  474. #topbar{
  475. width:1200px;
  476. margin-left:0px;
  477. top:0px;
  478. background:#fff;
  479. height:150px;
  480. position:fixed;
  481. z-index:9999999;
  482. }
  483.  
  484. div#banner{
  485. position:absolute;
  486. top:30px;
  487. margin-left:360px;
  488. text-transform:uppercase;
  489. font-family:"champagne";
  490. font-size:50px;
  491. color:#888;
  492. line-height:50px;
  493. text-align:center;
  494. text-shadow:1px 1px 30px {color:Banner Shadow};
  495. }
  496.  
  497. div#banner:first-letter{
  498. font-family:brock;
  499. font-size:80px;
  500. color:#000;
  501. text-shadow:0px 0px 10px #888;
  502. }
  503.  
  504. div#sidebar{
  505. position:fixed;
  506. width:300px;
  507. height:auto;
  508. margin-left:0px;
  509. top:160px;
  510. padding: 2px;
  511. background-color:{color:Sidebar BG};
  512. border: 2px solid {color:Sidebar Border};
  513. box-shadow: 0px 2px 12px {color:Sidebar Shadow};
  514. }
  515.  
  516. div#sidebar2{
  517. position:fixed;
  518. width:200px;
  519. height:auto;
  520. margin-left:340px;
  521. top:160px;
  522. padding: 2px;
  523. z-index:999999;
  524. background-color:{color:Sidebar2 BG};
  525. border: 2px solid {color:Sidebar2 Border};
  526. box-shadow: 0px 2px 12px {color:Sidebar2 Shadow};
  527. }
  528.  
  529. #name{
  530. font-family:"Comfortaa";
  531. font-size:18px;
  532. border-bottom:1px dotted #000000;
  533. text-align:left;
  534. text-transform:none;
  535. line-height:30px;
  536. color:#ccc;
  537.  
  538. }
  539.  
  540. #name:first-letter{
  541. font-family:chopin;
  542. font-size:30px;
  543. color:#555;
  544. text-shadow:0px 0px 3px #000;
  545. }
  546.  
  547. #name2{
  548. font-family:"Comfortaa";
  549. font-size:18px;
  550. border-bottom:1px dotted #000000;
  551. text-align:right;
  552. text-transform:none;
  553. line-height:30px;
  554. color:#ccc;
  555.  
  556. }
  557.  
  558. #name2:first-letter{
  559. font-family:chopin;
  560. font-size:30px;
  561. color:#555;
  562. text-shadow:0px 0px 3px #000;
  563. }
  564.  
  565. #name3{
  566. font-family:"tangerine";
  567. font-size:30px;
  568. border-bottom:1px solid #000000;
  569. color:{color:text};
  570. text-align:center;
  571. text-transform:none;
  572. line-height:30px;
  573. }
  574.  
  575. #name3:first-letter{
  576. font-family:chopin;
  577. font-size:30px;
  578. color:#ddd;
  579. }
  580.  
  581. #faves img {
  582. opacity:0.5;
  583. width:60px;
  584. height:60px;
  585. padding:0px;
  586. border-radius:0px;
  587. -webkit-transition-duration:.7s;
  588. }
  589.  
  590. #faves img:hover {
  591. -webkit-transition: 0.2s ease-in;
  592. border-radius:32px;
  593. padding:0px;
  594. width:50px;
  595. height:50px;}
  596.  
  597. #featured img {
  598. width:70px;
  599. height:70px;
  600. border-radius:100px;
  601. border:1px solid {color:Featured Border};
  602. -webkit-transition-duration:.7s;
  603. box-shadow:5px 1px 12px {color:Featured Shadow};
  604. }
  605.  
  606. .heart {
  607. display : block;
  608. height: 15px;
  609. text-indent : 5px;
  610. font-family:"tinytots";
  611. font-size:8px;
  612. text-align:center;
  613. background: url('http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/pa01.gif') no-repeat left;
  614. padding-left : 10px;
  615. padding-bottom : 2px;
  616. }
  617.  
  618. .heart:hover {
  619. display:block;
  620. height:15px;
  621. text-indent:5px;
  622. background: url('http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/pa02.gif') no-repeat left;
  623. padding-left :10px;
  624. padding-bottom :2px;
  625. }
  626.  
  627. {CustomCSS}
  628.  
  629. </style>
  630.  
  631. <title>{title}</title>
  632.  
  633. <link rel="shortcut icon" href="{favicon}">
  634. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  635. <meta name="viewport" content="width=820" />
  636.  
  637. <div id="container">
  638. <div class="left">
  639.  
  640. <div id="topbar">
  641. <div id="banner">{title}</div>
  642.  
  643. <div id="linksbox">
  644. <div class="links">
  645. <a href="/">Home</a>
  646. <a href="/ask">Message</a>
  647. <a href="custom link">Custom Link 1</a>
  648. <a href="custom link">Custom Link 2</a>
  649. <a href="custom link">Custom Link 3</a>
  650. <a href="custom link">Custom Link 4</a>
  651. <a href="custom link">Custom Link 5</a>
  652. <a href="custom link">Custom Link 6</a>
  653. <a href="http:beautifully-flawless.tumblr.com/">credit</a>
  654. </div>
  655. </div>
  656. </div>
  657.  
  658. <div id="sidebar">
  659. <div id="name">About the Blogette</div>
  660. {description}
  661. <div id="name2">Jadore</div>
  662. This theme is made to support ads, your ads will be added on the right sidebar. 400px two columned posts with navigation design similar but different to the narnia theme. It comes with custom signature under every question that you answer. Custom links will be easy to add in. None of the sidebars or posts are fixed which means that when you scroll down the sidebar scroll down as well. This feature is benefit you if you want to add anything else. Favorties and blogroll will be optional. New Stats design. If there are any modifications or glitches you would like to address to me, feel free to do so and I will modify it for you or fix the issue as soon as possible. This theme also has the option for featured blogs, meaning blog of the week, month or year. To remove this, just go into the html and click CTRL + F and search or for "jadore".
  663. <div id="name">Disclaimer</div>
  664. I do not own any pictures or videos and music that has been put on this site unless stated or watermarked.
  665. <div id="name2">Statistics</div>
  666. <div class="heart">INSERT STAT HERE</div>
  667. <div class="heart">INSERT STAT HERE</div>
  668. <div class="heart">Best Viewed On G.Chrome and Safari</div>
  669.  
  670. {block:ifFeaturedBlogs}
  671. <div id="name">Featured Blogs</div>
  672. {/block:ifFeaturedBlogs}
  673.  
  674. <div id="featured">
  675. <center>
  676. {block:ifBlogOfTheWeek}
  677. <a href="http://{text:BOTW}.tumblr.com"><img src='{image:BOTW}' title="{text:BOTW}"/></a>
  678. {/block:ifBlogOfTheWeek}
  679. {block:ifBlogOfTheMonth}
  680. <a href="http://{text:BOTM}.tumblr.com"><img src='{image:BOTW}' title="{text:BOTM}"/></a>
  681. {/block:ifBlogOfTheMonth}
  682.  
  683. {block:ifBlogOfTheYear}
  684. <a href="http://{text:BOTY}.tumblr.com"><img src='{image:BOTW}' title="{text:BOTY}"/></a>
  685. {/block:ifBlogOfTheYear}
  686. </center>
  687. </div>
  688. <div id="name">Favorites</div>
  689. <div id="faves">
  690. <marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
  691. <a href="{text:Fav 1 URL}"><img src='{image:Fav 1}' title="{text:Fav 1}"/></a>
  692. <a href="{text:Fav 2 URL}"><img src='{image:Fav 2}' title="{text:Fav 2}"/></a>
  693. <a href="{text:Fav 3 URL}"><img src='{image:Fav 3}' title="{text:Fav 3}"/></a>
  694. <a href="{text:Fav 4 URL}"><img src='{image:Fav 4}' title="{text:Fav 4}"/></a>
  695. <a href="{text:Fav 5 URL}"><img src='{image:Fav 5}' title="{text:Fav 5}"/></a>
  696. <a href="{text:Fav 6 URL}"><img src='{image:Fav 6}' title="{text:Fav 6}"/></a>
  697. <a href="{text:Fav 7 URL}"><img src='{image:Fav 7}' title="{text:Fav 7}"/></a>
  698. <a href="{text:Fav 8 URL}"><img src='{image:Fav 8}' title="{text:Fav 8}"/></a>
  699. <a href="{text:Fav 9 URL}"><img src='{image:Fav 9}' title="{text:Fav 9}"/></a>
  700. <a href="{text:Fav 10 URL}"><img src='{image:Fav 10}' title="{text:Fav 10}"/></a>
  701. </marquee>
  702. </div>
  703. </div>
  704.  
  705. <div class="right">
  706. <div id="sidebar2">
  707. <div id="name3">Advertisements</div>
  708. This is where you add your advertisements, just go into the code. Click
  709. CTRL + F and look for "Advertisements" then, you just erase this entire text and add your ads.
  710. </div>
  711. </div>
  712.  
  713. <div id="posts">
  714.  
  715. {block:Posts}
  716. <div class="entry">
  717.  
  718. {block:IndexPage}
  719. <div class="perma">
  720. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  721. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  722.  
  723.  
  724.  
  725. </div>
  726. {/block:IndexPage}
  727.  
  728. {block:Text}
  729. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  730. {/block:Text}
  731.  
  732. {block:Link}
  733. <a href="{URL}" class="title">{Name}</a>
  734. {block:Description}{Description}{/block:Description}
  735. {block:Link}
  736.  
  737. {block:Photo}
  738. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="350"/></a></div>{LinkCloseTag}{/block:IndexPage}
  739. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  740. {/block:Photo}
  741.  
  742. {block:Photoset}
  743. {block:IndexPage}
  744. <center>
  745. {Photoset-250}
  746. </center>
  747. {/block:IndexPage}
  748. {block:PermalinkPage}
  749. <center>
  750. {Photoset-500}</center>
  751. {/block:PermalinkPage}
  752. {/block:Photoset}
  753.  
  754. {block:Quote}
  755. {Quote}</span>
  756. {block:Source}<div class="quote">{Source}</div>{/block:Source}
  757. {/block:Quote}
  758.  
  759. {block:Chat}
  760. {block:Title}<span class="title">{Title}</span>{/block:Title}
  761. <ul class="chat">
  762. {block:Lines}
  763. <li class="user_{UserNumber}">
  764. {block:Label}
  765. <span class="label">{Label}</span>
  766. {/block:Label}
  767.  
  768. {Line}
  769. </li>
  770. {/block:Lines}
  771. </ul>
  772. {/block:Chat}
  773.  
  774. {block:Audio}
  775. <center><div style="width:350px; height:30px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  776. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  777. {/block:Audio}
  778.  
  779. {block:Video}
  780. {block:IndexPage}
  781. <center>
  782. {Video-250}</center>
  783. {/block:IndexPage}
  784. {block:PermalinkPage}
  785. <center>
  786. {Video-500}</center>
  787. {/block:PermalinkPage}
  788. {block:Video}
  789.  
  790. {block:Answer}
  791. <img style="border:1px solid #aaa; width:30px; height:30px;"src="{AskerPortraitURL-30}"align="left"class="askborder">
  792. <div class="infinite">
  793. <span></span>
  794. {Asker}:{Question}&nbsp;</div>
  795. <div style="margin-top:-5px;">
  796. <br>{Answer}
  797. </div>
  798. {block:IndexPage}
  799. {/block:IndexPage}
  800. {/block:Answer}
  801.  
  802. {block:PermalinkPage}
  803. <center>
  804. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  805.  
  806.  
  807. {/block:PermalinkPage}
  808.  
  809.  
  810. {block:PostNotes}{PostNotes}
  811. {/block:PostNotes}
  812. </div>
  813.  
  814.  
  815. {/block:Posts}
  816. </div>
  817. </div>
  818. </div>
  819. </div>
  820. </div>
  821.  
  822.  
  823. {block:IndexPage}
  824. {block:Pagination}
  825. <div id="pagination">
  826. {block:NextPage}
  827. <a id="nextPage" href="{NextPage}"></a>
  828. {/block:NextPage}
  829. {block:PreviousPage}
  830. <a href="{PreviousPage}"></a>
  831. {/block:PreviousPage}
  832. </div>
  833. {/block:Pagination}
  834. {/block:IndexPage}
  835.  
  836. {block:IndexPage}
  837. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  838. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  839.  
  840. <script type="text/javascript">
  841. $(window).load(function () {
  842. var $content = $('#posts');
  843. $content.masonry({itemSelector: '.entry'}),
  844. $content.infinitescroll({
  845. navSelector : 'div#pagination',
  846. nextSelector : 'div#pagination a#nextPage',
  847. itemSelector : '.entry',
  848. loading: {
  849. finishedMsg: '',
  850. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  851. },
  852. bufferPx : 600,
  853. debug : false,
  854. },
  855. // call masonry as a callback.
  856. function( newElements ) {
  857. var $newElems = $( newElements );
  858. $newElems.hide();
  859. // ensure that images load before adding to masonry layout
  860. $newElems.imagesLoaded(function(){
  861. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(400);} );
  862.  
  863.  
  864. });
  865. });
  866. });
  867. </script>
  868. {/block:IndexPage}
  869. </div>
  870. </body>
  871. </html>
Advertisement
Add Comment
Please, Sign In to add comment