Hatena::Grouptumblr

54kanのたんぶら日記 このページをアンテナに追加 RSSフィード

2010/03/05

[]背景単色用テーマ 背景単色用テーマ - 54kanのたんぶら日記 を含むブックマーク はてなブックマーク - 背景単色用テーマ - 54kanのたんぶら日記 背景単色用テーマ - 54kanのたんぶら日記 のブックマークコメント

にPOSTしたけどこっちでも一応。

背景単色用テーマ

http://tumblr.g.hatena.ne.jp/darksilentnight/20090317/p1
は2009年3月当時の公式テーマをいじったもの。背景画像用。

今回は背景単色(?)用。2010年3月5日時点でのテーマをいじったもの。
http://54kan.x0.to/54kan/20100205-2.txt

  • ハイレゾ画像(幅はブラウザに合わせて100%)
  • notes(元からついてる。チェック外せば非表示)
  • Tagつけたいなら自力で
  • 色とかは好みにいじってね!

以上。

DanyDany2011/08/20 05:31There is a critical shortage of informative atcriles like this.

uhpzlqgwzsauhpzlqgwzsa2011/08/24 01:02OIvQxV , [url=http://fwxizktsfolu.com/]fwxizktsfolu[/url], [link=http://bsemiebulvlz.com/]bsemiebulvlz[/link], http://qgosvgdtwqxj.com/

exlucxzvexlucxzv2011/08/31 18:16OYLkGe , [url=http://lzlmlaltvtop.com/]lzlmlaltvtop[/url], [link=http://klaqzahdapvr.com/]klaqzahdapvr[/link], http://sdrcwybymtfs.com/

OmarOmar2013/04/04 18:44I'm grateful you made the post. It's claered the air for me.

yxzcpqyxzcpq2013/04/05 17:36G9laE9 <a href="http://nlckmodibpqn.com/">nlckmodibpqn</a>

2009/03/17

[]今のテーマ 今のテーマ - 54kanのたんぶら日記 を含むブックマーク はてなブックマーク - 今のテーマ - 54kanのたんぶら日記 今のテーマ - 54kanのたんぶら日記 のブックマークコメント

(σ・∀・)σtumblr!! - [PhotoURL-500]とかなってるとこを[PhotoURL-HighRes]ってすればおkです。&#8230;

以下背景に写真を使いたい人用、公式テーマをちょっといじっただけのテーマ。色と背景画像は自分でいじってください。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}">&#147;</a></big> {Quote}
                        </span>
                        {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
                    </div>
                {/block:Quote}
                
                {block:Link}
                    <div class="link">
                        &#187; <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> &nbsp;&nbsp;
            {/block:PreviousPage}
        
            {block:NextPage}
                <a href="{NextPage}">next &#187;</a>
            {/block:NextPage}
        </div>
    </div>
    <div id="footer">
        subscribe via <a href="/rss">rss</a> &nbsp;/&nbsp;
        powered by <a href="http://www.tumblr.com/" target="_blank">tumblr</a>
    </div>
</body>
</html>

RagaramRagaram2013/04/03 03:57I was struck by the honetsy of your posting

nrjlshzajknrjlshzajk2013/04/04 05:09WGHiFm <a href="http://cstwngbqyyrn.com/">cstwngbqyyrn</a>

gpoakjahgpoakjah2013/04/04 10:44LKqD41 , [url=http://cauzvaviuzgy.com/]cauzvaviuzgy[/url], [link=http://uldfixksbjay.com/]uldfixksbjay[/link], http://qcvqketlpsba.com/

2008/04/30

[]mosaic mosaic - 54kanのたんぶら日記 を含むブックマーク はてなブックマーク - mosaic - 54kanのたんぶら日記 mosaic - 54kanのたんぶら日記 のブックマークコメント

http://www.freecsstemplates.org/preview/mosaic

↑これをtumblrで使えるように当てはめてみた。だけ。

  • 特徴
    • AutopagerizeとLDRizeが効く
      • LDRizeは効くけれどReblogCommandの[t]でリブログができない
  • まぁ許せるかなの壁
    • next, Previous の部分が適当
    • chatも適当
    • postが短いと下が余る
    • quoteがtextの時と変わらない感じ
  • 未完成部分
    • サーチフォーム

サーチフォームは私がhtmlわからなかっただけで、わかる人が直して使ったら使えるだろうし、そんなものいらぬと思ったらごっそり削除しちゃえばいいですよね。

ReblogCommandもわかりません。

手を加えて使ってください。

  • 下からまたは( 54kan.otodo.net/20080430-p2.txt )このファイルのコピペで。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Mosaic
Description: A two-column, fixed width Web 2.0 design with fluid header and menu. Suitable for small business websites and blogs.
Version    : 1.0
Released   : 20071028

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="/rss">
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

body {
	background: url(http://media.tumblr.com/uYOc2obDp8f7x9uadjG8qvni_500.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #972F1C;
}

h1, h2, h3 {
	text-transform: lowercase;
	color: #505956;
}

h1 {
	font-size: 42px;
}

hr {
	display: none;
}

a {
	color: #990000;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
	height: 160px;
	background: url(http://media.tumblr.com/uYOc2obDp8f7zecimvUXaoqh_500.jpg);
}

#logo {
	height: 40px;
	padding-right: 10px;
	background: url(http://media.tumblr.com/uYOc2obDp8f80civWX33IThB_500.jpg) no-repeat right top;
	text-align: right;
}

#logo h1, #logo p, #logo a {
	display: inline;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 30px;
	font-weight: bold;
	color: #612A0F;
}

#menu {
	height: 96px;
}

#menu ul {
	list-style: none;
}

#menu li {
	float: left;
	height: 96px;
}

#menu a {
	float: left;
	height: 66px;
	padding: 30px 20px 0 20px;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: -2px;
	font-size: 30px;
	font-weight: bold;
	color: #E6CFB4;
}

