Кнопка - HTML и CSS

EvgenZa · 11.04.2011, 17:04

Помогите заделать кнопку мне нравится.

- это то что примерно мне надо.

САЙТ на котором кнопка.

тут я её Смог вставить в левый верхний угол как видно.

Требуется вставить её в противоположный нижний угол. и чтобы она выскакивала в каждом новом посте.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}{block:TagPage} - Posts tagged {Tag}{/block:TagPage}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}


<meta name="font:Body" content="Georgia" />
<meta name="color:Links" content="#6aa6ea" />
<meta name="if:Show tags" content="" />
<meta name="if:Show my avatar" content="" />
<meta name="if:Show people I follow" content="" />

<style type="text/css">
/* ================================
Natural Elegance Tumblr Theme
Version: 1.0
Author: Dan Hauk - http://dan-hauk.com
=================================== = */

/* RESET */
html,body,div,dl,dt,dd,ul,ol,li,h1, h2,h3,h4,h5,h6,pre,form,fieldset,in put,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,st rong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
a img {
border: 0;
}

/* GLOBAL STRUCTURE */
@font-face {
font-family: Raleway;
src: url('http://static.tumblr.com/2wjmz5y/40xlg5jfd/raleway-thin.otf');
}

body {
background: #0d0d0d url(http://static.tumblr.com/2wjmz5y/R3Tlg5j5c/body-bg.jpg) repeat fixed top center;
color: #d5d5d5;
font: 12px/18px {font:Body};
}

a {
color: {color:Links};
text-decoration: none;
}

a:hover {
color: #fff;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

#wrap {
background: url(http://static.tumblr.com/2wjmz5y/7qplg5jer/wrap-bg.jpg) no-repeat fixed top center;
height: 100%;
min-height: 800px;
width: 100%;
}

#tumblr_controls {
position: fixed !important;
}

#container {
clear: both;
margin: 0 auto;
position: relative;
width: 600px;
}

/* NAVIGATION */
#top-nav {
background: url(http://static.tumblr.com/2wjmz5y/n2flg5j6o/nav-bg.png) no-repeat top center;
height: 90px;
margin: 0 auto;
position: fixed;
top: 0;
width: 600px;
z-index: 100;
}

#top-nav li {
float: left;
}

#top-nav li a {
color: #D9D9D9;
display: block;
font: bold 14px/51px Arial, Helvetica, sans-serif;
height: 51px;
padding: 0 10px;
text-shadow: 1px 1px 2px #000;
text-transform: uppercase;
}

#top-nav li a:hover {
background: url(http://static.tumblr.com/2wjmz5y/Ves...hover-bg.png);
color: #fff;
}

/* HEADER */
#blog-title {
margin-bottom: 30px;
padding-top: 90px;
}

#blog-title a {
color: #fff;
font-family: Raleway, Georgia, serif;
font-size: 45px;
font-weight: lighter;
text-shadow: 1px 1px 3px #000;
}

#blog-description {
background: url(http://static.tumblr.com/2wjmz5y/Ytc...beveled-hr.png) no-repeat top center;
margin: 0;
overflow: hidden;
padding: 30px 0;
text-shadow: 1px 1px 3px #000;
}

#blog-description .my-avatar {
float: right;
margin: 5px 0 5px 20px;
}

h2.page-title {
background: url(http://static.tumblr.com/2wjmz5y/Ytc...beveled-hr.png) no-repeat top center;
clear: both;
color: #8f8f8f;
font-size: 18px;
font-style: italic;
font-weight: normal;
padding: 30px 0;
}

h2.page-title span {
color: #fff;
}

EvgenZa · 11.04.2011, 17:05

/* POSTS */
#posts {
clear: both;
}

.post {
margin-bottom: 10px;
width: 600px;
}

