API tools faq
paste
Advertisement
saint-california

Luhan theme

saint-california
Mar 30th, 2013
280
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- N THEME 1 by Carlotta
  3. http://donthemes.tumblr.com/
  4. don't remove credits
  5. РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
  6. http://saint-california.viewy.ru/
  7. http://stcalifornia-themes.viewy.ru/ -->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  13. <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
  14. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
  15. <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
  16. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  17. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  18. <script type="text/javascript" charset="utf-8">
  19. var $j = jQuery.noConflict();
  20. $j(function() {
  21. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  22. $j("img").lazyload({
  23. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  24. effect: "fadeIn",
  25. });});
  26. </script>
  27.  
  28. <! -- IF YOU WANT AGAIN YOUR RIGHT CLICK DELETE THIS PART -->
  29. <SCRIPT TYPE="text/javascript">
  30. <!--
  31. function clickIE() {if (document.all) {(message);return false;}}
  32. function clickNS(e) {if
  33. (document.layers||(document.getElementById&&!document.all)) {
  34. if (e.which==2||e.which==3) {(message);return false;}}}
  35. if (document.layers)
  36. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  37. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  38. document.oncontextmenu=new Function("return false")
  39. // -->
  40. </SCRIPT>
  41. <! -- END OF NO RIGHT CLICK CODE -- !>
  42.  
  43. <script src="http://use.edgefonts.net/josefin-slab.js"></script>
  44.  
  45. <style type="text/css">
  46.  
  47. /* ---- BODY: BACKGROUND, SCROLLBAR, TEXT ---- */
  48.  
  49. html, body, a:hover {cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), progress !important;
  50. ;}
  51.  
  52. body{
  53. background:#fff url('ФОН БЛОГА');
  54. background-position: center;
  55. background-repeat: repeat;
  56. background-attachment: fixed;
  57. margin:0px;
  58. padding:0px;
  59. color:#a3a3a3;
  60. font: 11px Futura, 'Century Gothic', AppleGothic, sans-serif;
  61. line-height:100%;}
  62.  
  63. a {
  64. color: #bdbdbd;
  65. text-decoration:none;
  66. -webkit-transition: all 0.7s ease;
  67. -moz-transition: all 0.7s ease;
  68. -o-transition: all 0.7s ease;
  69. font-family: calibri;
  70. font-size:8px;
  71. letter-spacing:1px;
  72. text-transform:uppercase;}
  73.  
  74. a:hover {text-decoration:none;
  75. color: #929292;text-shadow:2px 0px 0px #d0d4de, -2px 0px 0px #d0d4de;-webkit-transition: all 0.7s ease;
  76. -moz-transition: all 0.7s ease;
  77. -o-transition: all 0.7s ease;}
  78.  
  79. /* -- SCROLLBAR CHROME & SAFARI -- */
  80.  
  81. ::-webkit-scrollbar-thumb:vertical {
  82. height:60px;
  83. background:#1a1919;}
  84.  
  85. ::-webkit-scrollbar {
  86. height:8px;
  87. width:6px;
  88. background:#fff url('http://i50.tinypic.com/okxvko.png');}
  89.  
  90. ::-webkit-scrollbar-track {
  91. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.0); ; }
  92.  
  93. ::-webkit-scrollbar-thumb {
  94. -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1); }
  95.  
  96.  
  97. #background {
  98. position:fixed;
  99. top:0px;
  100. width:452px;
  101. height:100%;
  102. left:0px;
  103. z-index:-1;
  104. background:#2e2d2d;}
  105.  
  106. /* -- SIDEBAR -- */
  107.  
  108. #rules {
  109. position: fixed;
  110. width: 248px;
  111. top: 102px;
  112. margin:0px;
  113. font-size:12px;
  114. height:auto;
  115. text-align:justify;
  116. z-index:1;
  117. left:156px;
  118. background:#2e2d2d;
  119. padding:10px;
  120. font-family:helvetica;
  121. color:#a5a5a5;
  122. text-decoration:none;}
  123.  
  124. #rules a {
  125. color:#050505;
  126. -webkit-transition: all 0.4s ease;
  127. -moz-transition: all 0.4s ease;
  128. -o-transition: all 0.4s ease;}
  129.  
  130. #rules a:hover {
  131. color: #a5a5a5;
  132. -webkit-transition: all 0.4s ease;
  133. -moz-transition: all 0.4s ease;
  134. -o-transition: all 0.4s ease;}
  135.  
  136. /* -- SIDEBAR IMAGE -- */
  137.  
  138. #rules img {
  139. border: #3c3a3a 8px solid;
  140. width:250px;
  141. margin-left:-8px;
  142. margin-top:-8px;
  143. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  144. height:auto;}
  145.  
  146. /* --TITLE -- */
  147.  
  148. #title {
  149. position:fixed;
  150. padding:2px;
  151. width:270px;
  152. left: 150px;
  153. top: 86px;
  154. color: #a5a5a5;
  155. font-family: josefin-slab, serif;
  156. padding:4px;
  157. text-align:center;
  158. letter-spacing:1px;
  159. text-transform: uppercase;
  160. font-size: 16px;
  161. z-index:10;}
  162.  
  163. /* -- NAVIGATION BAR -- */
  164.  
  165. #navicon {
  166. background:#3c3a3a;
  167. border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  168. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  169. width:266px;
  170. z-index:8;
  171. height:20px;
  172. text-align:center;
  173. font-size:8px;
  174. margin-top:2px;
  175. margin-left:-8px;
  176. -webkit-transition: all 0.7s ease;
  177. -moz-transition: all 0.7s ease;
  178. -o-transition: all 0.7s ease;}
  179.  
  180. #navicon a {
  181. display:inline-block;
  182. padding: 1px;
  183. margin-bottom:3px;
  184. letter-spacing: 2px;
  185. line-height:18px;
  186. margin-left:3px;
  187. font-family:helvetica;
  188. color:#dfdddd;
  189. text-decoration:none;
  190. text-transform:uppercase;
  191. -webkit-transition: all 0.4s ease;
  192. -moz-transition: all 0.4s ease;
  193. -o-transition: all 0.4s ease;}
  194.  
  195. #navicon a:hover {
  196. opacity:1;
  197. color: #dfdddd;
  198. text-shadow:2px 0px 0px #616161, -2px 0px 0px #616161;-webkit-transition: all 0.7s ease;
  199. -webkit-transition: all 0.4s ease;
  200. -moz-transition: all 0.4s ease;
  201. -o-transition: all 0.4s ease;}
  202.  
  203. /* CUSTOM LINKS */
  204.  
  205. #custli {
  206. position:fixed;
  207. left:92px;
  208. top: 146px;
  209. z-index:2;
  210. height:20px;
  211. -webkit-transition: all 0.7s ease;
  212. -moz-transition: all 0.7s ease;
  213. -o-transition: all 0.7s ease;}
  214.  
  215. #custli a {
  216. display:block;
  217. padding: 1px;
  218. margin-right:24px;
  219. margin-bottom:-8px;
  220. letter-spacing: 2px;
  221. line-height:20px;
  222. height:20px;
  223. width:80px;
  224. margin-left:-32px;
  225. font-size:7px;
  226. padding-right:4px;
  227. text-align:center;
  228. opacity:1;
  229. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  230. background:#3c3a3a;
  231. color:#dfdddd;
  232. font-family:helvetica;
  233. text-decoration:none;
  234. text-transform:uppercase;}
  235.  
  236. #custli a:hover {
  237. box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
  238. color:#fff;
  239. background:#2e2d2d;
  240. text-shadow:2px 0px 0px #585858, -2px 0px 0px #585858;
  241. -webkit-transition: all 0.3s ease;
  242. -moz-transition: all 0.3s ease;
  243. -o-transition: all 0.3s ease;}
  244.  
  245. /* --- ENTRIES --- */
  246.  
  247. #left{
  248. position:absolute;
  249. padding:5px;
  250. width:580px;
  251. left:500px;
  252. top: -26px;
  253. background:transparent;}
  254.  
  255. /* -- EVERY POST -- */
  256.  
  257. #entry {width:550px;
  258. margin-top:44px;
  259.  
  260. }
  261.  
  262. .post {
  263. width:500px;
  264. padding:10px;
  265. padding-bottom:4px;
  266. display: block;
  267. margin-bottom:14px;
  268. margin-top:8px;
  269. background-color:#FFFFFF;
  270. background-image: url('ФОН ПОСТОВ');
  271. background-repeat: repeat;
  272. text-align: center;
  273. font-style: normal;
  274. box-shadow: 0 0px 4px 0 #c3c3c3 inset;
  275. }
  276.  
  277. .post img {
  278. max-width:500px; }
  279.  
  280.  
  281. #nav3 {
  282. position: fixed;
  283. top: 120px;
  284. padding: 1px;
  285. margin:0px;
  286. z-index:10;
  287. left:92px;
  288. height:20px;
  289. width:80px;
  290. margin-left:-32px;
  291. padding-right:4px;
  292. text-align:center;}
  293.  
  294. #nav3 a {
  295. display:inline-block;
  296. font-size: 8px;
  297. line-height:20px;
  298. color:#a5a5a5;
  299. text-decoration:none;
  300. text-transform:uppercase;
  301. font-family:helvetica;
  302. -webkit-transition: all 0.4s ease;
  303. -moz-transition: all 0.4s ease;
  304. -o-transition: all 0.4s ease;}
  305.  
  306. #nav3 a:hover {
  307. color: #ffff;
  308. -webkit-transition: all 0.4s ease;
  309. -moz-transition: all 0.4s ease;
  310. -o-transition: all 0.4s ease;}
  311.  
  312. </style>
  313.  
  314. </head><body>
  315. <SCRIPT type="text/javascript">
  316. /*
  317. Snow Fall 1 - no images - Java Script
  318. Visit http://rainbow.arch.scriptmania.com/scripts/
  319. for this script and many more
  320. */
  321.  
  322. // Set the number of snowflakes (more than 30 - 40 not recommended)
  323. var snowmax=35
  324.  
  325. // Set the colors for the snow. Add as many colors as you like
  326. var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
  327.  
  328. // Set the fonts, that create the snowflakes. Add as many fonts as you like
  329. var snowtype=new Array("Times","Arial","Times","Verdana")
  330.  
  331. // Set the letter that creates your snowflake (recommended: * )
  332. var snowletter="*"
  333.  
  334. // Set the speed of sinking (recommended values range from 0.3 to 2)
  335. var sinkspeed=0.6
  336.  
  337. // Set the maximum-size of your snowflakes
  338. var snowmaxsize=30
  339.  
  340. // Set the minimal-size of your snowflakes
  341. var snowminsize=8
  342.  
  343. // Set the snowing-zone
  344. // Set 1 for all-over-snowing, set 2 for left-side-snowing
  345. // Set 3 for center-snowing, set 4 for right-side-snowing
  346. var snowingzone=1
  347.  
  348. ///////////////////////////////////////////////////////////////////////////
  349. // CONFIGURATION ENDS HERE
  350. ///////////////////////////////////////////////////////////////////////////
  351.  
  352.  
  353. // Do not edit below this line
  354. var snow=new Array()
  355. var marginbottom
  356. var marginright
  357. var timer
  358. var i_snow=0
  359. var x_mv=new Array();
  360. var crds=new Array();
  361. var lftrght=new Array();
  362. var browserinfos=navigator.userAgent
  363. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  364. var ns6=document.getElementById&&!document.all
  365. var opera=browserinfos.match(/Opera/)
  366. var browserok=ie5||ns6||opera
  367.  
  368. function randommaker(range) {
  369. rand=Math.floor(range*Math.random())
  370. return rand
  371. }
  372.  
  373. function initsnow() {
  374. if (ie5 || opera) {
  375. marginbottom = document.body.scrollHeight
  376. marginright = document.body.clientWidth-15
  377. }
  378. else if (ns6) {
  379. marginbottom = document.body.scrollHeight
  380. marginright = window.innerWidth-15
  381. }
  382. var snowsizerange=snowmaxsize-snowminsize
  383. for (i=0;i<=snowmax;i++) {
  384. crds[i] = 0;
  385. lftrght[i] = Math.random()*15;
  386. x_mv[i] = 0.03 + Math.random()/10;
  387. snow[i]=document.getElementById("s"+i)
  388. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  389. snow[i].size=randommaker(snowsizerange)+snowminsize
  390. snow[i].style.fontSize=snow[i].size+'px';
  391. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  392. snow[i].style.zIndex=1000
  393. snow[i].sink=sinkspeed*snow[i].size/5
  394. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  395. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  396. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  397. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  398. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  399. snow[i].style.left=snow[i].posx+'px';
  400. snow[i].style.top=snow[i].posy+'px';
  401. }
  402. movesnow()
  403. }
  404.  
  405. function movesnow() {
  406. for (i=0;i<=snowmax;i++) {
  407. crds[i] += x_mv[i];
  408. snow[i].posy+=snow[i].sink
  409. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  410. snow[i].style.top=snow[i].posy+'px';
  411.  
  412. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  413. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  414. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  415. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  416. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  417. snow[i].posy=0
  418. }
  419. }
  420. var timer=setTimeout("movesnow()",50)
  421. }
  422.  
  423. for (i=0;i<=snowmax;i++) {
  424. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  425. }
  426. if (browserok) {
  427. window.onload=initsnow
  428. }
  429.  
  430. </SCRIPT>
  431.  
  432.  
  433.  
  434. <div id="title">НАЗВАНИЕ БЛОГА НА АНГЛИЙСКОМ</div>
  435. <div id="background"></div>
  436. <div id="rules">
  437. <div id="nav3"> <a href="/page/2">next</a></div>
  438. <div id="custli">
  439. <a href="ССЫЛКА СЛЕВА АВЫ">НАЗВАНИЕ</a><br>
  440. <a href="ССЫЛКА СЛЕВА АВЫ">НАЗВАНИЕ</a><br>
  441. <a href="ССЫЛКА СЛЕВА АВЫ">НАЗВАНИЕ</a><br>
  442. <a href="ССЫЛКА СЛЕВА АВЫ">НАЗВАНИЕ</a><br>
  443. <a href="ССЫЛКА СЛЕВА АВЫ">НАЗВАНИЕ</a><br>
  444. <a href="ССЫЛКА СЛЕВА АВЫ">НАЗВАНИЕ</a><br>
  445. <a href="ССЫЛКА СЛЕВА АВЫ">НАЗВАНИЕ</a><br>
  446.  
  447. </div>
  448. <img src="АВА В БЛОГЕ"><br><div id="navicon">
  449. <a href="ССЫЛКА ПОД АВОЙ">НАЗВАНИЕ</a>
  450. <a href="ССЫЛКА ПОД АВОЙ">НАЗВАНИЕ</a>
  451. <a href="ССЫЛКА ПОД АВОЙ">НАЗВАНИЕ</a>
  452. <a href="ССЫЛКА ПОД АВОЙ">НАЗВАНИЕ</a>
  453. </div><br>
  454. ОПИСАНИЕ<br>
  455. </div>
  456.  
  457. <div id="left">
  458.  
  459. <div id="entry">
  460.  
  461.  
  462.  
  463. {block:startposts} <!-- Блок: начало записи(ей) -->
  464. <div id="right">
  465. {/block:startposts}
  466.  
  467.  
  468. {block:text} <!-- Блок: текстовая запись -->
  469. <div class="post">
  470. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  471. <div>
  472. {%text%}
  473. </div>
  474. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  475. </div>
  476. {/block:text}
  477.  
  478.  
  479. {block:photo} <!-- Блок: фотография -->
  480. <div class="post">
  481. <div>
  482. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  483. </div>
  484. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
  485. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  486. </div>
  487. {/block:photo}
  488.  
  489.  
  490. {block:link} <!-- Блок: ссылка -->
  491. <div class="post">
  492. <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
  493. {block:caption}<div>{%caption%}</div>{/block:caption}
  494. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  495. </div>
  496. {/block:link}
  497.  
  498.  
  499. {block:quote} <!-- Блок: цитата -->
  500. <div class="post">
  501. <h3>{%quote%}</h3> <!-- Цитата -->
  502. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  503. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  504. </div>
  505. {/block:quote}
  506.  
  507.  
  508. {block:audio} <!-- Блок: аудио -->
  509. <div class="post">
  510. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  511. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  512. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  513. </div>
  514. {/block:audio}
  515.  
  516.  
  517. {block:video} <!-- Блок: видео -->
  518. <div class="post">
  519. <div>{%videoplayer%}</div>
  520. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  521. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  522. </div>
  523. {/block:video}
  524.  
  525.  
  526. {block:dialog} <!-- Блок: диалог -->
  527. <div class="post">
  528. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  529. <div>{%dialog%}</div>
  530. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  531. </div>
  532. {/block:dialog}
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539. {block:endposts} <!-- Блок: конец записи(ей) -->
  540. </div>
  541. {/block:endposts}
  542.  
  543.  
  544. {block:startfooter} <!-- Блок: начало футера -->
  545. <div id="footer">
  546. {/block:startfooter}
  547.  
  548.  
  549.  
  550. {block:pages} <!-- Блок: постраничная навигация -->
  551. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  552.  
  553. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  554.  
  555. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  556. {/block:pages}
  557.  
  558.  
  559.  
  560. {block:endfooter} <!-- Блок: конец футера -->
  561. </div>
  562. <div class="clear"></div>
  563. {/block:endfooter}
  564.  
  565.  
  566.  
  567.  
  568.  
  569.  
  570.  
  571. </body>
  572. </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!