Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
- <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
- <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
- <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
- <!---
- ТЕМА СОЗДАНА
- http://saint-california.viewy.ru/
- http://stcalifornia-themes.viewy.ru/
- --->
- <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body{
- font-size:9px;
- background-color:#ffffff;
- color:#fff;
- font-family: Calibri;
- line-height:114 %;
- background-image: url(http://static.tumblr.com/6hsqxdt/8lwmesuyd/dark09.png);
- background-position: center;
- background-attachment: fixed;
- background-repeat: repeat;
- text-align: center;
- letter-spacing: 1px;
- font-weight: lighter;
- }
- a {font-family: Calibri;
- font-size:8px;color:#ffffff;
- text-transform: uppercase;
- letter-spacing: 2px;
- font-weight: normal;
- text-transform: none;
- text-decoration:none;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- a:hover {color:#b4b4b4;
- text-decoration:none;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- }
- #sidebar{
- top:25%;
- padding: 20px;
- position: fixed;
- right:290px;
- width:240px;
- z-index:150!important;
- }
- #back {
- position: fixed;
- z-index: 0;
- top: 0px;
- right: 0px;
- width: 580px;
- height: 100%;
- background-image: url('http://i.imgur.com/ciB41Rh.png?1');
- background-color: #fcf8e2;
- border-left: 10px solid #fff;
- }
- .stext{
- position: relative;
- padding:10px;
- box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
- background-color: rgba(255,255,255,0.1);
- text-align: center;
- font-family: calibri;
- font-size:8px;
- text-transform: uppercase;
- letter-spacing:1px;color: #fff;
- }
- .blogtitle{
- font-family: 'Satisfy', cursive;
- font-size:34px;
- margin-bottom:4px;
- text-transform: none;
- letter-spacing:2px;
- color: #f5f5f5;
- text-shadow:
- -2px -2px 1px #111,
- 3px 3px 1px #363636;
- }
- .links{
- font-family: Calibri;font-size:8px;top:10px;padding: 0px 2px;position: relative;
- }
- .links a, .links span{
- text-align: center;
- padding: 3px;margin-right:2px;
- font-family: Calibri;
- font-size:8px;
- width:240px;
- text-transform: uppercase;
- letter-spacing: 2px;
- font-weight: normal;
- cursor: pointer;
- border-left: 0px solid transparent;
- color: #ffffff;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
- background-color: rgba(255,255,255,0.1);
- }
- .links a:hover{font-family: Calibri;font-size:8px;
- background-color: rgba(256,256,256,0.0);
- }
- #image1 {
- z-index: 1000;
- position: fixed;
- right: 38px;
- top: 100px;
- padding: 10px;
- width: 220px;
- background-color: rgba(255,255,255,0.1);
- }
- #image1 img {
- width: 220px;
- }
- #image2 {
- z-index: 1000;
- position: fixed;
- right: 110px;
- top: 340px;
- width: 160px;
- padding: 10px;
- background-color: rgba(255,255,255,0.1);
- }
- #image2 img {
- width: 160px;
- }
- #entries {
- padding-right:40px;
- margin-left: 200px;
- width: 500px; text-align: center;}
- #posts {padding:10px; width: 550px; text-align: center;}
- .post {
- width:500px;
- padding:10px;
- display: block;
- margin-bottom:18px;
- background-image: url('ФОН ПОСТА');
- background-repeat: repeat;
- background-position:bottom;
- text-align: center;
- font-style: normal;
- padding:10px;
- padding-bottom:1px;
- box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
- background-color: rgba(255,255,255,0.1);
- }
- .post img {
- max-width:500px;
- }
- #left a {
- z-index: 1001;
- position: fixed;
- right: 560px;
- top: 300px;
- font-size: 20px;
- text-align: center;
- width: 25px;
- height: 25px;
- border-radius: 100px;
- border: 1px solid;
- background: #fdf3ba;
- }
- #right a {
- z-index: 1001;
- position: fixed;
- right: 560px;
- top: 330px;
- font-size: 20px;
- text-align: center;
- width: 25px;
- height: 25px;
- border-radius: 100px;
- border: 1px solid;
- background: #fdf3ba;
- }
- #scrollToTop:link,#scrollToTop:visited {
- z-index: 1001;
- display: none;
- position: fixed;
- bottom: 10px;
- right: 10px;
- font-size: 20px;
- text-align: center;
- width: 25px;
- height: 25px;
- border-radius: 100px;
- border: 1px solid;
- background: #fdf3ba;
- }
- ::selection {background: #565656;}
- ::-moz-selection {background: #565656;}
- ::-webkit-selection {background: #565656;}
- ::-webkit-scrollbar {
- width: 6px;
- height: 6px;background-image: url(http://static.tumblr.com/7w3ddo1/aY9mepzfi/themes_blog_pattern.png);}
- ::-webkit-scrollbar-button:start:decrement,
- -scrollbar-button:end:increment {
- height: 0px;
- display: block;
- }
- ::-webkit-scrollbar-track-piece {
- background-color: transparent;
- -webkit-border-radius: 5px;}
- ::-webkit-scrollbar-thumb:vertical {
- height: 30px; background-color:#ffffff;
- -webkit-border-radius: 5px;}
- ::-webkit-scrollbar-thumb:horizontal {
- height: 30px;
- -webkit-border-radius: 5px;}
- </style>
- </head>
- <body>
- <div id="back"></div>
- <div id="side">
- <div id="sidebar">
- <div class="stext"><div class="blogtitle">НАЗВАНИЕ БЛОГА НА АНГЛ</div>
- <p>ОПИСАНИЕ БЛОГА. ИНФОРМАЦИЯ О СЕБЕ. ЦИТАТЫ. ВИДЖЕТЫ.ПЛЕЕРЫ
- </p>
- </div>
- <div class="links">
- <a href="ССЫЛКА">НАЗВАНИЕ</a>
- <a href="ССЫЛКА">НАЗВАНИЕ</a>
- <a href="ССЫЛКА">НАЗВАНИЕ</a>
- </div>
- <div id="image1"><img src="ВЕРХНЯЯ АВАТАРКА В БЛОГЕ"></a></div>
- <div id="image2"><img src="НИЖНЯЯ АВАТАРКА В БЛОГЕ"></a>
- </div></div></div>
- <div id="posts">
- <div id="entries">
- {block:startposts} <!-- Блок: начало записи(ей) -->
- <div id="post">
- {/block:startposts}
- {block:text} <!-- Блок: текстовая запись -->
- <div class="post">
- {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
- <div>
- {%text%}
- </div>
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:text}
- {block:photo} <!-- Блок: фотография -->
- <div class="post">
- <div>
- {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
- </div>
- {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:photo}
- {block:link} <!-- Блок: ссылка -->
- <div class="post">
- <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
- {block:caption}<div>{%caption%}</div>{/block:caption}
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:link}
- {block:quote} <!-- Блок: цитата -->
- <div class="post">
- <h3>{%quote%}</h3> <!-- Цитата -->
- <p>— {%quotesource%}</p> <!-- Автор/Источник -->
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:quote}
- {block:audio} <!-- Блок: аудио -->
- <div class="post">
- <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
- {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:audio}
- {block:video} <!-- Блок: видео -->
- <div class="post">
- <div>{%videoplayer%}</div>
- {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:video}
- {block:dialog} <!-- Блок: диалог -->
- <div class="post">
- {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
- <div>{%dialog%}</div>
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:dialog}
- {block:endposts} <!-- Блок: конец записи(ей) -->
- </div>
- {/block:endposts}
- {block:startfooter} <!-- Блок: начало футера -->
- <div id="footer">
- {/block:startfooter}
- {block:pages} <!-- Блок: постраничная навигация -->
- {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
- {%currentpage%}/{%totalpages%}
- {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
- {/block:pages}
- {block:endfooter} <!-- Блок: конец футера -->
- </div>
- <div class="clear"></div>
- {/block:endfooter}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement