2009/03/17
■ [テーマ]今のテーマ 
![(σ・∀・)σtumblr!! - [PhotoURL-500]とかなってるとこを[PhotoURL-HighRes]ってすればおkです。…](http://22.media.tumblr.com/QHMXm1JC7kp4pxur9p2aAf9ao1_500.png)
以下背景に写真を使いたい人用、公式テーマをちょっといじっただけのテーマ。色と背景画像は自分でいじってください。notes尽き、ハイレゾ画像。
<!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>
<!-- DEFAULT COLORS -->
<meta name="color:Background" content="#222"/>
<meta name="color:Content Background" content="#fff"/>
<meta name="color:Title" content="#FFFFFF"/>
<meta name="color:Description" content="#FFFFFF"/>
<meta name="color:Nav Links" content="#F5F5F5"/>
<meta name="color:Date" content="#F5F5F5"/>
<meta name="color:Post Title" content="#FFFF00"/>
<meta name="color:Text" content="#FFFFFF"/>
<meta name="color:Inline Link" content="#FFFF00"/>
<meta name="color:Quote" content="#FFFFFF"/>
<meta name="color:Quote Source" content="#FFFFFF"/>
<meta name="color:Link Post" content="#FFFF00"/>
<meta name="color:Conversation Background 1" content="#f4f4f4"/>
<meta name="color:Conversation Background 2" content="#e8e8e8"/>
<meta name="color:Conversation Border" content="#F5F5F5"/>
<meta name="color:Conversation Text" content="#FFFFFF"/>
<meta name="color:Caption" content="#FFFFFF"/>
<meta name="color:Content Decoration" content="#FFFFFF"/>
<meta name="color:Footer" content="#eee"/>
<!-- END DEFAULT COLORS -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
<style type="text/css">
body {
background: #414C82 url(http://img.f.hatena.ne.jp/images/fotolife/s/s54kan/20090201/20090201235605_original.jpg) fixed repeat top left;
margin: 0px 0px 50px 0px;
font: Normal 12px Arial, Helvetica, sans-serif;
color: {color:Text};
}
#container {
padding: 25px;
}
#nav {
text-align: right;
float: right;
margin-left: 30px;
margin-bottom: 10px;
font-size: 12px;
white-spacing: nowrap;
}
#nav #search {
margin: 5px 0;
text-align: right;
}
#nav a {
color: {color:Nav Links};
font-weight: bold;
}
#nav .dim {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
margin: 0px 3px;
}
h1 {
color: {color:Title};
margin: 0px 0px 10px 0px;
font-weight: normal;
font-size: 30px;
letter-spacing: -1px;
}
h1 a {
color: {color:Title};
text-decoration: none;
}
#description {
color: {color:Description};
font-size: 12px;
line-height: 18px;
padding-right: 70px;
margin-bottom: 10px;
}
#searchresultcount {
margin: 15px 0;
text-align: center;
}
.date {
margin: 10px 0px 10px 0px;
color: {color:Date};
font-size: 24px;
text-align: right;
letter-spacing: -1px;
text-transform: uppercase;
border-bottom: solid 1px {color:Date};
}
div.post {
margin-bottom: 100px;
position: relative;
}
div.post h2 {
font-size: 14px;
color: {color:Post Title};
margin: 0px 0px 5px 0px;
}
div.post h2 a {
color: {color:Post Title};
text-decoration: none;
}
a {
color: {color:Inline Link};
}
/* Regular Post */
div.post div.regular {
font: Normal 12px 'Lucida Grande', Verdana, Arial, sans-serif;
line-height: 20px;
}
div.post div.regular blockquote {
font-style: italic;
}
/* Photo Post */
div.post div.photo img {
border-width: 0px;
}
div.post div.photo div.caption {
font-size: 12px;
line-height: 20px;
margin-top: 5px;
color: {color:Caption};
}
div.post div.photo div.caption a {
color: {color:Caption};
}
/* Quote Post */
div.post div.quote {
padding: 0px 30px 0px 30px;
}
div.post div.quote span.quote {
font-size: 40px;
color: {color:Quote};
}
div.post div.quote span.quote a {
color: {color:Quote};
}
div.post div.quote span.quote big.quote {
font: Bold 60px Georgia, serif;
line-height: 1px;
vertical-align: -23px;
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}
div.post div.quote span.quote big.quote a {
text-decoration: none;
}
div.post div.quote div.source {
font-size: 12px;
line-height: 20px;
color: {color:Quote Source};
}
div.post div.quote div.source a {
color: {color:Quote Source};
}
/* Link Post */
div.post div.link {
color: {color:Link Post};
font-size: 40px;
letter-spacing: -1px;
}
div.post div.link a.link {
color: {color:Link Post};
text-decoration: none;
border-bottom: dotted 1px {color:Link Post};
}
div.post div.link div.description {
font-size: 12px;
letter-spacing: 0px;
line-height: 20px;
}
/* Conversation Post */
div.post div.conversation ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 1px;
border-left: solid 5px {color:Conversation Border};
}
div.post div.conversation ul li {
font-size: 12px;
padding: 4px 0px 4px 8px;
color: {color:Conversation Text};
margin-bottom: 1px;
}
div.post div.conversation ul li span.label {
font-weight: bold;
}
div.post div.conversation ul li.odd {
}
div.post div.conversation ul li.even {
}
/* Audio Post */
div.post div.audio div.caption {
margin-top: 5px;
color: {color:Caption};
font-size: 12px;
}
div.post div.audio div.caption a {
color: {color:Caption};
}
/* Video Post */
div.post div.video div.caption {
margin-top: 5px;
color: {color:Caption};
font-size: 12px;
}
div.post div.video div.caption a {
color: {color:Caption};
}
#navigation {
font-size: 12px;
font-weight: bold;
}
#navigation a {
color: {color:Text};
text-decoration: none;
}
#navigation a:hover {
text-decoration: underline;
}
ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 1px #ccc;
}
ol.notes li.note {
border-top: solid 1px #ccc;
padding: 10px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note span.action {
font-weight: bold;
}
ol.notes li.note .answer_content {
font-weight: normal;
}
ol.notes li.note blockquote {
border-color: #eee;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
ol.notes li.note blockquote a {
text-decoration: none;
}
#footer {
margin-top: 11px;
font-size: 10px;
color: {color:Footer};
}
#footer a {
color: {color:Footer};
}
.query { font-weight: bold; }
{CustomCSS}
</style>
<!--[if IE]>
<style type="text/css">
div.post div.quote span.quote big.quote {
line-height: 40px;
}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="nav">
<a href="/random">Random</a>
<span class="dim">/</span>
<a href="/archive">Archive</a>
<span class="dim">/</span>
<a href="{RSS}">RSS</a>
<div id="search">
<form action="/search" method="get">
<input type="text" size="15" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
</div>
</div>
<h1><a href="/">{Title}</a></h1>
{block:Description}
<div id="description">
{Description}
</div>
{/block:Description}
{block:SearchPage}
<div id="searchresultcount">
<p>Your search for <span class="query">{SearchQuery}</span> returned {SearchResultCount} result(s).</p>
</div>
{/block:SearchPage}
{block:Posts}
{block:NewDayDate}
<div class="date">
{ShortMonth} {DayOfMonthWithZero}
</div>
{/block:NewDayDate}
<div class="post">
{block:Regular}
<div class="regular">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body}
</div>
{/block:Regular}
{block:Photo}
<div class="photo">
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Photo}
{block:Quote}
<div class="quote">
<span class="quote">
<big class="quote"><a href="{Permalink}">“</a></big> {Quote}
</span>
{block:Source}<div class="source">— {Source}</div>{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="link">
» <a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</div>
{/block:Link}
{block:Conversation}
<div class="conversation">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Conversation}
{block:Audio}
<div class="audio">
{AudioPlayerBlack}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}
{block:Video}
<div class="video">
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Video}
<a href="{Permalink}">Permalink</a>{block:NoteCount} (<a href="{Permalink}#notes">{NoteCountWithLabel}</a>){/block:NoteCount}
{block:PostNotes}
<h4 class="notes"><a name="notes">Reblogged & Liked ({NoteCountWithLabel})</a></h4>
{PostNotes}
{/block:PostNotes}
</div>
{/block:Posts}
<div id="navigation">
{block:PreviousPage}
<a href="{PreviousPage}">previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">next »</a>
{/block:NextPage}
</div>
</div>
<div id="footer">
subscribe via <a href="/rss">rss</a> /
powered by <a href="http://www.tumblr.com/" target="_blank">tumblr</a>
</div>
</body>
</html>
■ [likes]likes から 
- Katmandu
- stairs on border (via nodoca)
- SAKURA*bus-house (via m-louis)
- Dream about the valley
@ak47_ Tumblrに上げられてる写真を、例えばtwitterの背景とかに設定して使ってもいいですか？ (link)@54kan 全然構わないですよー^^ (link)
@ak47_ わーい＾o＾ 使わせてもらいまーす (link)
@54kan 嬉しいでーす！いつでも自由に使っちゃってくださいな (link)
嬉しい限り。皆さんも使い道があれば無断でジャンジャン使って頂いて構わないです^^v
最近のlikesからとりあえずこれだけ・・高い所から低い所を見下ろしていたり、見通しがよかったりする写真が好きらしい。
自分のpostにlikeつけられないのはうんこ。
コメントを書く