小粋空間: Seesaaブログテンプレート

Top ＞ Seesaaブログ＞テンプレート＞ Seesaaブログテンプレート

2006年4月10日

Seesaaブログテンプレート

Posted at April 10,2006 1:10 AM
Category：[テンプレート]
Tag：[Blog, Seesaa, Template]

Seesaaブログ用のテンプレートを作りました。サンプルのスクリーンショットは3カラムですが、2カラム・1カラムも用意しております。カラムレイアウトの設定方法につきましては本エントリーを参照ください。

１．動作確認環境

動作確認は下記の環境で行っています。

OS：Windows2000/XP
ブラウザ：IE6.0/Firefox1.0.7/Netscape7.1/Netscape8.0.4/Opera8.5
Seesaaブログ：http://koikikukan.seesaa.net/

Mac環境はありませんので Safari での確認はできておりません。予めご容赦ください。

２．利用規定

ご利用の前にテンプレートのページを必ずご覧くださいますよう、よろしくお願い致します

３．カラムレイアウト変更方法

このテンプレートではカラムレイアウトのバリエーションとして、

3カラム（カラム幅固定）
3カラムリキッドレイアウト（中央カラム幅可変）
2カラム（右サイドバー：カラム幅固定）
2カラム（左サイドバー：カラム幅固定）
2カラムリキッドレイアウト（右サイドバー：左カラム幅可変）
2カラムリキッドレイアウト（左サイドバー：右カラム幅可変）
1カラム（カラム幅固定）
1カラムリキッドレイアウト（カラム幅可変）

の計8種類を用意しています（それぞれのサンプルはちょっと下にある画像をご覧ください）。

カラムレイアウトは、HTMLテンプレートの body 要素の class 属性を書き換えることで変更することができます（カラム数を変更する場合はHTMLテンプレートの修正が必要ですがこれについては後述します）。例えば、3カラムレイアウトから2カラム・リキッドレイアウト（右サイドバー）に変更したい場合は、HTMLテンプレートの

<body class="layout-three-column">

の赤色部分を

<body class="layout-two-column-liquid-right">

と、青色の内容に変更します。このテクニックは Designing with Web Standards でも紹介されています。

個別エントリー用HTMLありのテンプレートをお使いの場合、ベースHTMLと個別エントリー用HTMLで異なるレイアウトを設定することができます。例えばベースHTMLで3カラム、個別エントリー用HTMLで1カラムという設定も可能です。

以下にそれぞれのレイアウトに対する class 属性値を示します。なおサンプル画像は Movable Type のものを流用しておりますので予めご了承ください。

<body class="layout-three-column">

3カラム

<body class="layout-three-column-liquid">

3カラム・リキッドレイアウト

<body class="layout-two-column-left">

2カラム（左サイドバー）

<body class="layout-two-column-liquid-left">

2カラム・リキッドレイアウト（左サイドバー）

<body class="layout-two-column-right">

2カラム（右サイドバー）

<body class="layout-two-column-liquid-right">

2カラム・リキッドレイアウト（右サイドバー）

<body class="layout-one-column">

1カラム

<body class="layout-one-column-liquid">

1カラム・リキッドレイアウト注：左右のマージンをなくすことも可能です。

公開テンプレートは一番上の3カラムレイアウトで配布しております。

カラム数を変更、例えば3カラムから2カラム（左サイドバー）に変更した場合、管理メニューの「デザイン」→「コンテンツ」で右サイドバーに表示するものがなくなれば自動的に2カラム表示になります。
非表示にするサイドバーにコンテンツが残っている場合は、

<% if:have_content_right -%>
<!-- 右カラム開始 -->
<div id="links-right-box">
<div id="links-right">
　　　　　　　　　：
</div><!-- /links-right -->
</div><!-- /links-right-box -->
<!-- 右カラム終了 -->
<% /if -%>

を丸ごと削除してください。1カラムに変更される場合は左右両方のカラムをごっそり削除してください（いずれもサイドバーの復活が面倒なのでお勧めできません）。

４．コンテンツについて

このテンプレートでは、管理メニューの「デザイン」→「コンテンツ」の設定下記であることを想定しています。

ブログ名：ヘッダー
ブログ説明：ヘッダー
カレンダー：左サイドバー／右サイドバー
新着記事：左サイドバー／右サイドバー
最近のコメント：左サイドバー／右サイドバー
最近のトラックバック：左サイドバー／右サイドバー
記事：メイン
記事検索：左サイドバー／右サイドバー
ブログクリック：左サイドバー／右サイドバー
カテゴリ：左サイドバー／右サイドバー
過去ログ：左サイドバー／右サイドバー
RDF Site Summary：左サイドバー／右サイドバー
Powered By：フッター

表示するページ・並び順は任意ですが、ページ毎にカラムレイアウトが異ならないようにしてください。例えばトップページで3カラム・記事ページで2カラムという設定はできませんのでご注意ください。

５．1カラムレイアウトについて

1カラムレイアウトはポータル的な要素を排除して、個人の日記サイトとして気軽に書けるデザインにしています（言い換えると単にサイドバーをとっぱらっただけです）がアーカイブページ等のリンクは考慮しておりませんのでご注意ください。

６．クレジットバナーについて

当サイトのクレジットバナーはデフォルトで右サイドバー下に表示するようにしています。右カラムを削除される場合は下記のタグを左サイドバーに挿入してください。

<div class="side">
<a href="http://www.koikikukan.com/"><img src="http://koikikukan.up.seesaa.net/image/koikikukan.gif" alt="小粋空間" style="border:none" /></a>
</div>

７．その他

基本的な動作は確認したつもりですが、Seesaaブログの機能を全て把握できていない状態ですので、不具合等ございましたらご連絡ください。

８．テンプレート

2006.10.21 Mozilla 系でフッタのバナーがセンタリングされない不具合を修正

HTML

<?xml version="1.0" encoding="Shift_JIS"?>
<!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="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title><% blog.title %><% if:extra_title %>: <% extra_title %><% /if %></title>
<meta name="description" content="<% blog.description | nl2br | tag_strip %>" />
<meta name="keywords" content="<% blog.keywords | oneline | tag_strip | __or__ | blog.title | oneline | tag_strip %><% extra_keywords | oneline | tag_strip %>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="<% css.page_url(page) %>" type="text/css" />
<link rel="alternate" href="<% blog.page_url %>index.rdf" type="application/rss+xml" title="RSS" />
<% if:blog.has_foaf -%>
<link rel="meta" type="application/rdf+xml" title="FOAF" href="<% blog.page_url %>foaf.rdf" />
<% /if -%>
</head>
<body class="layout-three-column">

<div id="box">

<script type="text/javascript" src="<% site_info.blog_url %>/contents/js/ad_plugin.js"></script>
<div id="banner">
<% content_header %>
</div>

<% if:have_content_left -%>
<!-- 左カラム開始 -->
<div id="links-left-box">
<div id="links-left">
<% content_left %>
</div><!-- /links-left -->
</div><!-- /links-left-box -->
<!-- 左カラム終了 -->
<% /if -%>

<!-- 中央カラム開始 -->
<div id="content">
<% content_main %>
<% if:page_name eq 'comment' -%>
<div id="blog-comments">
<div class="comments-head">コメントの確認</div>

<form action="/pages/user/comments2/regist/input" method="post">
<input type="hidden" name="article_id" value="" />
<input type="hidden" name="article_child__article_id" value="" />
<div class="comments-preview">

<% if error_code %>
<blockquote class="error_message">
エラー：
<% if error_code eq '1' %>
投稿に失敗しました。
<% /if %>
<% if error_code eq '2' %>
未入力項目があります。
<% /if %>
<% if error_code eq '3' %>
認証コードのチェックに失敗しました。
<% /if %>
<% if error_code eq '4' %>
半角英数字のみのコメントは受付ません。
<% /if %>
</blockquote>
<% /if %>

<p>
お名前: <% article_child__writer | html %>
<input id="article_child__writer" type="hidden" name="article_child__writer" value="" />
</p>
<p>
メールアドレス: <% article_child__email | html %>
<input id="article_child__email" type="hidden" name="article_child__email" value="" />
</p>
<p>
ホームページアドレス: <% article_child__homepage | html %>
<input id="article_child__homepage" type="hidden" name="article_child__homepage" size="50" value="" />
</p>
<p>
コメント: <br /><% article_child__body | html | nl2br | clickable('target="_blank" rel="nofollow"') %>
<input type="hidden" name="article_child__body">
<% if:blog.ignore_setting.captcha_comment -%><input type="hidden" name="captcha_comment" /><% /if -%>
</p>
<p class="button">
<input id="posted" name="posted" type="submit" class="input-submit"  value="書き込む"> <br />
</p>
</div>
</form>