#menu a:hover {
	color: #FFFFFF;
}

#menu li.current_page_item a {
	background: url(http://media.tumblr.com/uYOc2obDp8f81lf6U1tsukfL_500.jpg) repeat-x;
	color: #647472;
}

/* Page */

#page {
	width: 980px;
	margin: 0 auto;
}

#page p,
#page ul,
#page ol {
	margin-bottom: 1.5em;
	line-height: 150%;
}

#page ul,
#page ol {
	list-style-position: inside;
}

/* Content */

#content {
	float: left;
	width: 680px;
	background: url(http://media.tumblr.com/uYOc2obDp8f864inD2ewDjty_500.jpg) no-repeat right top;
}

/* Post Block */

.post {
	background: url(http://f.hatena.ne.jp/images/fotolife/s/s54kan/20080430/20080430192901.jpg) repeat-y 147px 0;
}

.post .bgbottom {
	height: 60px;
	background: url(http://f.hatena.ne.jp/images/fotolife/s/s54kan/20080430/20080430192900.jpg) no-repeat 147px 0;
}

.post .meta {
	float: left;
	width: 149px;
	height: 355px;
	background: url(http://media.tumblr.com/uYOc2obDp8f81wad9kzb92aR_500.jpg) no-repeat;
	text-align: center;
	text-transform: lowercase;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

.post .meta a {
}

.post .meta .date, .post .meta .comments {
	display: block;
	text-decoration: none;
	color: #333333;
}

.post .meta .d, .post .meta .c {
	display: block;
	font-size: 36px;
	padding: 95px 0 10px 0;
}

.post .title {
	margin-left: 149px;
	padding: 40px 40px 20px 20px;

	background: url(http://media.tumblr.com/uYOc2obDp8f84wqkfgeUsj3Y_500.jpg) no-repeat;
}

.post .title a {
	padding-right: 50px;
	background: url(http://media.tumblr.com/uYOc2obDp8f88ae5GingxDBo_400.gif) no-repeat right top;
	text-decoration: none;
	letter-spacing: -3px;
	font-size: 42px;
	color: #505956;
}

.post .entry {
	margin: 0 33px 0 149px;
	padding: 20px 20px 0 20px;
	background: url(http://media.tumblr.com/uYOc2obDp8f891axtmRtA4JY_500.jpg) no-repeat;
}

.post .entry a:link {
	padding: 0 5px;
	background: #E29269 url(http://media.tumblr.com/uYOc2obDp8f89r89YPGLC6rw_400.gif);
	text-decoration: none;
	color: #FFFFFF;
}

.post .entry a:hover {
	background: #A54112;
	color: #FFFFFF;
}

/* Content Bar - The widget-ready sidebar in the content area. */

#contentbar {
	clear: both;
	padding-top: 20px;
}

#contentbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contentbar li {
	display: block;
	float: left;
	width: 325px;
	margin-left: 10px;
	background: url(http://media.tumblr.com/uYOc2obDp8f8b0zf3HLDeLEo_500.jpg) repeat-y;
}

#contentbar li ul {
	padding: 0 20px 40px 20px;
	background: url(http://media.tumblr.com/uYOc2obDp8f8awaeeGKKJiMa_500.jpg) no-repeat left bottom;
}

#contentbar li li {
	float: none;
	width: auto;
	margin: 0;
	padding: 5px 0 5px 30px;
	background: url(http://media.tumblr.com/uYOc2obDp8f8fca8nUUrlz9S_400.gif) no-repeat left center;
}

#contentbar .widgettitle {
	padding: 45px 20px 20px 20px;
	background: url(http://media.tumblr.com/uYOc2obDp8f8am7nq9m1NkTl_500.jpg) no-repeat;
	letter-spacing: -2px;
}

/* Recent Posts */

#recent-posts {
}

#recent-posts .widgettitle{
	background-image: url(http://media.tumblr.com/uYOc2obDp8f8emm3fQhQWPwp_500.jpg);
}

#contentbar #recent-posts ul {
	background-image: url(http://media.tumblr.com/uYOc2obDp8f8fhle91ApnNNk_500.jpg);
}

/* Recent Comments */

#recent-comments ul {
	font-size: 10px;
	color: #D3AE8E;
}

#recent-comments a {
	display: block;
	font-size: 16px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 300px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	position: relative;
	margin-bottom: 20px;
	background: url(http://media.tumblr.com/uYOc2obDp8f8guwmqNWCAOIt_500.jpg) repeat-y;
}

#sidebar li ul, #calendar_wrap {
	padding: 20px 20px 30px 20px;
	background: url(http://media.tumblr.com/uYOc2obDp8f8h6839Y38h6T8_500.jpg) no-repeat left bottom;
}

#sidebar li li {
	margin: 0;
	background: none;
}

#sidebar .widgettitle {
	padding: 15px;
	background: url(http://media.tumblr.com/uYOc2obDp8f8fykaF391ZAxa_500.jpg) no-repeat;
	letter-spacing: -2px;
	color: #AF5B19;
}

#sidebar .freetext {
	padding: 15px;
}

#sidebar a:link {
	padding: 0 5px;
	background: #FFBF00 url(http://f.hatena.ne.jp/images/fotolife/s/s54kan/20080430/20080430193627.gif);
	text-decoration: none;
}

#sidebar a:hover {
	background: #E29269 url(http://media.tumblr.com/uYOc2obDp8f89r89YPGLC6rw_400.gif);
	color: #FFFFFF;
}