.post-top {
background: url(http://static.tumblr.com/2wjmz5y/2OElg5jd1/post-top.png) no-repeat top center;
height: 12px;
margin: 0 -5px;
width: 610px;
}

.post-bottom {
background: url(http://static.tumblr.com/2wjmz5y/2by...ost-bottom.png) no-repeat bottom center;
height: 12px;
margin: 0 -5px;
width: 610px;
}

.post-content,
.post-meta {
background: url(http://static.tumblr.com/2wjmz5y/0Iblg5jc0/post-bg.png) repeat-y top center;
margin: 0 -5px;
padding: 0 32px;
position: relative;
}

.post-content a:hover {
text-decoration: underline;
}

.post-content h2 a,
.post-quote h2,
.post-heading {
background: url(http://static.tumblr.com/2wjmz5y/l4G...title-bg.png);
border-bottom: 1px solid #2d2d2d;
color: #c6c6c6;
display: block;
font: italic 24px Georgia, 'Times New Roman', serif;
margin: 0 -20px;
padding: 20px;
}

.post-content h2 a:hover {
color: {color:Links};
text-decoration: none;
}

.post-content .permalink {
background: url(http://static.tumblr.com/2wjmz5y/3Hg...-permalink.png) no-repeat top left;
display: block;
height: 27px;
position: absolute;
right: 21px;
text-indent: -9999em;
top: 0;
width: 12px;
}

.post-content p {
padding-top: 20px;
text-shadow: 1px 1px 3px #000;
}

.post-content blockquote {
border-left: 3px solid #3b3b3b;
font-style: italic;
margin: 20px 20px 0;
padding-left: 10px;
}

.post-content blockquote p {
padding-top: 0;
}

.post-content ul {
list-style: disc;
padding: 20px 30px 0;
}

.post-content ol {
list-style: decimal;
padding: 20px 30px 0;
}

.post-content img {
max-width: 560px;
}

.post-content .reblogged {
font-size: 10px;
padding-top: 5px;
}

/* POST META */
.post-meta {
color: #787878;
font-size: 11px;
font-style: italic;
overflow: hidden;
padding: 20px 12px 0;
}

.post-meta a {
color: #787878;
}

.post-meta a:hover {
text-decoration: underline;
}

.post-meta p {
border-top: 1px solid #2d2d2d;
padding: 10px 20px;
}

.post-meta .post-time {
background: url(http://static.tumblr.com/2wjmz5y/cfr...tmeta-time.png) no-repeat left center;
margin-right: 20px;
padding-left: 15px;
}

.post-meta .post-notes {
background: url(http://static.tumblr.com/2wjmz5y/NKN...meta-notes.png) no-repeat 0 4px;
padding-left: 16px;
}

.post-meta .tags {
border: 0;
margin-top: -5px;
padding-top: 0;
}

.post-meta .tags span {
color: #444;
}

.post-meta .tags a {
margin: 0 8px 0 2px;
}

/* POST - LINK */
.post-link h2 a span {
background: url(http://static.tumblr.com/2wjmz5y/IlH.../link-icon.png) no-repeat left center;
padding-left: 25px;
}

/* POST - PHOTO/VIDEO */
.post-photo img {
display: block;
margin: 0 auto;
padding: 20px 0 0;
}

.post-photoset .photoset-embed,
.post-video .video-embed {
margin: 0 auto;
padding: 20px 0 0;
}

/* POST - AUDIO */
.post-audio .post-heading .album-art {
float: left;
margin: 0 10px 10px;
max-height: 120px;
max-width: 120px;
}

.post-audio .post-heading .track {
font-size: 18px;
font-weight: bold;
}

.post-audio .post-heading .artist,
.post-audio .post-heading .album {
font-size: 14px;
font-style: normal;
}

/* POST - CHAT */
ul.chat {
list-style: none;
padding: 20px 0 0;
}

ul.chat li {
padding: 5px;
}

ul.chat li.odd {
background: url(http://static.tumblr.com/2wjmz5y/l4G...title-bg.png);
}

ul.chat li span.chat-label {
font-size: 10px;
font-weight: bold;
margin-right: 10px;
text-transform: uppercase;
}

EvgenZa · 11.04.2011, 17:05

/* PAGINATION */
#pagination {
clear: both;
height: 50px;
margin: 10px -4px;
}

#pagination #prev-page {
background: url(http://static.tumblr.com/2wjmz5y/YGM...ation-left.png) no-repeat top center;
display: block;
float: left;
height: 40px;
text-indent: -9999em;
width: 40px;
}

#pagination #prev-page:hover {
background: url(http://static.tumblr.com/2wjmz5y/YGM...ation-left.png) no-repeat bottom center;
}

#pagination #next-page {
background: url(http://static.tumblr.com/2wjmz5y/ejg...tion-right.png) no-repeat top center;
display: block;
float: right;
height: 40px;
text-indent: -9999em;
width: 40px;
}

#pagination #next-page:hover {
background: url(http://static.tumblr.com/2wjmz5y/ejg...tion-right.png) no-repeat bottom center;
}

/* FOLLOWING */
#following {
background: url(http://static.tumblr.com/2wjmz5y/Ytc...beveled-hr.png) no-repeat top center;
margin: 20px 0 -15px;
overflow: hidden;
padding-top: 15px;
}

#following h3 {
font-size: 14px;
font-style: italic;
font-weight: normal;
padding-bottom: 10px;
}

#following ul li {
float: left;
margin: -3px 5px 5px 0;
}

#following ul li img {
border: 1px solid transparent;
opacity: 0.7;
}

#following ul li img:hover {
border-color: #666;
opacity: 1;
}

/* NOTES */
#post-notes {
margin: 30px 0;
}

.post-content #show-notes {
font-size: 18px;
padding: 10px 20px;
}

.post-content #show-notes span.show-notes-link {
background: url(http://static.tumblr.com/2wjmz5y/hrt...notes-show.png) no-repeat right center;
display: block;
}

.post-content #show-notes span.hide-notes-link {
background: url(http://static.tumblr.com/2wjmz5y/2Vf...notes-hide.png) no-repeat right center;
display: block;
}

ol.notes {
list-style: none;
padding: 0;
}

ol.notes li {
border-bottom: 1px solid #333;
font-size: 11px;
padding: 5px 0;
}

ol.notes li.reply {
background: url(http://static.tumblr.com/2wjmz5y/HAZ...otes-reply.png) no-repeat right 8px;
}

ol.notes li.like {
background: url(http://static.tumblr.com/2wjmz5y/Rac...notes-like.png) no-repeat right 8px;
}

ol.notes li.reblog {
background: url(http://static.tumblr.com/2wjmz5y/zcm...tes-reblog.png) no-repeat right 8px;
}

ol.notes li img.avatar {
margin: 0 3px -3px 0;
}

/* FOOTER */
#footer {
background: url(http://static.tumblr.com/2wjmz5y/Ytc...beveled-hr.png) no-repeat top center;
color: #595959;
font: 10px Arial, Helvetica, sans-serif;
margin-top: 20px;
padding: 15px 0;
}

#footer a {
color: {color:Links};
text-decoration: underline;
}

#footer a:hover {
color: #fff;
}
</style>

<style type="text/css">
{CustomCSS}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#show-notes .hide-notes-link').hide();
$('#show-notes .show-notes-link').show();
$('ol.notes').hide();

$('#show-notes .show-notes-link').click(function() {
$(this).hide();
$('#show-notes .hide-notes-link').show();
$('ol.notes').slideDown();
return false;
});
$('#show-notes .hide-notes-link').click(function() {
$(this).hide();
$('#show-notes .show-notes-link').show();
$('ol.notes').slideUp();
return false;
});
})
</script>

</head>

<body>

<div id="wrap">

<div id="container">


<ul id="top-nav">
<li><a href="/">Home</a></li>
{block:HasPages}
{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
{/block:HasPages}
{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
<li><a href="/archive">Archive</a></li>
<li><a href="http://www.myspace.com/picturecell">Myspace</a></li>
<li><a href="http://www.facebook.com/Picturecell">Facebook</a></li>
</ul>


<h1 id="blog-title"><a href="/">{Title}</a></h1>
{block:Description}
<p id="blog-description">
{block:IfShowMyAvatar}<img src="{PortraitURL-48}" alt="{Title}" class="my-avatar" />{/block:IfShowMyAvatar}
{Description}
</p>
{/block:Description}

{block:TagPage}
<h2 class="page-title">Posts tagged <span>{Tag}</span></h2>
{/block:TagPage}


<div id="posts">
{block:Posts}
<div class="post" id="{PostID}">
<div class="post-top"></div>

{block:Text}
<div class="post-content post-text">
<a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>

{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}

{block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}

EvgenZa · 11.04.2011, 17:05

{Body}
</div> 
{/block:Text}

{block:Photo}
<div class="post-content post-photo">
<a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>
<iframe src="http://www.facebook.com/plugins/like.php?href&layout=standard&a mp;show_faces=true&width=450&am p;action=like&font&colorsch eme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" />
{LinkCloseTag}

{block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
{block:Caption}
{Caption}
{/block:Caption}
</div> 
{/block:Photo}

{block:Photoset}
<div class="post-content post-photoset">
<a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>

<div class="photoset-embed">
{Photoset-500}
</div>

{block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
{block:Caption}
{Caption}
{/block:Caption}
</div> 
{/block:Photoset}

{block:Video}
<div class="post-content post-video">
<a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>

<div class="video-embed">
{Video-500}
</div>

{block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
{block:Caption}
{Caption}
{/block:Caption}
</div> 
{/block:Video}

{block:Audio}
<div class="post-content post-audio">
<a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>

<div class="post-heading">
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="{Album}" class="album-art" />
{/block:AlbumArt}
{AudioPlayerBlack}
{block:TrackName}<span class="track">{TrackName}</span><br />{/block:TrackName}
{block:Artist}<span class="artist">{Artist}</span><br />{/block:Artist}
{block:Album}<span class="album">{Album}</span>{/block:Album}
</div>

{block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}
{block:Caption}
{Caption}
{/block:Caption}
</div> 
{/block:Audio}

{block:Link}
<div class="post-content post-link">
<a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>

<h2><a href="{URL}" {Target}><span>{Name}</span></a></h2>

{block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}

{block:Description}
{Description}
{/block:Description}
</div> 
{/block:Link}

{block:Quote}
<div class="post-content post-quote">
<a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>

<h2>"{Quote}"</h2>

{block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}

{block:Source}
<p>{Source}</p>
{/block:Source}
</div> 
{/block:Quote}

{block:Answer}
<div class="post-content post-quote">
<a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>

<h2>"{Question}"</h2>

<p class="reblogged">Asked by {Asker}</p>

{Answer}
</div> 
{/block:Answer}

EvgenZa · 11.04.2011, 17:05

{block:Chat}
<div class="post-content post-chat">
<a href="{Permalink}" class="permalink" title="Permalink">Permalink</a>

{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}

{block:RebloggedFrom}<p class="reblogged">Reblogged from <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></p>{/block:RebloggedFrom}

<ul class="chat">
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="chat-label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div> 
{/block:Chat}

<div class="post-meta">
<p>
{block:Date}
<span class="post-time">Posted {Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes} {AmPm}</span>
{/block:Date}
{block:NoteCount}
<span class="post-notes"><a href="{Permalink}#post-notes">{NoteCount} notes</a></span>
{/block:NoteCount}
</p>
{block:IfShowTags}
{block:HasTags}
<p class="tags">{block:Tags}<span>#</span><a href="{TagURL}">{Tag}</a>{/block:Tags}</p>
{/block:HasTags}
{/block:IfShowTags}
</div> 
<div class="post-bottom"></div>
</div> 
{/block:Posts}
</div> 


{block:Pagination}
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}" id="prev-page">Previous Page</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" id="next-page">Next Page</a>{/block:NextPage}
</div> 
{/block:Pagination}

{block:PermalinkPagination}
<div id="pagination">
{block:PreviousPost}<a href="{PreviousPost}" id="prev-page">Previous Post</a>{/block:PreviousPost}
{block:NextPost}<a href="{NextPost}" id="next-page">Next Post</a>{/block:NextPost}
</div> 
{/block:PermalinkPagination}

{block:PostNotes}

<div id="post-notes">
<div class="post-top"></div>
<div class="post-content">
<h2><a href="#" id="show-notes">
<span class="show-notes-link" style="display:none">Show {block:NoteCount}{NoteCount}{/block:NoteCount} notes</span>
<span class="hide-notes-link">Hide notes</span>
</a></h2>
{PostNotes}
</div>
<div class="post-bottom"></div>
</div> 
{/block:PostNotes}

{block:IfShowPeopleIFollow}
{block:Following}

<div id="following">
<h3>People I Follow</h3>
<ul>
{block:Followed}
<li><a href="{FollowedURL}" {Target}><img src="{FollowedPortraitURL-16}" alt="{FollowedName}" /></a></li>
{/block:Followed}
</ul>
</div> 
{/block:Following}
{/block:IfShowPeopleIFollow}


<div id="footer">
<p>Copyright © {CopyrightYears} {Title}.<br />
Powered by <a href="http://www.tumblr.com" {Target}>Tumblr</a><br />
Natural Elegance theme by <a href="http://www.dan-hauk.com" {Target}>Dan Hauk</a></p>
</div> 
</div> 
</div> 

</body>

</html>

11.04.2011, 17:04	#1
EvgenZa Новичок Джуниор Регистрация: 11.04.2011 Сообщений: 5	Кнопка Помогите заделать кнопку мне нравится. - это то что примерно мне надо. САЙТ на котором кнопка. тут я её Смог вставить в левый верхний угол как видно. Требуется вставить её в противоположный нижний угол. и чтобы она выскакивала в каждом новом посте. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}{block:TagPage} - Posts tagged {Tag}{/block:TagPage}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="apple-touch-icon" href="{PortraitURL-128}"/> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description} <!-- Customization --> <meta name="font:Body" content="Georgia" /> <meta name="color:Links" content="#6aa6ea" /> <meta name="if:Show tags" content="" /> <meta name="if:Show my avatar" content="" /> <meta name="if:Show people I follow" content="" /> <style type="text/css"> /* ================================ Natural Elegance Tumblr Theme Version: 1.0 Author: Dan Hauk - http://dan-hauk.com =================================== = / / RESET / html,body,div,dl,dt,dd,ul,ol,li,h1, h2,h3,h4,h5,h6,pre,form,fieldset,in put,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,st rong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; } q:before,q:after { content:''; } abbr,acronym { border:0; } a img { border: 0; } / GLOBAL STRUCTURE / @font-face { font-family: Raleway; src: url('http://static.tumblr.com/2wjmz5y/40xlg5jfd/raleway-thin.otf'); } body { background: #0d0d0d url(http://static.tumblr.com/2wjmz5y/R3Tlg5j5c/body-bg.jpg) repeat fixed top center; color: #d5d5d5; font: 12px/18px {font:Body}; } a { color: {color:Links}; text-decoration: none; } a:hover { color: #fff; } strong { font-weight: bold; } em { font-style: italic; } #wrap { background: url(http://static.tumblr.com/2wjmz5y/7qplg5jer/wrap-bg.jpg) no-repeat fixed top center; height: 100%; min-height: 800px; width: 100%; } #tumblr_controls { position: fixed !important; } #container { clear: both; margin: 0 auto; position: relative; width: 600px; } / NAVIGATION / #top-nav { background: url(http://static.tumblr.com/2wjmz5y/n2flg5j6o/nav-bg.png) no-repeat top center; height: 90px; margin: 0 auto; position: fixed; top: 0; width: 600px; z-index: 100; } #top-nav li { float: left; } #top-nav li a { color: #D9D9D9; display: block; font: bold 14px/51px Arial, Helvetica, sans-serif; height: 51px; padding: 0 10px; text-shadow: 1px 1px 2px #000; text-transform: uppercase; } #top-nav li a:hover { background: url(http://static.tumblr.com/2wjmz5y/Ves...hover-bg.png); color: #fff; } / HEADER */ #blog-title { margin-bottom: 30px; padding-top: 90px; } #blog-title a { color: #fff; font-family: Raleway, Georgia, serif; font-size: 45px; font-weight: lighter; text-shadow: 1px 1px 3px #000; } #blog-description { background: url(http://static.tumblr.com/2wjmz5y/Ytc...beveled-hr.png) no-repeat top center; margin: 0; overflow: hidden; padding: 30px 0; text-shadow: 1px 1px 3px #000; } #blog-description .my-avatar { float: right; margin: 5px 0 5px 20px; } h2.page-title { background: url(http://static.tumblr.com/2wjmz5y/Ytc...beveled-hr.png) no-repeat top center; clear: both; color: #8f8f8f; font-size: 18px; font-style: italic; font-weight: normal; padding: 30px 0; } h2.page-title span { color: #fff; }

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Кнопка	mr_Neon	Помощь студентам	4	30.12.2010 14:54
кнопка	prostac	Помощь студентам	2	23.09.2010 20:31
Кнопка	Obey177	Общие вопросы Delphi	24	02.09.2010 04:50
Кнопка	_-Re@l-_	Общие вопросы Delphi	13	23.06.2010 18:16

11.04.2011, 17:05	#2
EvgenZa Новичок Джуниор Регистрация: 11.04.2011 Сообщений: 5	/* POSTS / #posts { clear: both; } .post { margin-bottom: 10px; width: 600px; } .post-top { background: url(http://static.tumblr.com/2wjmz5y/2OElg5jd1/post-top.png) no-repeat top center; height: 12px; margin: 0 -5px; width: 610px; } .post-bottom { background: url(http://static.tumblr.com/2wjmz5y/2by...ost-bottom.png) no-repeat bottom center; height: 12px; margin: 0 -5px; width: 610px; } .post-content, .post-meta { background: url(http://static.tumblr.com/2wjmz5y/0Iblg5jc0/post-bg.png) repeat-y top center; margin: 0 -5px; padding: 0 32px; position: relative; } .post-content a:hover { text-decoration: underline; } .post-content h2 a, .post-quote h2, .post-heading { background: url(http://static.tumblr.com/2wjmz5y/l4G...title-bg.png); border-bottom: 1px solid #2d2d2d; color: #c6c6c6; display: block; font: italic 24px Georgia, 'Times New Roman', serif; margin: 0 -20px; padding: 20px; } .post-content h2 a:hover { color: {color:Links}; text-decoration: none; } .post-content .permalink { background: url(http://static.tumblr.com/2wjmz5y/3Hg...-permalink.png) no-repeat top left; display: block; height: 27px; position: absolute; right: 21px; text-indent: -9999em; top: 0; width: 12px; } .post-content p { padding-top: 20px; text-shadow: 1px 1px 3px #000; } .post-content blockquote { border-left: 3px solid #3b3b3b; font-style: italic; margin: 20px 20px 0; padding-left: 10px; } .post-content blockquote p { padding-top: 0; } .post-content ul { list-style: disc; padding: 20px 30px 0; } .post-content ol { list-style: decimal; padding: 20px 30px 0; } .post-content img { max-width: 560px; } .post-content .reblogged { font-size: 10px; padding-top: 5px; } / POST META / .post-meta { color: #787878; font-size: 11px; font-style: italic; overflow: hidden; padding: 20px 12px 0; } .post-meta a { color: #787878; } .post-meta a:hover { text-decoration: underline; } .post-meta p { border-top: 1px solid #2d2d2d; padding: 10px 20px; } .post-meta .post-time { background: url(http://static.tumblr.com/2wjmz5y/cfr...tmeta-time.png) no-repeat left center; margin-right: 20px; padding-left: 15px; } .post-meta .post-notes { background: url(http://static.tumblr.com/2wjmz5y/NKN...meta-notes.png) no-repeat 0 4px; padding-left: 16px; } .post-meta .tags { border: 0; margin-top: -5px; padding-top: 0; } .post-meta .tags span { color: #444; } .post-meta .tags a { margin: 0 8px 0 2px; } / POST - LINK / .post-link h2 a span { background: url(http://static.tumblr.com/2wjmz5y/IlH.../link-icon.png) no-repeat left center; padding-left: 25px; } / POST - PHOTO/VIDEO / .post-photo img { display: block; margin: 0 auto; padding: 20px 0 0; } .post-photoset .photoset-embed, .post-video .video-embed { margin: 0 auto; padding: 20px 0 0; } / POST - AUDIO / .post-audio .post-heading .album-art { float: left; margin: 0 10px 10px; max-height: 120px; max-width: 120px; } .post-audio .post-heading .track { font-size: 18px; font-weight: bold; } .post-audio .post-heading .artist, .post-audio .post-heading .album { font-size: 14px; font-style: normal; } / POST - CHAT */ ul.chat { list-style: none; padding: 20px 0 0; } ul.chat li { padding: 5px; } ul.chat li.odd { background: url(http://static.tumblr.com/2wjmz5y/l4G...title-bg.png); } ul.chat li span.chat-label { font-size: 10px; font-weight: bold; margin-right: 10px; text-transform: uppercase; }