<form action="/pages/user/comments2/regist/input" method="post">
<div class="comments-preview">
<p>
<label for="article_child__writer">お名前: <% if:blog.ignore_setting.fill_writer %>[必須]<% /if %></label>
<input id="article_child__writer" type="text" name="article_child__writer" size="50" value="" /><br />
</p>
<p>
<label for="article_child__email">メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須]<% /if %></label>
<input id="article_child__email" type="text" name="article_child__email" size="50" value="" /><br />
</p>
<p>
<label for="article_child__homepage">URL: <% if:blog.ignore_setting.fill_homepage %>[必須]<% /if %></label>
<input id="article_child__homepage" type="text" name="article_child__homepage" size="50" value="" /><br />
</p>
<p>
<label for="article_child__body">コメント: <% if:blog.ignore_setting.fill_body %>[必須]<% /if %></label>
<textarea id="article_child__body" name="article_child__body" rows="10" cols="50"></textarea><br />
</p>
<input type="hidden" name="article_child__article_id" value="" />
<input type="hidden" name="article_id" value="" />

<% if:blog.ignore_setting.captcha_comment -%>
<p>
<label for="captcha_comment">認証コード: [必須]</label>
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /> <input id="captcha_comment" type="text" name="captcha_comment" size="27" value="" style="vertical-align:top"/><br />
※画像の中の文字を半角で入力してください。
</p>
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
<% /if -%>
<% if:article.accept_comment_permission_mode -%>
<p>
※ブログオーナーが承認したコメントのみ表示されます。
</p>
<% /if -%>
<p class="button">
<input id="need_confirm" name="need_confirm" type="submit" class="input-submit"  value="確認する" /><input id="posted" name="posted" type="submit" class="input-submit"  value="書き込む" />
</p>
</div>
</form>
</div>
<% /if -%>

<% if:page_name eq 'search' -%>
<% loop:list_article %>
<div class="blog">
<h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2>
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<div class="text"><% article.entire_body | text_summary(240) %></div>
<div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%></div>
</div>
</div>
<% /loop %>
<% /if -%>

<% if:page_name eq 'tag' -%>
<div class="tag">
<script type="text/javascript" language="javascript" src="<% site_info.blog_url %>/js/tag_cloud.js"></script>
<div id="tag_cloud"><% loop:list_tags -%><a href="<% blog.tag_url(tag) %>" class="_tag" title="<% tag.word | html %>/<% count %>"><% tag.word | html %></a> <% /loop -%></div>
<script type="text/javascript"><!--
tag_cloud("tag_cloud");
//--></script>
<br />
<% if:tag %><div class="tag-title">タグ&nbsp;/&nbsp;<% tag.word | html %></div><% /if -%>
<br />
<% loop:list_service -%>
<div class="tag-body">
<div class="tag-service"><% tag_service.title %></div>
<div class="tag-search"><a href="<% tag_service.page_url(tag) %>" target="_blank">'<% tag.word %>'&nbsp;でSeesaa全体を検索する</a></div>
<% if:tag_service.service_key eq 'articles' -%>
<% loop:list_data -%>
<div class="tag-article">
<div class="tag-article-title"><a href="<% article.page_url %>"><% article.subject %></a>&nbsp;<span class="tag-article-posted">[<% article.createstamp | date_format("%Y/%m/%d %H:%M") %>]</span></div>
<!--<div class="tag-article-summary"><% article.entire_body | text_summary(40) | tag_strip %></div>-->
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'photos' -%>
<% loop:list_data -%>
<div class="tag-photos">
<% thumbnail.fix_aspect(132) # サムネイルの長辺を132で固定。固定したくない場合は削除。 -%>
<table>
<tr>
<td height="140" valign="bottom"><a href="<% photo.page_url %>" target="_blank"><img src="<% thumbnail.page_url %>" border="0" width="<% thumbnail.width %>" height="<% thumbnail.height %>" /></a></td>
</tr>
</table>
<div class="tag-photos-title"><a href="<% photo.page_url %>" target="_blank"><% photo.title | text_summary(10) %></a><br />
<% if:photo_info -%>
サイズ：<% photo_info.width %>×<% photo_info.height %><br />
<% if:photo_info.size %>容量：<% photo_info.size | filesize %><% /if %>
<% /if -%>
</div>
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'audios' -%>
<% loop:list_data -%>
<div class="tag-audios">
<div class="tag-audios-title"><a href="/pages/user/upload/<% audio.page_url %>" onclick="window.open('/pages/user/upload/<% audio.page_url %>','popup','width=490,height=320,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% audio.title | text_summary(40) %></a>&nbsp;
<span class="tag-audios-posted"><% if:audio_info -%><% if:audio_info.author %>by <% audio_info.author %>&nbsp;&nbsp;<% /if %><% if:audio_info.duration %><% audio_info.duration | hms %>&nbsp;&nbsp;<% /if %><% if:audio_info.size %><% audio.size | filesize %>&nbsp;&nbsp;<% /if %><% /if -%></span></div>
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'videos' -%>
<% loop:list_data -%>
<div class="tag-videos">
<table>
<tr>
<td height="140" valign="bottom"><div class="tag-videos-title"><a href="/pages/user/upload/<% video.page_url %>" onclick="window.open('/pages/user/upload/<% video.page_url %>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><img src="<% thumbnail.page_url %>" width="132" border="0" /></a></div></td>
</tr>
</table>
<div class="tag-videos-title"><a href="/pages/user/upload/<% video.page_url %>" onclick="window.open('/pages/user/upload/<% video.page_url %>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% video.title | text_summary(15) %></a><br />
<% if:video_info -%>
<!--<% if:video_info.author %>by <% video_info.author %><br /><% /if %>-->
時間：<% if:video_info.duration %><% video_info.duration | hms %><% /if %><br />
容量：<% video.size | filesize %><br />
<% /if -%>
</div>
</div>
<% /loop -%>
<% /if %>
<% if:tag_service.service_key eq 'files' -%>
<% loop:list_data -%>
<div class="tag-files">
<div class="tag-files-title"><a href="/pages/user/upload/<% file.page_url %>" target="_blank"><% file.title | text_summary(15) %></a></div>
</div>
<% /loop -%>
<% /if -%>
<% if:pager -%>
<div class="tag-navi">
<% if:pager.previous_page %><a href="?page=<% pager.previous_page %>"><% /if %>≪前へ<% if:pager.previous_page %></a><% /if %>&nbsp;&nbsp;<% if:pager.next_page %><a href="?page=<% pager.next_page %>"><% /if %>次へ≫<% if:pager.next_page %></a><% /if %>
</div>
<% else -%>
<div class="tag-more"><a href="<% blog.tag_url(tag, tag_service.service_key) %>">≫もっと見る</a></div>
<% /if -%>
</div>
<% /loop -%>
</div>
<% /if -%>

</div><!-- /content -->
<!-- 中央カラム終了 -->

<% if:have_content_right -%>
<!-- 右カラム開始 -->
<div id="links-right-box">
<div id="links-right">
<% content_right %>

<div class="side">
<a href="http://www.koikikukan.com/"><img src="http://koikikukan.up.seesaa.net/image/koikikukan.gif" alt="小粋空間" /></a>
</div>

</div><!-- /links-right -->
</div><!-- /links-right-box -->
<!-- 右カラム終了 -->
<% /if -%>

<br class="clear" />

<div id="footer">
<% content_footer -%>
</div>

</div><!-- /box -->

</body>
</html>

スタイルシート

@charset "shift-jis";

/*
 * File      : styles-index.css
 * Version   : 1.00
 * Update    :
 * 1.01 2006.06.10: add red and error_message class selector.
 *
 * Copyright (C) 2004-2006 www.koikikukan.com All rights reserved.
 */

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/* リンク */
a,
a:link,
a:visited {
    color: #006699;
    text-decoration: none;
}
a:hover {
    color: #006699;
    text-decoration: underline;
}
a:active {}

/* リンクつき画像 */
a img {
    border: 0;
}