/* Search */

#sidebar #search {
	height: 100px;
	background: url(http://media.tumblr.com/uYOc2obDp8f8g921AClJuvUk_500.jpg) no-repeat;
}

#search form {
	padding: 22px 0 0 20px;
}

#search br {
	display: none;
}

#search input {
	display: none;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
	background: none;
	border: none;
}

#search #s {
	display: block;
	width: 170px;
	letter-spacing: -2px;
	word-spacing: .6em;
	font-size: 20px;
	color: #FFFFFF;
}

/* Calendar */

#calendar table {
	width: 90%;
	text-align: center;
}

/* Tag Cloud */

#tag_cloud {
	padding-bottom: 20px;
	text-align: center;
}

#tag_cloud .widgettitle {
	margin-bottom: 10px;
	text-align: left;
}

#tag_cloud a {
	margin: 0 20px 0 0;
}

/* Footer */

#footer {
	clear: both;
	width: 980px;
	height: 76px;
	margin: 0 auto;
	padding: 30px 0;
	background: url(http://f.hatena.ne.jp/images/fotolife/s/s54kan/20080430/20080430193524.jpg) no-repeat left center;
}

#footer p {
	margin: 0;
	padding: 10px 0 0 20px;
	font-size: smaller;
	font-weight: bold;
	letter-spacing: -1px;
}
</style>
</head>
<body>
<!-- start header -->
<div id="header">
	<div id="logo">
		<h1><a href="/">{Title}</a></h1>
	</div>
	<div id="menu">
		<ul>
			<li class="current_page_item"><a href="/">Home</a></li>
			<li><a href="/random">Random</a></li>
			<!-- <li><a href="http://tumview.inucara.net/id/***">Tumview</a></li> -->
			<li><a href="/archive">Archives</a></li>
			<li><a href="{RSS}">RSS</a></li>
		</ul>
	</div>