/* 段落 */
p {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* 順序なしリスト */
ul {
    padding-left: 16px;
}
ul li {
    list-style-type: circle;
}

/* 定義リスト */
dl {}
dt {}
dd {
    padding-left: 8px;
}

/* フォーム */
form {
    margin: 0px;
}
input {
    padding: 1px;
    font-size: 12px;
}

/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0 20px;
    padding: 10px;
    border: 1px solid #666666;
    background: #f6f6f6;
    font-size: 10px;
    line-height: 150%;
}
.quotetitle { /* 引用文タイトル */
    font-size: 10px;
    border-bottom: 1px solid #666666;
    padding: 3px;
}
blockquote.error_message {
    width: auto;
    margin: 15px 20px 10px 20px;
    padding: 10px;
    border: 1px solid #dd4444;
    background: #ffeeee;
    font-size: 10px;
    line-height: 150%;
}

/* タイトルバナー */
#banner {
    padding: 15px;
    border-bottom: 1px solid #666699;
    color: #999999;
    background: #8fabbe;
/*    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(".gif");*/
    text-align: left;
}

#banner a,
#banner a:link,
#banner a:visited {
    color: #ffffff;
    font-size: 32px;
    text-decoration: none;
}
#banner a:hover {}
#banner a:active {}

/* タイトルバナー下の説明 */
.description {
    color: #ffffff;
    font-size: 12px;
}

/* エントリー全体 */
.blog {
    padding: 5px 10px 0 10px;
    background: none;
}

/* エントリー日付 */
.date { 
    margin: 11px 5px 0;
    padding: 2px 0 2px 5px;
/*    background-position: left; 
    background-repeat: no-repeat;
    background-image: url(".gif");*/
    font-size: 11px;
    font-weight: bold;
}

/* エントリー日付・コメントタイトル・トラックバックタイトルの配色 */
.date,
.comments-header,
.comments-open-header {
    color: #ffffff;
    background: #8fabbe;
}

/* エントリー */
.blogbody {
    width: auto;
    margin: 0 5px 15px;
    color: #36414d;
    background: #ffffff;
/*    background-position: right; 
    background-repeat: repeat-y; 
    background-image: url(".gif");*/
    font-size: 12px;
    line-height:150%;
    word-break: break-all;
}
.blogbody a:active {}
.blogbody img {
    margin-right: 8px;
    margin-bottom: 5px;
}

/* エントリーのテキストエリア可変長指定 */
.blogbody textarea {
    width: 97%;
}

/* 追記 */
.blogbody .extended {}

/* エントリータイトル */
h3.title {
    margin: 15px 0 10px;
    font-size: 12px;
    font-weight: bold;
}
h3.title a:link,
h3.title a:visited {
    color: #444444;
}

.text ul {
    padding-left: 35px;
}

.text ul li {
}

/* 投稿者 */
.posted {
    margin: 10px 0 0 0;
    border-top: 1px dotted #36414d;
    text-align: right;
    color: #36414d;
    font-size: 10px;
    _font-size: 9px;
}

/* アーカイブページの前後リンク */
.navi {
    padding: 15px 15px 0;
    text-align: center;
    font-size: 12px;
}

/* カレンダー */
.calendarhead {
    padding-bottom: 5px;
    text-align: center;
    color: #444444;
    font-size: 10px;
    background: none;
    letter-spacing: 0.2em;
}
#calendar {
    text-align: center;
    color: #444444;
    background: none;
    margin-bottom: 15px;
}
#calendar table {
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    font-size: 10px;
    width: 23px;
    font-weight: normal;
}
#calendar td {
    padding: 2px 0;
    font-size: 9px;
    line-height: 120%;
}

/* サイドメニュータイトル */
.sidetitle {
    margin-top: 3px;
    padding: 2px 0 1px;
    _padding: 1px 0 2px;
    border: 1px solid  #666666;
    text-align: center;
    color: #444444;
    background: #f6f6f6;
    font-size: 10px;
    line-height: 140%;
}

/* サイドメニュー */
.side {
    margin: 3px 0 20px;
    background: none;
    color: #444444;
    font-size: 10px;
    _font-size: 9px;
    line-height: 150%;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 9px;
    line-height: 150%;
}

/* クレジットバナー */
.banner {
    text-align: left;
    margin-bottom: 5px;
}

.clear {
    clear: both;
}

/* コメント・トラックバック */
#comments {
    margin: 10px 15px;
    font-size: 12px;
}

#blog-comments {
    padding: 3px 15px 0 15px;
}

.comments-head {
    font-size: 11px;
    color: #ffffff;
    background: #8fabbe;
    padding: 2px 0 2px 5px;
    margin: 15px 0;
}

.comments-body input {
    margin:0 0 10px 0;
}

.comments-post {
    margin-right: 2px;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    color: #444444;
    text-align: right;
    font-size: 10px;
    _font-size: 9px;
}

.comments-preview p {
    margin: 5px 0 3px;
    font-size: 12px;
    line-height:150%;
}

label {
    display: block;
    font-size: 12px;
}

.text {
    margin: 10px 0;
    color: #444444;
    line-height:150%;
}

.red {
    color: #e50003;
}

p.button {
    margin:10px 0;
}

#trackback {
    font-size: 12px;
    margin: 20px 15px;
}
#trackback hr {
    margin: 10px 0;
}

/* カラム切り替え */

/* 3カラム用 */
body.layout-three-column,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
    margin-bottom: 20px;
    text-align: center;
    background: #36414d;
}
.layout-three-column #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
    margin-bottom: 10px;
}
.layout-three-column #box {
    width: 850px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}

/* 2カラム用 */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 665px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}

/* 2カラム用 */
.layout-one-column #container {
    margin-bottom: 0;
}

/* 1カラム用 */
.layout-one-column #box {
    width: 478px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}

/* 1カラム・リキッドレイアウト用 */
/* タイトルバナー */
.layout-one-column-liquid #banner {
    margin-right: 100px;
    margin-left : 100px;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
}
body.layout-one-column-liquid {
    background: #36414d;
}

/* フッタ */
.layout-one-column #footer {
    padding-bottom: 10px;
}
.layout-one-column-liquid #footer {
    padding-bottom: 15px;
    text-align: center;
}
.layout-three-column #footer,
.layout-two-column-left #footer,
.layout-two-column-right #footer {
    text-align: center;
}
.layout-three-column-liquid #footer,
.layout-two-column-liquid-left #footer,
.layout-two-column-liquid-right #footer {
    text-align: center;
    padding-bottom: 10px;
}
.powered {
    margin-left: auto;
    margin-right: auto;
    width: 138px;
}

/* 3カラム(リキッドレイアウト) */
.layout-three-column-liquid #content {
    margin: 0 185px;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-three-column-liquid #links-left{
    position: absolute;
    width: 155px;
    top: 100px;
    left: 15px;
    padding-bottom:20px;
    color: #ffffff;
}
.layout-three-column-liquid #links-right{
    position: absolute;
    width: 155px;
    top: 100px;
    right: 15px;
    padding-bottom:20px;
    color: #ffffff;
}

/* 2カラム(リキッドレイアウト：右サイドバー) */
.layout-two-column-liquid-right #content {
    margin: 0 185px 0 0;
    border-bottom: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-two-column-liquid-right #links-right {
    position: absolute;
    width: 155px;
    top: 100px;
    right: 15px;
    padding-bottom:20px;
    color: #ffffff;
}

/* 2カラム(リキッドレイアウト：左サイドバー) */
.layout-two-column-liquid-left #content {
    margin: 0 0 0 185px;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
}
.layout-two-column-liquid-left #links-left {
    position: absolute;
    width: 155px;
    top: 100px;
    left: 15px;
    padding-bottom:20px;
    color: #ffffff;
}

/* 1カラム(リキッドレイアウト) */
.layout-one-column-liquid #content {
    margin: 0 100px;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    background: #ffffff;
}

/* 3カラム */
.layout-three-column #content {
    float: left;
    width: 478px;
    _margin: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
    float: left;
    width: 185px;
}
.layout-three-column #links-left,
.layout-three-column #links-right {
    padding: 15px 15px 0 15px;
    color: #ffffff;
}

/* 2カラム(右サイドバー) */
.layout-two-column-right #content {
    float: left;
    width: 478px;
    _margin: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-two-column-right #links-right-box {
    float: left;
    width: 185px;
}
.layout-two-column-right #links-right {
    padding: 15px 15px 0;
    color: #ffffff;
}

/* 2カラム(左サイドバー) */
.layout-two-column-left #content {
    float: left;
    width: 478px;
    _margin: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
}
.layout-two-column-left #links-left-box {
    float: left;
    width: 185px;
}
.layout-two-column-left #links-left {
    padding: 15px 15px 0;
    color: #ffffff;
}

/* 1カラム */
.layout-one-column #content {}

input,textarea {
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
}

.tag-word {
    margin: 20px 0px 0px 0px;
    line-height: 1.4em;
}

/* タグページ全体 */
.tag {
    padding: 18px 15px 0 15px;
    position:relative;
}
.tag a {
    color:#006699;
}

/* タグページの罫線 */
#tag_cloud {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}
#tag_cloud a {
    padding: 2px;
}

/* タグページのタグタイトル */
.tag-title {
    padding: 2px 0 2px 5px;
    background: #8fabbe;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
}

/* タグ一覧全体 */
.tag-body {
}

/* タグ一覧の「記事」の部分 */
.tag-service {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ccc;
    color: #444444;
    _font-size: 12px;
    text-align: left;
    clear: left;
}

/* タグ一覧の「?で全体を検索する」の部分 */
.tag-search {
    margin-bottom: 10px;
    padding: 5px 0;
    text-align: right;
}
.tag-search a {
    font-size: 10px;
}

/* タグ一覧 */
.tag-article {
    padding: 0 0 10px 0;
    text-align: left;
}

/* タグ一覧の記事タイトル */
.tag-article-title {
    padding: 0 0 5px 0;
    _font-size: 12px;
    text-align: left;
}

/* タグ一覧の投稿時間 */
.tag-article-posted {
    color: #444444;
}

/* タグ一覧のサマリー(デフォルトはコメントアウト) */
.tag-article-summary {
    padding-left: 20px;
    _font-size: 12px;
    line-height: 150%;
}

/* 「≫もっと見る」の部分 */
.tag-more {
    margin: 10px 0px;
    font-size: 11px;
    text-align: right;
    clear: left;
}

.tag-photos {
    float: left;
    margin: 10px;
    position: relative;
    width: 150px;
    height: 200px;
}
.tag-photos-title {
    line-height: 1.4em;
    padding: 5px 0px;
    text-align: left;
    position: relative;
}
.tag-audios {
    margin: 5px;
    position: relative;
}
.tag-audios-title {
    text-align: left;
    font-weight: bold;
    padding: 0px 0px 5px 0px;
    position: relative;
}
.tag-audios-posted {
    font-weight: normal;
    position: relative;
}
.tag-videos {
    float: left;
    margin: 10px;
    position: relative;
}
.tag-videos-title {
    line-height: 1.4em;
    padding: 5px 0px;
    text-align: left;
    position: relative;
}
.tag-navi {
    clear: left;
    text-align: center;
    margin: 10px 0px;
    position: relative;
}

2006.12.16
タグクラウド対応するよう修正しました。

2007.03.03
タグクラウド対応で JavaScript エラーが出る不具合を対処しました。

2007.07.03
６項のタグを修正しました。

Posted by yujiro

« FNS地球特捜隊ダイバスター | Main | 休日表示カレンダースクリプト（イギリス版） »

人気エントリー

トラックバックURL

このエントリーのトラックバックURL:

このブログは重複トラックバック防止プラグインにより、同一エントリーに対する同一のトラックバックは登録されないようにしています（記事のタイトルまたは記事の概要が異なる場合は登録されます）。

トラックバック

≫ Seesaaブログに小粋空間テンプレート導入 from showry's Blog
小粋空間さまでSeesaaブログ用のテンプレートが公開されました。つい、この間まで自分で小粋空間風カスタマイズを行っていたのですが、正式公開テンプレート... [続きを読む]

Tracked on April 17, 2006 10:25 PM

≫ 初心者ブログを迷走する from 猫とプリズンブレイク
昨日からいきなり金魚でしたが、いきなりデザインが変わりましたが、そのため、記事幅が変わった事から、いくつかの記事が記事内に収まらないだの、初心者にありがち... [続きを読む]

Tracked on June 29, 2006 6:42 PM

≫ ブログテンプレート from Reviewseek.net
　このサイトのテンプレートですが、小粋空間さんのSeesaaブログ用テンプレートをお借りしました。 [続きを読む]

Tracked on July 20, 2006 6:17 AM

≫ 小粋空間様のテンプレートに変更 from うさもの気が向いたと記
2006/08/02のここの記事BlogPet俳句を求めて三千里~マルコyozo＆うさみちゃん編~＠後姿ラブリー同盟で、画像は見えるのですが、回りこんで... [続きを読む]

Tracked on September 6, 2006 5:12 PM

≫ 小粋空間さんのseesaaブログテンプレートが素敵！ from 天然生活
seesaaブログの良いテンプレートはないかな？と探したところ、すぐに小粋空間さんのサイトに目が留まりました。 [続きを読む]

Tracked on September 8, 2006 6:46 PM

≫ 【お知らせ】動画宮殿リニューアルのお知らせ from 動画宮殿
動画宮殿＠管理人の「動画の王様」です。安易に「動画の王様」なんてつけたために「王様」なんて呼ばれています。確か「動画の王様」というAV関連メーカーか販売会... [続きを読む]

Tracked on September 21, 2006 7:11 AM

≫ マリオ＋子 from motorpsycle
今日会社の帰り、久しぶりにマリオに出会った。マリオ？て方は→「マリオ」最初零の目に飛び込んできたのは、地面にいつものように蹲ってくつろぐ（？）マリオ。... [続きを読む]

Tracked on October 13, 2006 7:03 PM

≫ ブログのテンプレートの話（独自配布について；シーサーブログ向け）・・・ from 内気性の元郵便局員が挑むネット稼ぎ！
今日はほぼ全国的に晴天だったそうで、こちら大阪も、多少の雲は出ていたものの、お日さまがギラギラ地上を照らし続けました。ところで、携帯電話会... [続きを読む]

Tracked on October 14, 2006 1:29 AM

≫ seesaaブログ対応、無料テンプレート No.002 from デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
昨日、何気なく、むか?しにアカウント作って、ほったらかしにしておりましたseesaaブログを発見いたしました。こりゃぁもったいねぇ。っちゅうことで、先日公... [続きを読む]

Tracked on October 16, 2006 6:53 AM

≫ ただいまカスタマイズ中・・・ from Cozy Times
少しずつですが、このブログをカスタマイズしています。私はさくらインターネットを利用しているのですが、先日ブログサービスがあることを知り、Movable T... [続きを読む]

Tracked on December 7, 2006 4:58 PM

≫ サイトをリニューアルしてみました。 from guyberとNancyとringo134と
SeesaaBlogで提供されているテンプレートを使ってきたのですが、小粋空間さんでSeesaaBlogで使用可能なシンプルなテンプレートを提供さ... [続きを読む]

Tracked on December 18, 2006 12:46 AM

≫ ブルーもしくはブルー from 間違いだらけの○○選び
Seesaaは「機能は良いけどテンプレがだめ」とよく言われます。うん、確かに。「これだ！」というのがいまいち見つからない。なんで最近のは2カラムばっ... [続きを読む]

Tracked on January 8, 2007 11:45 PM

≫ 素敵なテンプレです★ from 安くてキレイになれる化粧品を探そう！
まだ始めたばかりのブログですが、小粋空間さまからテンプレートをお借りしました。シンプルでとても素敵です。ありがとうございました♪ [続きを読む]

Tracked on January 10, 2007 11:52 PM

≫ デザイン変更してみました。 from Lentement
Blogのテンプレートを変更してみました！ちょっとみやすくしたつもりです。いろんな所をいじっていたので、簡単に変更できなくなってました。テンプレー... [続きを読む]

Tracked on February 11, 2007 1:16 PM

≫ テンプレート変更 from ☆21st Century Comedy
小粋空間さんが配布しているテンプレートを使ってブログのデザインを変えました。 [続きを読む]

Tracked on February 17, 2007 2:02 PM

≫ 小粋空間さんのテンプレート from わたしのカメラ生活。
seesaaブログのテンプレートデザインは選択肢が少ない。写真ブログなので、できればシンプルなのがよかったのですが seesaaのデザインはゴテゴテだし... [続きを読む]

Tracked on March 29, 2007 2:23 PM

≫ 大山 from 勝手に写真教室REVERSE
秋の大山紅葉が始まるかどうか・・・って頃の鳥取県の大山です。寒々とした木と青空、透き通った空気が伝わってほしいんです。ついでに、早くもデザイン... [続きを読む]

Tracked on April 26, 2007 3:58 PM