</div>
<!-- end header -->
<hr />
<!-- start page -->
<div id="page">
	<!-- start content -->
	<div id="content">
	{block:Posts}
	
	{block:Regular}
		<div class="post autopagerize_page_element">
			<p class="meta">{block:NewDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:NewDayDate}{block:SameDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:SameDayDate} &nbsp;&nbsp;&nbsp; <a href="{Permalink}" class="comments"> <span class="c">&#8734;</span> permalink </a></p>
			{block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
			<div class="entry">
				{Body}
			</div>
			<div class="bgbottom" style="clear: both;"></div>
		</div>
	{/block:Regular}
	
	{block:Photo}
		<div class="post autopagerize_page_element">
            <p class="meta">{block:NewDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:NewDayDate}{block:SameDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:SameDayDate} &nbsp;&nbsp;&nbsp; <a href="{Permalink}" class="comments"> <span class="c">&#8734;</span> permalink </a></p>
			<div class="entry">
				<p>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</p>
				{block:Caption}{Caption}{/block:Caption}
			</div>
			<div class="bgbottom" style="clear: both;"></div>
		</div>
	{/block:Photo}
	
	{block:Quote}
		<div class="post autopagerize_page_element">
			<p class="meta">{block:NewDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:NewDayDate}{block:SameDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:SameDayDate} &nbsp;&nbsp;&nbsp; <a href="{Permalink}" class="comments"> <span class="c">&#8734;</span> permalink </a></p>
			<div class="entry">
				<blockquote>&ldquo;{Quote}&ldquo;</blockquote>
				{block:Source}&mdash; {Source}{/block:Source}
			</div>
			<div class="bgbottom" style="clear: both;"></div>
		</div>
	{/block:Quote}
	
	{block:Link}
		<div class="post autopagerize_page_element">
			<p class="meta">{block:NewDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:NewDayDate}{block:SameDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:SameDayDate} &nbsp;&nbsp;&nbsp; <a href="{Permalink}" class="comments"> <span class="c">&#8734;</span> permalink </a></p>
			<h1 class="title"><a href="{URL}" class="link" {Target}>{Name}</a></h1>
			<div class="entry">
				{block:Description}{Description}{/block:Description}
			</div>
			<div class="bgbottom" style="clear: both;"></div>
		</div>
	{/block:Link}
	
	{block:Conversation}
		<div class="post autopagerize_page_element">
			<p class="meta">{block:NewDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:NewDayDate}{block:SameDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:SameDayDate} &nbsp;&nbsp;&nbsp; <a href="{Permalink}" class="comments"> <span class="c">&#8734;</span> permalink </a></p>
			{block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
			<div class="entry">
				<ul>
				{block:Lines}
					<li>{block:Label}{Label}{/block:Label}
					{Line}</li>
				{/block:Lines}
				</ul>
			</div>
			<div class="bgbottom" style="clear: both;"></div>
		</div>
	{/block:Conversation}
	
	{block:Audio}
		<div class="post autopagerize_page_element">
			<p class="meta">{block:NewDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:NewDayDate}{block:SameDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:SameDayDate} &nbsp;&nbsp;&nbsp; <a href="{Permalink}" class="comments"> <span class="c">&#8734;</span> permalink </a></p>
			<div class="entry">
				{AudioPlayerWhite}
				<div class="description">{block:Caption}{Caption}{/block:Caption}</div>
			</div>
			<div class="bgbottom" style="clear: both;"></div>
		</div>
	{/block:Audio}
    
	{block:Video}
		<div class="post autopagerize_page_element">
            <p class="meta">{block:NewDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:NewDayDate}{block:SameDayDate}<span class="date"> <span class="d">{DayOfMonthWithZero}</span> <span class="m">{ShortMonth} </span> </span>{/block:SameDayDate} &nbsp;&nbsp;&nbsp; <a href="{Permalink}" class="comments"> <span class="c">&#8734;</span> permalink </a></p>
			<div class="entry">
				{Video-400}
                <div class="description">{block:Caption}{Caption}{/block:Caption}</div>
			</div>
			<div class="bgbottom" style="clear: both;"></div>
		</div>
	{/block:Video}
	
	{/block:Posts}
	
			<div class="entry autopagerize_insert_before">
			<p>
			{block:PreviousPage}
				<a href="{PreviousPage}">&#171; Previous</a> &nbsp;&nbsp;
			{/block:PreviousPage}

			{block:NextPage}
				<a href="{NextPage}" rel="next">Next &#187;</a>
			{/block:NextPage}
			</p>
			</div>
			<div class="bgbottom" style="clear: both;"></div>
	</div>
	
	<!-- end content -->
	<!-- start sidebar -->
	<div id="sidebar">
		<ul>
			<!-- search form わかんない\(^o^)/ -->
			<li id="search" class="widget widget_search">
				<form id="searchform" method="get" action="">
					<div>
						<input type="text" name="s" id="s" size="15" value="" />
						<br />
						<input type="submit" value="Search" />
					</div>
				</form>
			</li>

			<li id="about" class="widget">
				<h2 class="widgettitle">About</h2>
				<div class="freetext">{Description}</div>
			</li>
			
			<!-- こんな感じでサイドバー増やせるハズ。
			
			<li id="ほにゃらら" class="widget">
				<h2 class="widgettitle">タイトル</h2>
				<div class="freetext">フリーテキスト</div>
			</li>
			
			でも、ul 使うなら
			
			<li id="ほにゃらら" class="widget">
				<h2 class="widgettitle">タイトル</h2>
				<ul>
					<li>リスト</li>
					<li>リスト2</li>
				</ul>
			</li>
			
			こうしてください。 -->
		</ul>
	</div>
	<!-- end sidebar -->
</div>
<!-- end page -->
<hr />
<!-- start footer -->
<div id="footer">
	<p>Powered by <a href="http://www.tumblr.com">Tumblr</a>. &nbsp;&bull;&nbsp; Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>, <a href="http://www.freecsstemplates.org/preview/mosaic">mosaic</a>.</p>
</div>
<!-- end footer -->
</body>
</html>

[]2ch風テーマ 2ch風テーマ - 54kanのたんぶら日記 を含むブックマーク はてなブックマーク - 2ch風テーマ - 54kanのたんぶら日記 2ch風テーマ - 54kanのたんぶら日記 のブックマークコメント

http://2chfudemo.tumblr.com/

デモ

  • 特徴
    • 2ch風
    • AutopagerizeとLDRizeが効く
      • しかしReblogCommandの[t]でリブログができない

もっと問題点あるかもしれませんが…ReblogCommandはどうしたらいいかわかりません。

名無し名・ヘッダ・フッタなどなど、それっぽく当てはめてみただけなので変えたり足したり減らしたりしてください。

  • 下からもしくはこの( 54kan.otodo.net/20080430-p3.txt )ファイルをコピペで。

<!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>
	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
	<link rel="shortcut icon" href="{Favicon}">
	<link rel="alternate" type="application/rss+xml" href="/rss">

	
	<style type="text/css">
/* Conversation Post */

div.post div.conversation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 1px;
	border-left: solid 5px #bbb;
}

div.post div.conversation ul li {
	padding: 4px 10px 4px 8px;
	margin-bottom: 1px;
}

div.post div.conversation ul li span.label {
	font-weight: bold;
}

div.post div.conversation ul li span.user_1 {
	color: #c00;
}

div.post div.conversation ul li span.user_2 {
	color: #00c;
}

div.post div.conversation ul li span.user_3 {
	color: #0a0;
}

div.post div.conversation ul li.odd {
	background-color: #f4f4f4;
}

div.post div.conversation ul li.even {
	background-color: #e8e8e8;
}
	</style>

</head>
<body bgcolor="#EFEFEF" text="#000000" link="#0000FF" alink="#FF0000" vlink="#660099" style="font-family:'MS Pゴシック','MS PGothic';font-size:16px;line-height:18px;" >
<!-- [PR]にdescriptionを入れたくなかったらここなんかどうでしょうか -->
<div style="margin-top:1em;"><span style='float:left;'>
<a href="http://www.tumblr.com/">Tumblr</a>
 <a href="/">■TOPに戻る■</a>
 <a href="/rss">RSS</a>
 <a href="/random">Random</a>
 <a href="/archive">Archives</a>
 <a href="/page/2">2-</a>
 <a href="/page/5">5-</a>
 <a href="/page/10">10-</a>
 <a href="/page/50">50-</a>
 <a href="/page/100">100-</a>
</span>
<span style='float:right;'>
 {block:Description}[PR]{Description}[PR]{/block:Description}
</span>&nbsp;</div>
<hr style="background-color:#888;color:#888;border-width:0;height:1px;position:relative;top:-.4em;" />
<h1 style="color:red;font-size:larger;font-weight:normal;margin:-.5em 0 0;">{Title}</h1>

<div id="content">         
{block:Posts}
	<div class="post autopagerize_page_element">
	<dl>
	
	{block:Regular}
		<dt><a href="{Permalink}">{PostID}</a><font color="#008000"><b>Reblog好きの名無しさん</b></font>:{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}({ShortDayOfWeek}) {24HourWithZero}:{Minutes}:{Seconds} ID:TeXT</dt>
		<dd>{block:Title}<strong>{Title}</strong><br />{/block:Title}
		{Body}</dd>
	{/block:Regular}
	
	{block:Photo}
		<dt><a href="{Permalink}">{PostID}</a><font color="#008000"><b>Reblog好きの名無しさん</b></font>:{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}({ShortDayOfWeek}) {24HourWithZero}:{Minutes}:{Seconds} ID:phOTo</dt>
		<dd>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
		{block:Caption}<br />{Caption}{/block:Caption}</dd>
	{/block:Photo}
	
	{block:Quote}
		<dt><a href="{Permalink}">{PostID}</a><font color="#008000"><b>Reblog好きの名無しさん</b></font>:{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}({ShortDayOfWeek}) {24HourWithZero}:{Minutes}:{Seconds} ID:qUotE</dt>
		<dd><table bgcolor="#FFFFE1"><tr><td>{Quote}</td></tr></table>
		{block:Source}&mdash; {Source}{/block:Source}</dd>
	{/block:Quote}
	
	{block:Link}
		<dt><a href="{Permalink}">{PostID}</a><font color="#008000"><b>Reblog好きの名無しさん</b></font>:{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}({ShortDayOfWeek}) {24HourWithZero}:{Minutes}:{Seconds} ID:LInK</dt>
		<dd>{Name}<br />
		<a href="{URL}" {Target}>{URL}</a>
		{block:Description}<br /><br />{Description}{/block:Description}</dd>
	{/block:Link}
	
	{block:Conversation}
	<div class="conversation">
		<dt><a href="{Permalink}">{PostID}</a><font color="#008000"><b>Reblog好きの名無しさん</b></font>:{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}({ShortDayOfWeek}) {24HourWithZero}:{Minutes}:{Seconds} ID:cHAt</dt>
		<dd>
		<strong>{Title}</strong>
		<ul>
			{block:Lines}
			<li class="{Alt}">
				{block:Label}
				<span class="label user_{UserNumber}">{Label}</span>
				{/block:Label}
				{Line}
			</li>
			{/block:Lines}
		</ul>
		</dd>
	</div>
	{/block:Conversation}
	
	{block:Audio}
		<dt><a href="{Permalink}">{PostID}</a><font color="#008000"><b>Reblog好きの名無しさん</b></font>:{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}({ShortDayOfWeek}) {24HourWithZero}:{Minutes}:{Seconds} ID:AUDio</dt>
		<dd>{AudioPlayerBlack}
		{block:Caption}<br />{Caption}{/block:Caption}</dd>
	{/block:Audio}
		
	{block:Video}
		<dt><a href="{Permalink}">{PostID}</a><font color="#008000"><b>Reblog好きの名無しさん</b></font>:{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}({ShortDayOfWeek}) {24HourWithZero}:{Minutes}:{Seconds} ID:vIDeO</dt>
		<dd>{Video-500}
		{block:Caption}<br />{Caption}{/block:Caption}</dd>
	{/block:Video}
	
	</dl>
	</div>
{/block:Posts}
</div>

<font color="#FF0000" face="Arial"><b>{TotalPages} PAGES</b></font>
<font size="-1"><b>[ Tumblr <font size="+1" color="#FF6347">100POST/日をささえる</font> <a href="http://www.tumblr.com/">アカウント作成</a> ¥0/10MB/100Mbps]</b></font>

{block:IndexPage}
<hr />

<div align="center" class="autopagerize_insert_before">
{block:PreviousPage}
<a href="{PreviousPage}">&#171; Previous</a> &nbsp;&nbsp;
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}" rel="next">Next &#187;</a>
{/block:NextPage}
</div>