≫ 【ロード・オブ・ザ・リング・オンライン・ゲーム】小粋空間テンプレート導入ほか【LOTRO】 from 【ロード・オブ・ザ・リング・オンライン・ゲーム】リンコ・黒猫・バーグラーの超私的ブログ風備忘録【LOTRO】
■デザインテンプレート小粋空間さんの小粋なテンプレートを導入しました。スッキリ。http://www.koikikukan.com/archives/2... [続きを読む]

Tracked on July 23, 2007 4:04 PM

≫ スタイルシートを変える from インターネットで役立ちたいブログ
とってもシンプルでいいテンプレートを見つけたので早速変更させてもらった。いい説明も詳しく掲載されているので、理解力アリ並みのわたしでも容易にできた... [続きを読む]

Tracked on February 14, 2008 10:40 PM

yujiroさん、こんにちは。
Seesaaブログ用テンプレートの公開ありがとうございます。
早速利用させて頂きます。(showryのBlogPet部屋)
公開日にすぐ反映したかったのですが、時間がとれずに今日になってしまいました。
それと新規にSeesaaブログにもBlogPeopleを取得して登録させて頂きました。
では、今後ともどうぞよろしくお願いします。

[1] Posted by showry : April 17, 2006 12:09 AM

＞showryさん
こんばんは。
ご利用＆トラックバックありがとうございました。
Movable Type 風のアレンジもいいですね。

BlogPeopleも登録ありがとうございました。
ではでは！

[2] Posted by yujiro : April 17, 2006 10:43 PM

はじめまして。
be intoxicatedのchiと申します。
seesaaでブログを書いていて、
今回テンプレートをお借りしました。
お暇な時にでも見にきてください。
よろしくお願いします。

[3] Posted by chi : May 20, 2006 7:30 PM

＞chiさん
はじめまして。
テンプレートご利用＆ご連絡ありがとうございました。
お節介で恐縮ですが、スタイルシートの下記の部分を赤色から青色の内容に変更されれば、サイドバーがもう少し整って表示されると思います。

　　　　　　　　： /* 3カラム(リキッドレイアウト) */ .layout-three-column-liquid #content { ~~margin: 0 185px;~~ margin: 0 205px 0 185px; border-bottom: 1px solid #666699; border-left: 1px solid #666699; border-right: 1px solid #666699; } .layout-three-column-liquid #links-left{ position: absolute; width: 155px; ~~top: 100px;~~ top: 115px; left: 15px; padding-bottom:20px; color: #ffffff; } .layout-three-column-liquid #links-right{ position: absolute; ~~width: 155px;~~ width: 175px; ~~top: 100px;~~ top: 115px; right: 15px; padding-bottom:20px; color: #ffffff; } 　　　　　　　　：

あと勝手ながらBlogPeopleに登録させて頂きました。
それではどうぞよろしくお願い致します。

[4] Posted by yujiro : May 20, 2006 11:51 PM

yujiroさん、ありがとうございます!!
全然おせっかいじゃないですよ!!
すごーーーーく助かりました！
うれしー!!
真ん中にこないので、困ってました(^^;

BlogPeopleにも登録してくださって、
大変光栄です。
こちらこそ、よろしくお願いします。

[5] Posted by chi : May 21, 2006 8:20 AM

＞chiさん
こんばんは。
ご連絡ありがとうございました。
うまく表示されたようでよかったです。
ではでは！

[6] Posted by yujiro : May 22, 2006 12:59 AM

テンプレート頂戴いたしました。
MTちっくなデザインが凄く気に入りました。
ブログの内容が充実したら又遊びに来ますので
その際には是非覗いてやってくださいませ。
ではでは・・・

[7] Posted by TAKA : May 28, 2006 9:40 PM

＞TAKAさん
こんにちは。
テンプレートご利用＆ご連絡ありがとうございました！
Seesaaブログテンプレートのご利用者が少ないので嬉しい限りです。

あと勝手ながらBlogPeopleに登録させて頂きました。
それではどうぞよろしくお願い致します。

[8] Posted by yujiro : May 30, 2006 3:51 PM

はじめまして。

seesaaブログのテンプレートを探していたらこちらに辿り着きました。

とても好きなデザインのため利用したいと思っているのですが、今年5月に機能強化のためにHTMLが変わったようです。
こちらのHTMLを利用して、新しいHTMLに直していくのは、どのようにしたら良いのでしょうか？

ほぼ素人の為、詳しく教えていただきたくコメントしました。
お忙しい中申し訳ありませんが、ご指導の程宜しくお願いします。

[9] Posted by しばさわ : June 2, 2006 9:15 AM

＞しばさわさん
こんにちは。
ご質問の件ですが、機能強化の内容を確認してテンプレートに反映させたいと思います。
申し訳ございませんがお時間ください（できあがり次第エントリー致します）。

Seesaaブログを最近利用していなかったため気がつきませんでした。
情報ありがとうございました。

[10] Posted by yujiro : June 2, 2006 12:44 PM

「金沢遠望」のkenboといいます。「金沢弁」のブログをつくるにあたり、Seesaaのテンプレートの中に気に入ったものがなくて困っていました。きょう偶然、小粋空間さんのMT風テンプレートを見つけ、これだと思い、さっそく使わせていただくことにいたしました。素敵なテンプレートを、ありがとうございました。
ブログのほうは完成までにまだ少し時間がかかりますが、これからもよろしくお願いします。

[11] Posted by kenbo : June 9, 2006 1:52 AM

＞kenboさん
こんばんは。
テンプレートご利用＆ご連絡ありがとうございます。
なおすれ違いで申し訳ありませんが、昨日、テンプレートをコメントスパム対応版に差し替えておりますので、HTML等を修正されていないようでしたらHTMLとスタイルシートを差し替えられることをお勧めします。
あと勝手ながらBlogPeopleに登録させて頂きました。

それでは今後ともどうぞよろしくお願い致します。

[12] Posted by yujiro : June 11, 2006 12:56 AM

yujiroさん、こんばんは。

trenderと申します。

seesaa用のテンプレートがとてもシンプルでおしゃれなので使わせていただきました。

いろいろ参考になる情報がたくさんあるので勉強させてもらってます。

今後ともよろしくお願いします。

[13] Posted by trender : June 17, 2006 2:47 AM

＞trenderさん
こんばんは。
テンプレートご利用＆ご連絡ありがとうございます。
気に入って頂けたようで光栄です。
あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[14] Posted by yujiro : June 18, 2006 10:23 PM

こんにちは。

FIREDOGと申します。

テンプレートが気に入りましたので使わせていただきました。

今後ともよろしくお願いいたします。

[15] Posted by FIREDOG : June 26, 2006 5:04 PM

＞FIREDOGさん
こんばんは。
テンプレートご利用＆ご連絡ありがとうございました。
あと勝手ながらBlogPeopleに登録させて頂きました。
こちらこそ今後ともよろしくお願い致します。

[16] Posted by yujiro : June 26, 2006 6:50 PM

はじめまして。

3カラムのサイズを色を変えて利用させて頂きましたので報告に参りました。本当は自分で作りたかったけど、さっぱり？？？になり調度いいサイズを探していたので非常に助かりました。
（トラックバックも一応貼ったのですが無事出来たか不安なのですが）

設定も初心者にわかりやすくて非常に助かります。今後はまた自分で作って行きたいのですが、それまで利用させて下さい。

[17] Posted by スミレ : June 29, 2006 6:48 PM

＞スミレさん
テンプレートご利用＆ご連絡ありがとうございます。
トラックバックも正常に受信できてますよ。
あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[18] Posted by yujiro : June 30, 2006 12:41 PM

こんにちは、はじめまして。
ｓｅｅｓａａを使用してます、小粋空間さまのセンス良いテンプレートを使用したくて素人なんですが、やっと形めいたものができました。ありがとうございます。（アファリエイト用として使用させていただきます。貴ブログのバナーをつけてます。ご確認いただければ幸いです。）
まだまだカスタマイズしたいので今後も参考とさせていただきたいと思います。ありがとうございました。

[19] Posted by furaku : July 5, 2006 1:27 PM

＞furakuさん
テンプレートご利用＆ご連絡ありがとうございます。
バナーの設定もありがとうございました。
なお、スタイルシート後方にある

top: 100px;

という部分を

top: 130px;

等に修正すればサイドバー全体の開始位置が下がりますのでお試しください。

あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[20] Posted by yujiro : July 7, 2006 2:01 AM

ありがとうございました！
どうしたら直るだろうと悩んでました。
本当に助かりました。

これからも参考とさせていただきます。

[21] Posted by furaku : July 7, 2006 11:33 PM

＞furakuさん
こんばんは。
ご連絡ありがとうございました。
無事になおったようで良かったです。
ではでは！

[22] Posted by yujiro : July 8, 2006 2:31 AM

はじめまして。小粋空間さんのテンプレートを使わせていただいてます。フランス関連の情報を提供するFRENCH　BLOOM　NETというブログをやっています。これにまさるテンプレートは未だ見つかりません。シンプル＆クール。よろしくお願いいたします。

[23] Posted by easytrader : July 27, 2006 10:35 PM

＞easytraderさん
はじめまして。
テンプレートご利用＆ご連絡ありがとうございます！
気に入っていただいているようで大変光栄です。

あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[24] Posted by yujiro : July 27, 2006 11:15 PM

こんにちは.
SeeSaaBlogでテンプレートを探していてここに来ました。
ＭＴ風テンプレに一目ぼれ！って感じです。

早速使わせてもらいます。

あ、当方ＨＴＭＬやらスタイルシートなどにはちょっと疎いんです。

やっとこさ、表示させれたのですが、ＨＴＭＬの一部を削除していますけど、何か問題とか無いですかね？。

[25] Posted by おじゃ : July 29, 2006 4:08 PM

＞おじゃさん
こんばんは。
テンプレートご利用＆ご連絡ありがとうございます！
ご質問の件ですが、

/* エントリータイトル */
h3.title {
    margin: 15px 0 10px;
    font-size: 12px;
    font-weight: bold;
}
h3.title a:link,
h3.title a:visited {
    color: #444444;
}

を

/* エントリータイトル */
h2.title {
    margin: 15px 0 10px;
    font-size: 12px;
    font-weight: bold;
}
h2.title a:link,
h2.title a:visited {
    color: #444444;
}

に変更してください。

あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[26] Posted by yujiro : July 29, 2006 9:03 PM

はじめまして。seesaaのテンプレートを使わせていただいております。なかなか、思いどおりのページが出来なくて、ご挨拶が遅れました。また、こちらのページで勉強させていただきます。
「健康いちばん館」という介護にかんするサイトで、テンプレートのデザインが気に入っております。ありがとうございます。

[27] Posted by BEN KC : August 5, 2006 1:21 AM

＞BEN KCさん
はじめまして。
テンプレートご利用＆ご連絡ありがとうございます！
気に入っていただいているようで大変光栄です。

あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[28] Posted by yujiro : August 7, 2006 10:44 AM

はじめまして、こんにちは☆

実は以前から存じ上げておりまして、
素敵なテンプレートだなぁと憧れておりました。
それで、私が利用しているSEESAAでテンプレートを使用できるようになったのを知って、
早速使わせていただきました♪
なんとか表示できるようになって嬉しいです＾＾*

素敵なテンプレートありがとうございます！
これからもいろいろ参考にさせてください。

よろしくお願いします?。

[29] Posted by SweetP : August 14, 2006 11:36 PM

＞SweetPさん
はじめまして。
テンプレートご利用＆ご連絡ありがとうございます！
気に入っていただけて大変光栄です。

あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[30] Posted by yujiro : August 15, 2006 1:41 AM

yujiroさん、こんばんはー♪
ご無沙汰しました。seesaaで、文字の回りこみの設定をしても、WinXP+IE６で表示にエラーがでるようになって、テンプレートを交換するしか方法がないと判断して、それならyujiroさんのテンプレートをお借りしたいと思ってやってまいりました。早速お借りして、一応の設定はしました。
表示エラーはばっちりありません。これで心おきなく楽しめるようになりました。いつもいつもお世話になっております。本当に素晴らしいテンプレートありがとーございまっす♪m(_ _)m

[31] Posted by yozo : September 4, 2006 12:00 AM

＞yozoさん
こんばんは。
ご無沙汰してます。
テンプレートご利用ありがとうございました。
無事に表示されているようで良かったです。
ではでは！

[32] Posted by yujiro : September 4, 2006 12:55 AM

はじめまして。
seesaaのテンプレートを使わせていただいております。
一目見て気に入りました＾＾

今後ともよろしくお願いします。

[33] Posted by Yukari : September 10, 2006 3:44 AM

＞Yukariさん
はじめまして。
テンプレートご利用＆ご連絡ありがとうございました。
気に入って頂けたようで大変光栄です。
こちらこそ今後ともどうぞよろしくお願い致します。

[34] Posted by yujiro : September 10, 2006 10:45 PM

初めまして。
知人に紹介されて、こちらのテンプレートを使わせて頂いております。

姉妹サイトにも利用させていただいております。ご報告が遅れました。本サイトをやっと修正できたので本日のご報告となりました。

ひとつ質問なんですが、seesaaテンプレートにはクレジットバナーが最初から含まれていて、それを表示するのですが、「テンプレートのページ」を読むと「バナーはローカルに保存して使用・・・」とあります。テンプレートに含まれるバナーは、こちらのサーバから呼び出している仕様なので、これはローカルに保存して使った方が正しいのか？と疑問に思った次第です。

勝手にローカルに保存して表示させればいいだけなのですが、テンプレートに含まれているのは理由があってのことだろうと思い質問させて頂きました。

よろしくお願いします。

なお、CSSもHTMLもとても見やすく、カスタマイズが簡単にできましたことを付言しておきます。
カスタマイズが大変楽で助かりました。はい。

[35] Posted by KingPalace : September 21, 2006 7:23 AM

＞KingPalaceさん
はじめまして。
テンプレートご利用＆ご連絡ありがとうございます。
ご質問の件ですが、Seesaaブログは私が取得しているSeesaaのサイトで使用しているバナーを表示するようにしていますので、そのままで結構です（説明の後半にそのように記載させて頂いてます）。
なお、80×15のバナーをお使いになる場合は適宜ダウンロードしてご利用ください。
それでは今後ともよろしくお願い致します。

[36] Posted by yujiro : September 21, 2006 1:15 PM

初めまして。
seesaaでブログをしていまして、
テンプレートがとても気に入りましたので、
使わせて頂きました。

BlogPeopleにも登録させて頂きました♪
テンプレートの導入させて頂いたのですが、
なんだかバランスが悪く、開くブラウザによって、右サイドが、左サイドの1番下に行ってしまったりします>初めまして。
seesaaでブログをしていまして、
テンプレートがとても気に入りましたので、
使わせて頂きました。

BlogPeopleにも登録させて頂きました♪
テンプレートの導入させて頂いたのですが、
なんだかバランスが悪く、開くブラウザによって、右サイドが、左サイドの1番下に行ってしまったりします>

また、右サイドの文字だけなぜか太字になってしまいます。
まったく初心者で、もっと素敵なサイトにして行きたいと思っておりますので、お忙しいとは思いますが、ご指導頂けたらと思います。

[37] Posted by erika : September 23, 2006 12:20 AM

＞erikaさん
はじめまして。
テンプレートご利用ありがとうございます。
ご質問の件ですが、スタイルが崩れる原因はスタイルシートで必要な情報が削除されていることと、カラムサイズ値に問題があります。
まずは一旦元のスタイルシートに戻して頂けますでしょうか（HTMLはそのままで結構です）。

カラムサイズ値は、修正されたスタイルシートを拝見させて頂くと、サイドバーの幅が300px（×2）、中央カラム650pxで計1250pxになってしまいます（閲覧者の方のディスプレイによっては全体を表示できない可能性があります）。
ご希望のサイズをお知らせいただければ修正箇所をご連絡します。
それではよろしくお願い致します。

[38] Posted by yujiro : September 24, 2006 1:04 AM

はじめまして、mozillaerと申します。

MTテンプレなどでは存じておりましたが、seesaaのテンプレもあることに最近気がつきました(^^;)

ありがたく使わせていただきました。

今後ともよろしくお願いします。

[39] Posted by mozillaer : September 24, 2006 7:15 PM

＞mozillaerさん
はじめまして。
テンプレートご利用＆ご連絡ありがとうございます！
あと勝手ながらBlogPeopleに登録させて頂きました。
こちらこそ今後ともどうぞよろしくお願い致します。

[40] Posted by yujiro : September 25, 2006 1:31 AM

yujiroさんこんばんは。
質問のお答えありがとうございました。

カラムサイズをもとに戻してみました！
希望のサイズなんですが、
他の方のｻｲﾄを見させて頂いて恐縮なのですが、私の下にコメントしている。
mozillaerさんの　中央サイズと、サイド幅が
よいなあと思いました。

そして、2カラムの右サイドバーにしたいと考えております。
お忙しいところ
度々ご質問ばかりで、申し訳ないのですが、
よろしくお願いいたします>yujiroさんこんばんは。
質問のお答えありがとうございました。

そして、2カラムの右サイドバーにしたいと考えております。
お忙しいところ
度々ご質問ばかりで、申し訳ないのですが、
よろしくお願いいたします>

[41] Posted by erika : October 2, 2006 10:03 PM

＞erikaさん
こんばんは。
現在の設定をそれぞれ下記の赤色の内容に変更してください。

HTML

<body class="layout-two-column-right">

スタイルシート

/* 2カラム用 */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}
　　　　　　　　：
　　　　　　　（略）
　　　　　　　　：
.layout-two-column-right #content {
    float: left;
    width: 588px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-two-column-right #links-right-box {
    float: left;
    width: 210px;
}