<hr />

■ おすすめTumblr <a href="#">Follow中。。。</a> <font color="green">by yourid ★</font><br />
{block:Following}
{block:Followed}
<a href="{FollowedURL}" title="{FollowedTitle}">{FollowedTitle}</a> [{FollowedName}]<br />
{/block:Followed}
{/block:Following}

{/block:IndexPage}
</body>
</html>

ConyersConyers2012/01/10 02:26Stay with this guys, you're helping a lot of pelope.

qcbilotqcbilot2012/01/10 18:00ONIxzC <a href="http://suutdkzoqpca.com/">suutdkzoqpca</a>

pweccfrpweccfr2012/01/10 23:38EhahOH , [url=http://llhfznnabnqm.com/]llhfznnabnqm[/url], [link=http://yqihnhedhacv.com/]yqihnhedhacv[/link], http://ynirtzzdykws.com/

iylatyzjliylatyzjl2012/01/12 23:26xBnKrS <a href="http://kpeoeuyofikc.com/">kpeoeuyofikc</a>

ertjycrtzmjertjycrtzmj2012/01/15 01:48cMAUvs , [url=http://rjrjreeywuga.com/]rjrjreeywuga[/url], [link=http://fsrcvtgqepkn.com/]fsrcvtgqepkn[/link], http://zfolzpqrxadi.com/