スタイルシートは似たような設定がいくつかあるので、間違えないようにご注意ください。

左サイドバーの内容は管理メニューの「コンテンツ」ですべて右サイドバーに移動してください。
それではよろしくお願い致します。

[42] Posted by yujiro : October 3, 2006 1:20 AM

はじめまして！ひろしと申します。

シーサーブログのカスタマイズについて質問があります。失礼とは思いますが、お答えいただけたらと思います。

カテゴリ(記事カテゴリも含め)を全て表示させないようには、どうしたらよろしいのでしょうか？
どうしても、個別記事の下部に表示されてしまいます。

よろしくお願い致します。

[43] Posted by ひろし : October 6, 2006 3:40 PM

＞ひろしさん
こんばんは。
ご質問の件で確認ですが、記事下に表示されている投稿者情報

posted by　xxx at hh:mm | Comment(0) | TrackBack(0) | カテゴリー

の一番右側に表示されているカテゴリーのことでしょうか？

[44] Posted by yujiro : October 9, 2006 2:14 AM

posted by　xxx at hh:mm | Comment(0) | TrackBack(0) | カテゴリー

まさに、この「カテゴリー」の部分です！

よろしくお願い致します！

[45] Posted by ひろし : October 11, 2006 9:38 PM

＞ひろしさん
こんにちは。
かしこまりました。
少々お時間ください。

[46] Posted by yujiro : October 12, 2006 3:54 PM

初めまして。
以前から使わせていただこうと思ってましたので、さっそくお借りしました！
カスタマイズは自由にしてよいとのことですので、
これから少しずつ自分らしいカラーにしていこうと思います。

今までは既存のテンプレートのCSSだけをいじって自分流にしていたのですが、
やはりyujiroさんの洗練されたセンスを真似るには到底才能も根気もなく（苦笑）
とても助かりました。

[47] Posted by 零 : October 13, 2006 5:05 PM

＞零さん
はじめまして。
テンプレートご利用＆ご連絡ありがとうございます。
お役に立てたようで良かったです。
あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[48] Posted by yujiro : October 16, 2006 12:56 AM

はじめまして。
blog引っ越しにあたって、
こちらのテンプレートを使わせていただきました。

ありがとうございました

[49] Posted by ああすけ : October 19, 2006 1:37 PM

＞ああすけさん
はじめまして。
テンプレートご利用＆ご連絡ありがとうございます！
あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[50] Posted by yujiro : October 21, 2006 12:30 AM

初めまして。

テンプレートを使わせていただきました。
とても気に入っています。

今後ともよろしくお願いします。

[51] Posted by ちび主婦 : November 3, 2006 8:11 AM

＞ちび主婦さん
はじめまして。
テンプレートご利用ありがとうございます。
「Seesaa ブログでフッタバナーがセンタリングされない不具合を修正」も参考になれば幸いです。
あと勝手ながらBlogPeopleに登録させて頂きました。
こちらこそ今後ともよろしくお願い致します。

[52] Posted by yujiro : November 4, 2006 12:29 AM

はじめまして。
Seesaaのおしゃれなテンプレートを探していてたどりつきました。
早速使わせていただきました。
まだ初心者でこれからいろいろと変えてみたいとは思っています。
ありがとうございました。

[53] Posted by YOCO : November 11, 2006 6:54 PM

初めまして！
seesaaブログで、テンプレート使用させていただいています。有難うございます。

seesaaブログのタグクラウドという機能が、提供いただいているテンプレートでは動作しないようなのです。

どこをどのように直したらよろしいでしょうか？

大変恐縮ですが、お手すきのときございましたらよろしくお願いいたします。

※ブログサイドバー上部のタグをクリックしても、該当する記事リストが表示されないのです^^;
※標準のHTMLでの動作確認済みです。

[54] Posted by 点と線 : November 12, 2006 4:57 PM

＞YOCOさん
はじめまして。
ご返事遅くなってすいません。
テンプレートご利用＆ご連絡ありがとうございます！
あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

＞点と線さん
はじめまして。
ご返事遅くなってすいません。
ご質問の件につきましては別途エントリーしたいと思います。
すいませんがしばらくお時間ください。
それでは今後ともどうぞよろしくお願い致します。

[55] Posted by yujiro : November 14, 2006 6:08 PM

始めまして！
すばらしいツールの提供ありがとうございます。
早速使ってみたのですが、一部の方に右のサイドバーが落ちているといわれます。
私の方では確認できません。
よろしければ原因など教えていただければ幸いです。
どうぞよろしくお願いします。

[56] Posted by 羊飼い : November 15, 2006 10:36 AM

初めまして。こんばんは。patriotと申します。きれいなデザインを探し求めていましたところ素敵なデザインに出会えてよかったです。早速使わせていただきました。
　
ブログのタイトルへ画像を入れることはできるのでしょうか？幅とかの設定がとても難しそうなのでどれくらいにしたらいいのかと思っております。

[57] Posted by patriot : November 15, 2006 10:33 PM

＞羊飼いさん
はじめまして。
テンプレートご利用ありがとうございます。
ご質問の件は解消されたようですね。
あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

＞patriotさん
はじめまして。
テンプレートご利用ありがとうございます。
ご質問の件ですが「CSSでタイトルバナーに画像を表示する」が参考になれば幸いです。
あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[58] Posted by yujiro : November 16, 2006 5:20 PM

はじめまして。Chiakiと申します。
さくらのブログにてこちらのテンプレートを利用させていただいています。
まだ改装途中なのでお見苦しいところが多いのですが、どうしても私の力では解決できない箇所があるため思いきって相談させていただきます。

トップページの表示は問題ございませんが、記事が全て表示されません。（つたない表現方法で申し訳ございません。）

さくらのブログは利用者が少ないようで参考にできるブログを見つけられず、色々と試してみましたが解決できませんでした。お忙しいところ申し訳ございません。ヒントだけでもいただけたら幸いです。どうぞよろしくお願いいたします。

[59] Posted by Chiaki : November 26, 2006 6:14 PM

＞Chiakiさん
はじめまして。
テンプレートご利用ありがとうございます。
ご質問の件ですが、HTML（テンプレート）から下記の2ヶ所を削除し、再構築してみて頂けますでしょうか。

<% if error_code eq '3' %>
認証コードのチェックに失敗しました。
<% /if %>

<% if:blog.ignore_setting.captcha_comment -%>
<p>
<label for="captcha_comment">認証コード: [必須]</label>
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /> <input id="captcha_comment" type="text" name="captcha_comment" size="27" value="" style="vertical-align:top"/><br />
※画像の中の文字を半角で入力してください。
</p>
<% /if -%>

さくらのブログでは認証関係の処理がないようですので、ここを削除すれば大丈夫と思われます（説明不足で申し訳ありません）。

なお、参考までに、このテンプレートを使った、当サイトのさくらのブログ用実験サイトが下記にあります。

さくらのブログ

それではよろしくお願い致します。

[60] Posted by yujiro : November 26, 2006 10:50 PM

＞yuujiroさん
私の質問にお答えいただきありがとうございます。

早速実行させていただきましたが、残念ながら問題は解決されませんでした。もう一つさくらのブログを持っていますがそちらはさくらインターネットの設定のままで先日も問題なく記事掲載できたためブログそのものの不具合ではないように思います。

今回の件で一番あやしいと感じた箇所は、中央カラム開始と終了の間が見事なまでに抜けているところです。

かなりHTMLもCSSも変えていますので私のタイプミスがあるかもしれません。今もyujiroさんのさくらのブログも参考にさせていただき格闘しています。

本当にお手数をおかけしてしまい申し訳ございませんが、よろしくお願いいたします。

[61] Posted by Chiaki : November 27, 2006 4:30 PM

＞Chiakiさん
こんばんは。
状況が理解できました。であれば、

<!-- 中央カラム開始 -->
　　　　　：
　　　　（略）
　　　　　：
<!-- 中央カラム終了 -->

の部分のみ、当サイトのテンプレートから貼り付けなおしてみてはいかがでしょうか。現在のテンプレートは別のファイルで保存しておき、そこから修正された部分を少しずつ反映されていかれると良いでしょう。

現在エラーになっているテンプレートを元に修正しても良いのですが、行き詰っているようですので、一旦元に戻してから少しずつ新たなカスタマイズを行う方法をお勧めします。また新たなカスタマイズは一気に行わず、表示を確認しながら少しずつ行うのが良いでしょう。
それではよろしくお願い致します。

[62] Posted by yujiro : November 27, 2006 6:34 PM

＞yujiroさん
こんばんは。
ご即答いただきありがとうございます。

後出しばかりで申し訳ないのですが、元のテンプレートは間違いなく保存しておりました。でも、再度小粋空間様から保存しなおして元に戻したけれど解決できませんでした。これではお手上げなのでブログそのものを一度削除して同じドメインで作成しなおしました。

作成しなおしたブログに小粋空間様のテンプレートを使用したところ今回は全く問題ございません。以前のブログのカスタマイズはかなり慎重に行っていたつもりでしたが、結局どこに問題があったのかわからずじまいになりました。

今回また一からカスタマイズしていきますが、問題がどこで発生したかわかりましたら、私のブログにて情報を公開したいと思います。

さくらインターネットは良いサーバなのですが、少々玄人向けのような気がします（愚痴ですね）。

ご尽力いただき本当にありがとうございます。
こちらのテンプレートはとてもスタイリッシュで気に入っておりますのでこれからもよろしくお願いいたします。

※このコメントにご返信は特に必要ございません。

[63] Posted by Chiaki : November 27, 2006 10:54 PM

いつも参考にさせていただいております。

seesaaブログテンプレート利用させていただきました。

ブログデザインがかなりクールになり、助かりました。

事後報告になりましたが、今後ともよろしくお願いいたします。

[64] Posted by shinogi : December 16, 2006 1:40 AM

＞shinogiさん
こんばんは。
テンプレートご利用＆ご連絡ありがとうございます。
あと勝手ながらBlogPeopleに登録させて頂きました。
こちらこそ今後ともよろしくお願い致します。

[65] Posted by yujiro : December 17, 2006 9:56 PM

小粋空間さん、こんばんわ。
ブログテンプレートを使用させていただきました。
ついでにTBもさせていただきました。
とってもすっきりまとめることができました。
ありがとうございました。

[66] Posted by ringo134 : December 18, 2006 1:54 AM

Seesaaブログでのタグクラウドの件、ご対応有難う！ございます。

おかげさまで、問題なく使えるようになりました。

ご多忙のところありがとうございました。取り急ぎ御礼まで。

[67] Posted by 点と線 : December 18, 2006 3:53 PM

＞ringo134さん
こんばんは。
テンプレートご利用＆ご連絡ありがとうございました。
あと勝手ながらBlogPeopleに登録させて頂きました。
それでは今後ともよろしくお願い致します。

＞点と線さん
こんばんは。
ご連絡ありがとうございました。
公開が大変遅くなり申し訳ありませんでした。
ではでは！

[68] Posted by yujiro : December 19, 2006 1:02 AM

さくらのブログ（SeeSaaブログのエンジン）で標準テンプレートのちょっとだけカスタマイズして使っていましたが，記事の横幅を広げることが難しいので，seesaaブログテンプレートを使わせていただきました。面倒な作業を覚悟して始めたら，スタイルシートろとHTMLにテンプレートを貼り付けるだけの簡単作業でびっくりです。まだデフォルトのままですが見違える効果を得ることができました。ありがとうございました。

[69] Posted by ranpaku : January 16, 2007 2:02 PM

こんばんは。テンプレートお借りしております。カスタマイズしようと思ってやっていたのですが。記事投稿の枠線の色（名前、アドレス、URL、内容）の枠の色を変えるところがわからなくって・・・。わかる範囲でやってみたのですがどうすることもできません。よろしかったらどこを変更したらいいか教えてください。

[70] Posted by フレア : January 16, 2007 9:48 PM

＞ranpakuさん
こんにちは。
テンプレートご利用＆ご連絡ありがとうございます。
うまく設定できたようで良かったです。
ではでは！

＞フレアさん
こんにちは。
ご質問の件ですが、下記のセレクタに青色の行を追加してください（色は適宜変更してください）。

input,textarea {
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
    border: 1px solid #cccccc;
}

[71] Posted by yujiro : January 17, 2007 10:50 AM

テンプレ使わせていただきました。
いい仕上がりになり大満足です。

ところで、バナーのリンクがなぜか抜けてます。
仕様ではないですよね？
コメント・トラックバックを辿ってみたところ、どうも最近のことのようです。
タグクラウド対応したときに誤って消してしまったんではないでしょうか。

[72] Posted by まちぇら : January 17, 2007 11:33 PM

＞まちぇらさん
こんにちは。
テンプレートご利用＆ご連絡ありがとうございます。

あとすいませんが「バナーのリンク」とはどの部分でしょうか。それらしき箇所（タイトルバナー・小粋空間のバナー・SeesaaのバナーのHTMLおよびCSS）を確認しましたが分かりませんでした。もう少し詳細を教えて頂ければ幸いです。
それではよろしくお願い致します。

[73] Posted by yujiro : January 18, 2007 1:38 PM

言葉足らずですみません。
こちらに置いてあるHTMLのことです。
小粋空間さんのバナー画像にリンクが挿入されていません。
私は手動でつけました。

[74] Posted by まちぇら : January 18, 2007 11:34 PM

＞まちぇらさん
こんばんは。
完全に見落としてました。
ご連絡ありがとうございました！

[75] Posted by yujiro : January 19, 2007 1:10 AM

コメント出来てるかと思ったら、出来てなかったので、
再度あいさつさせていただきます＾＾
本日から、テンプレート使用させて頂きました！
ずっとMTに憧れてて、それをseesaaでも使用できるなんて、
本当にすごく嬉しいです！ありがとうございます。

[76] Posted by 秋日子 : January 22, 2007 7:43 PM

＞秋日子さん
こんにちは。
テンプレートご利用＆ご連絡ありがとうございました。
気に入って頂けたようで光栄です！
それでは今後ともどうぞよろしくお願い致します。

[77] Posted by yujiro : January 23, 2007 9:35 AM

テンプレート使わせていただきました。
綺麗でとても気に入っています。ありがとうございます！

で、さっそく問題なのですが、seesaaが数日前にリニューアルした後にテンプレをアップしてカスタマイズし再構築したところ、カテゴリーのページだけカスタマイズが有効にならず、デフォルトのテンプレデザインが表示されてしまいます。
seesaaのメンテは関係ないのかもしれないのですが、メンテ前に別のブログで使用させていただいたものは大丈夫なので（そっちは怖くてメンテ後いじってません）、もしかしたらテンプレの問題ではないのかもしれません。
三日三晩がんばって色々試したのですが、どうしても解決できず、夫に見てもらったところ、とりあえずの策ということで、HTMLの中でCSSファイルの場所への設定を変数ではなくハードコーディングして、

のようにしました。
とりあえずはこれでカテゴリページも同じデザインが表示されるようにはなりましたが、なぜテンプレートがそのまま使えないのかとても疑問です。その部分の表記はseesaaのテンプレと小粋テンプレと同じなのですが、seesaaのものを使うとカテゴリのページも再構築されます。
問題が出ているとき（カテゴリページだけディフォルトデザイン）のソースコードを見たら、CSSファイルはstyles-index.cssではなく、正確な名前は忘れてしまいましたが、categoryなんとか.cssとなっていました。
ページによって違うスタイルシートをアップさせてくれ

小粋空間 - a cheap joke and a play on words site

Seesaaブログテンプレート

１．動作確認環境

２．利用規定

３．カラムレイアウト変更方法

<body class="layout-three-column">

<body class="layout-three-column-liquid">

<body class="layout-two-column-left">

<body class="layout-two-column-liquid-left">

<body class="layout-two-column-right">

<body class="layout-two-column-liquid-right">

<body class="layout-one-column">

<body class="layout-one-column-liquid">

４．コンテンツについて

５．1カラムレイアウトについて

６．クレジットバナーについて

７．その他

８．テンプレート