[Seesaa デザインテンプレート]

2004年09月24日

Seesaa用テンプレ　花空

HOME ⇒ かわいい ⇒ この記事

使用するテーマ：路地(右サイドバーのみ対応)
レイアウト：右サイドバー

@charset "shift_jis"; 
/*

このCSSは、Seesaaブログ用です。 
文字色、大枠レイアウトマージン、各パーツマージンと分けて記述しています。
修正等は自由です、CSSに関する質問は受け付けていませんので自己責任でお願いします。

<a href="http://template.seesaa.net" target="_blank">http://template.seesaa.net</a>

*/

/* font-size, color, line-height */

h1 {
	font-size: 1em;
	}
	h1 a{
	color: #FFFFFF;
	}
	h2,h3{
	font-size: 1em;
	}
	
	#banner, #content, #links{
		font-size: 0.95em;
		color: #333333;
		line-height: 140%;
	}

a{
		text-decoration: none;
		color: #3E6B9D;
		padding: 0px 0.2em 0px 0em;
	}

a:hover{
		color: #3333FF;
		text-decoration: underline;
	}
	
	#calendar table td,#calendar table th, .calendarhead {
	font-size: 12px;
	line-height: 100%;
	background: #F4F2EC;
	}
	.description {
	}
	.syndicate a, .powered a{
	color: #FFFFFF;
}
/* layout color */

body {
	background: #516D91;
}
#container{
	background: #00B1ED;
	border: 3px solid #FFFFFF;
}
#banner {
	background: #FFCC66 url(image/head.gif);
}
#content {
	background: #FFFFFF url(image/content_head.gif) no-repeat center top;
	border-bottom: 10px solid #E6F9FF;
}
#footer{
	border-top: 2px solid #FFFFFF;
}
.calendarhead {
	background: #FF6633;
	color: #FFFFFF;
	border-bottom: 5px solid #333333;
}
.sidetitle {
	color: #FFFFCA;
	font-weight: bold;
	border-bottom: 5px solid #F7CC7D;
}
.side {
	background: #F3F8F7;
	border-bottom: 10px solid #E2EEEF;
	border-top: 10px solid #E2EEEF;
}
.posted, .comments-post{
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	background: #F0EEE6;
}
#calendar {
	border: 1px solid #999999;
}
/* layout margin */

* {
	margin: 0px;
}
h1{
	padding: 20px 0px 0px;
}
.text, .navi, blockquote {
	margin: 1em 30px 2em;
}
.title, .posted {
	margin: 0px 10px 1em;
}
#comments, #trackback {
	margin: 1em 35px 2em;
}

/* base layout */
body {
	text-align: center;
}
#container{
	text-align: left;
	width: 790px;
	margin: 10px auto;
	padding: 0px 0px 10px;
}
#banner {
	margin: 0px 0px 20px;
	padding: 0px;
	height: 125px;
	text-align: center;
}
#content {
	width: 540px;
	float: left;
	margin: 0px 10px;
	padding: 30px 0px 0px;
}
#links {
	margin: 0px 10px 0px 0px;
	float: right;
	width: 190px;
}
#footer{
	padding: 5px;
	clear: both;
}
/* parts */
.navi {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 3px 5px;
}

.blog {}
.blogbody {}
.date{
	margin: 1em 20px 0px;
	text-align: right;
	padding: 0px 0px 18px;
	background: url(image/dateback01a.gif) no-repeat right bottom;
}

.title a{}
blockquote {
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.posted{
	padding: 5px;
}
.posted a{
}
#calendar {
	margin: 0px 0px 1em;
}
#calendar table {
	width: 188px;
}
.calendarhead {
	padding: 5px 0px 3px;
}
.calendarday {
	padding: 4px 0px;
}
.calendarday a{
	font-weight: bold;
}
.sidetitle {
	padding: 0px 0px 0px 2px;
	margin: 0px 0px 2px;
}
.side {
	padding: 10px;
	margin: 0px 0px 1em;
}
.powered {
}
.syndicate {
}
.syndicate a{
}
#comments {
}
#comments textarea{

}
.comments-head{
	font-weight: bold;
	margin: 0px 0px 1em;
}

.comments-body {
}

.comments-post{
	padding: 5px;
	margin: 0px 0px 1em;
}
.comments-post a{
}
textarea {
	width: 300px;
}
input {
	width: 150px;
}
#trackback {
}
#trackback a {
}
.trackback-url {
}
.trackback-body {
}
.trackback-post {
}
.trackback-post a {
}
.copyright{
}
#diet-container{
}
.diet-title{
}
.diet-content{
}
#diet-foods{
}
.food-title{
}
.food-content{
}

次のZIPファイルをダウンロードし解凍します。解凍するとテンプレートで使用する画像が入っていますので、ファイルマネージャーからimageフォルダへアップしてください。注：ファイル名は変更しませんように

image_hana.zip

解凍ツールはLhasaが便利です。

posted by えびす at 12:25 | Comment(10) | TrackBack(1) | かわいい

2004年09月22日

Seesaa用テンプレート　画像付きの試作

HOME ⇒ 日記 ⇒ この記事

http://testtemplate.seesaa.net

CSSだけのテンプレートもいいんだけども画像を使うと、また雰囲気も違ってくるということで、軽く試作中です。

使う画像が増えるほどテンプレートの配置に時間がかかるようになるので、３・４つぐらいの画像でまとめてるのが無難なよう。

posted by えびす at 17:12 | Comment(0) | TrackBack(0) | 日記

2004年09月21日

シンプルテンプレート3つ修正

HOME ⇒ 日記 ⇒ この記事

以前から公開していたテンプレートを少し手直ししました。

具体的には、CSS記述を配色やレイアウトごとにわけています。合わせて、色もちびっと変わりました。

新しいテンプレートの確認はメニューのシンプルからどうぞ。

posted by えびす at 18:00 | Comment(0) | TrackBack(0) | 日記

2004年09月16日

ブログの簡易バックアップ

HOME ⇒ Blogの小技 ⇒ この記事

波乗野郎を使った簡易バックアップ方法を紹介します。Seesaaに限らず、ログのバックアップ機能がないBlogにも有効です。波乗り開発の皆様、便利なツールの提供ありがとうございます。

前書き
-----------------------------------------------

たかがBlog、されどBlog。何ヶ月も書き綴った日記は、自分にとって宝物です。そんな宝物がサーバーのトラブルなどで消えてしまったりしないように、あらかじめバックアップをしておきましょう。

------------------------------------------------

ダウンロードしてインストールしたら、画面上部のアイコンから「新規接続先」を選択し、BlogのURLを入力します。

次に、同じく画面上部のアイコンから「波乗り設定」を選択し、自分のパソコンの何処に保存するかを指定します。

最後に、画面上部アイコンの「波乗り開始」を押して完了です。実際に保存されているか確認します。

ちゃんと保存されていたら、この設定を保存しておきます。画面左上ファイル　→　「名前をつけて保存」します。

次に、左上ファイル　→　「環境設定」を開き、「起動時に開くファイル」で、上で保存した設定を指定します。

これで使い方はわかると思いますが、念には念をいれて自動で起動するように設定しておきましょう。

画面上部から「波乗り設定」を開き、「波乗野郎起動後、自動的に波乗りを開始する」にチェックをいれます。これで起動すれば自動的にバックアップをしてくれるので便利ですね。

さらにWINDOWSの場合は、パソコンを起動したら自動的に波乗野郎が起動するようにしておきましょう。画面左下の「スタート」から「プログラム」→「スタートアップ」までいき、「スタートアップ」の上で右クリックして、「開く」を選択。フォルダが開きますから、ここに波乗野郎のショートカットを作っておきます。

スタートアップフォルダに入ったショートカットは、WINDOWSが起動した時に自動的に起動するようになります。これも便利なので覚えておきましょう。これでおしまい。

一度、設定してしまえば安心ですから、この機会にぜひ。

注意点
------------------------------------------------

なぜ、”簡易”バックアップなのかというと、仮にサーバートラブルが原因で、ブログのログが全て消えたとします。自分のブログを完全に復活させるには、波乗野郎でバックアップしたページから記事を投稿しなおさないといけません。すごい手間がかかるのです。だから簡易バックアップ。

ただ、ファイルとして全てのページをバックアップはしていますから、無料ホームページスペースを借りて、バックアップしたファイルをそのままアップすれば、避難サイトができあがります。これはこれで便利。

波乗野郎や他のサイト巡回ツールは、設定を間違うと1日に何度も何度もファイルを取りにいってしまいます。その結果、サーバーに負荷がかかって、迷惑をかける可能性がありますので、巡回は1日1回程度に押さえてください。

posted by えびす at 12:24 | Comment(13) | TrackBack(17) | Blogの小技

2004年09月11日

シンプル3カラム（サイズ可変）

HOME ⇒ シンプル ⇒ この記事

シンプル3カラムの幅可変、ベースレイアウトです。

使用するテーマ：ダイアリー
レイアウト：両サイドバー

注）サンプルでは画像が表示されていません。

@charset "shift_jis"; 
/*

このCSSは、Seesaaブログ用です。 
文字色、大枠レイアウトマージン、各パーツマージンと分けて記述しています。
修正等は自由ですが、CSSに関する質問は受け付けていませんので自己責任でお願いします。

<a href="http://template.seesaa.net" target="_blank">http://template.seesaa.net</a>

*/

/* font-size, color, line-height */

h1 {
	font-size: 1em;
	}
	h1 a{
	}
	h2,h3{
	font-size: 1em;
	}

#banner, #content, #links-left, #links{
		font-size: 0.95em;
		color: #333333;
		line-height: 140%;
	}

a{
		text-decoration: none;
		color: #355B86;
		padding: 0px 0.2em 0px 0em;
	}

a:hover{
		color: #3333FF;
		text-decoration: underline;
	}
	
	#calendar table td,#calendar table th, .calendarhead {
	font-size: 12px;
	line-height: 100%;
	background: #F4F2EC;
	}

/* layout color */

body {
	background: #ECE8DD;
}
#banner {
	background: #E0D5AD;
	border-bottom: 10px solid #9D8D64;
	border-top: 10px solid #9D8D64;
}
#content {
	background: #F8F7F3;
	border: 2px solid #E1DBCA;
}
#footer{
	border-top: 2px solid #999999;
}
.calendarhead {
	background: #EC862B;
	color: #FFFFFF;
	border-bottom: 5px solid #333333;
}
.sidetitle {
	color: #302C1F;
	font-weight: bold;
	border-bottom: 7px solid #9D8D64;
}
.side {
	background: #F4F2EC;
	border: 2px dotted #BBB095;
}
.posted, .comments-post{
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	background: #F0EEE6;
}
#calendar {
	border: 1px solid #999999;
}
/* layout margin */

* {
	margin: 0px;
}
.text, .navi, blockquote, .posted{
	margin: 1em 20px 2em;
}
.title {
	margin: 0px 10px;
}
#comments, #trackback {
	margin: 0px 35px 2em;
}

/* base layout */
body {
	text-align: center;
}
#container{
	text-align: left;
}
#banner {
	margin: 20px 220px 10px;
	padding: 20px 0px 20px 20px;
}
#content {
	margin: 0px 220px 20px;
	padding-top: 20px;
}
#links-left {
	width: 190px;
	position: absolute;
	margin: 0px;
	left: 10px;
	top: 20px;
}
#links {
	width: 190px;
	margin: 0px;
	position: absolute;
	right: 10px;
	top: 20px;
}
#footer{
	padding: 5px;
	clear: both;
}
/* parts */
.description {
}
.navi {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 3px 5px;
}

.blog {}
.blogbody {}
.date{
	margin: 1em 20px 0px;
	text-align: right;
	padding: 0px 0px 18px;
	background: url(image/dateback01a.gif) no-repeat right bottom;
}

.title a{}
blockquote {
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.posted{
	padding: 5px;
}
.posted a{
}
#calendar {
	margin: 0px 0px 1em;
}
#calendar table {
	width: 188px;
}
.calendarhead {
	padding: 5px 0px 3px;
}
.calendarday {
	padding: 4px 0px;
}
.calendarday a{
	font-weight: bold;
}
.sidetitle {
	padding: 5px 0px 2px 3px;
	margin: 0px 0px 2px;
}
.side {
	padding: 10px;
}
.powered {
}
.syndicate {
}
.syndicate a{
}
#comments {
}
#comments textarea{

}
.comments-head{
	font-weight: bold;
	margin: 0px 0px 1em;
}

.comments-body {
}

.comments-post{ 
	padding: 5px;
}
.comments-post a{
}
textarea {
	width: 300px;
}
input {
	width: 150px;
}
#trackback {
}
#trackback a {
}
.trackback-url {
}
.trackback-body {
}
.trackback-post {
}
.trackback-post a {
}
.copyright{
}
#diet-container{
}
.diet-title{
}
.diet-content{
}
#diet-foods{
}
.food-title{
}
.food-content{
}

posted by えびす at 15:28 | Comment(25) | TrackBack(6) | シンプル

2004年09月09日

現在、微調整中です。

HOME ⇒ 日記 ⇒ この記事

今のところ、2つのテンプレートがあります。

この二つをベースに今後のテンプレートを作っていくことになりますので、各ブラウザで微調整中です。もし利用してみて、あきらかにレイアウトがずれている個所がありましたら、ブラウザのバージョンとOSをコメントでお知らせください。

どちらのテンプレートも、基本部分しか調整してませんので、実際に使ってみてわかるような問題もでてくるかと思います。今後の予定としては、この二つがきっちり配布できる形になるよう、調整していきます。調整が終わったら、それをベースにバリエーションを増やす予定です。

続きを読む

posted by えびす at 17:49 | Comment(0) | TrackBack(0) | 日記

シンプル3カラム

HOME ⇒ シンプル ⇒ この記事

シンプル幅790固定。3カラム用のベースレイアウトです。

使用するテーマ：ダイアリー
レイアウト：両サイドバー

@charset "shift_jis"; 
/*

このCSSは、Seesaaブログ用です。 
文字色、大枠レイアウトマージン、各パーツマージンと分けて記述しています。
修正等は自由ですが、CSSに関する質問は受け付けていませんので自己責任でお願いします。

<a href="http://template.seesaa.net" target="_blank">http://template.seesaa.net</a>

*/

/* font-size, color, line-height */

h1 {
	font-size: 1em;
	}
	h1 a{
	}
	h2,h3{
	font-size: 1em;
	}

#banner, #content, #links-left, #links{
		font-size: 0.95em;
		color: #333333;
		line-height: 140%;
	}

a{
		text-decoration: none;
		color: #355B86;
		padding: 0px 0.2em 0px 0em;
	}

a:hover{
		color: #3333FF;
		text-decoration: underline;
	}
	
	#calendar table td,#calendar table th, .calendarhead {
	font-size: 12px;
	line-height: 100%;
	background: #F4F2EC;
	}

/* layout color */

body {
	background: #ECE8DD;
}
#banner {
	background: #E0D5AD;
	border-bottom: 10px solid #9D8D64;
	border-top: 10px solid #9D8D64;
}
#content {
	background: #F8F7F3;
	border: 2px solid #E1DBCA;
}
#footer{
	border-top: 2px solid #999999;
}
.calendarhead {
	background: #EC862B;
	color: #FFFFFF;
	border-bottom: 5px solid #333333;
}
.sidetitle {
	color: #302C1F;
	font-weight: bold;
	border-bottom: 7px solid #9D8D64;
}
.side {
	background: #F4F2EC;
	border: 2px dotted #BBB095;
}
.posted, .comments-post{
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	background: #F0EEE6;
}
#calendar {
	border: 1px solid #999999;
}
/* layout margin */

* {
	margin: 0px;
}
.text, .navi, blockquote, .posted{
	margin: 1em 20px 2em;
}
.title {
	margin: 0px 10px;
}
#comments, #trackback {
	margin: 0px 35px 2em;
}

/* base layout */
body {
	text-align: center;
}
#container{
	text-align: left;
	width: 790px;
	margin: 0px auto;
}
#banner {
	margin: 20px 0px;
	padding: 20px 0px 20px 20px;
}
#content {
	width: 385px;
	float: left;
	margin: 0px 10px 0px 0px;
}
#links-left {
	margin: 0px 10px 0px 0px;
	width: 190px;
	float: left;
}
#links {
	margin: 0px;
	float: right;
	width: 190px;
}
#footer{
	padding: 5px;
	clear: both;
}
/* parts */
.description {
}
.navi {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 3px 5px;
}

.blog {}
.blogbody {}
.date{
	margin: 1em 20px 0px;
	text-align: right;
	padding: 0px 0px 18px;
	background: url(image/dateback01a.gif) no-repeat right bottom;
}

.title a{}
blockquote {
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.posted{
	padding: 5px;
}
.posted a{
}
#calendar {
	margin: 0px 0px 1em;
}
#calendar table {
	width: 188px;
}
.calendarhead {
	padding: 5px 0px 3px;
}
.calendarday {
	padding: 4px 0px;
}
.calendarday a{
	font-weight: bold;
}
.sidetitle {
	padding: 5px 0px 2px 3px;
	margin: 0px 0px 2px;
}
.side {
	padding: 10px;
}
.powered {
}
.syndicate {
}
.syndicate a{
}
#comments {
}
#comments textarea{

}
.comments-head{
	font-weight: bold;
	margin: 0px 0px 1em;
}

.comments-body {
}

.comments-post{ 
	padding: 5px;
}
.comments-post a{
}
textarea {
	width: 300px;
}
input {
	width: 150px;
}
#trackback {
}
#trackback a {
}
.trackback-url {
}
.trackback-body {
}
.trackback-post {
}
.trackback-post a {
}
.copyright{
}
#diet-container{
}
.diet-title{
}
.diet-content{
}
#diet-foods{
}
.food-title{
}
.food-content{
}

posted by えびす at 17:29 | Comment(9) | TrackBack(0) | シンプル

2004年09月08日

テンプレート利用者・紹介協力者一覧

HOME ⇒ 利用者と紹介協力者 ⇒ この記事

テンプレートを利用してくれた人と、Seesaaデザインテンプレートを紹介してくれた人の一覧です。コメントとトラックバックをご覧ください。

利用してくれた方へ

感想を書いてくれる方は、コメントへ一言お願いします。

紹介してくれた方へ

このページへトラックバックを送ってください。

コメントとトラックバックの注意点

後からテンプレートを利用する人が参考にできるように、このページを設置しましたので、各コメント・トラックバックへの返信はいたしません。悪気はないので、ごめんしてください。

posted by えびす at 01:55 | Comment(27) | TrackBack(22) | 利用者と紹介協力者

Seesaa（シーサー）テンプレートのテスト配布

HOME ⇒ 日記 ⇒ この記事

テスト的にSeesaa用のテンプレートを配布します。

テンプレートの作成はCSSで行うわけですが、SeesaaBlogが出力するXHTMLや私のしょぼいスキルによって、できる事できない事がありますので、不備があったらごめんないさい。

もし、利用される方がおりましたら、テンプレート変更の際にテンプレートページへトラックバックしてくれると嬉しいです。

まだ1個だけですが、ニーズがありそうなら続けようかなと。

---以下、Seesaaの開発の方へ---

おつかれさまです。試しにテンプレートを一つ作りました。
お忙しいところ個人的な要望で申し訳ないのですが、メニュー部分に出現する各リンクを＜br /＞ではなくて＜p＞やら＜ul＞＜li＞でマークアップすることができるようでしたら、頭の片隅にメモっていただければと思います。

現状でもテンプレート作成に支障はありませんので問題というほどではありません。これができれば、もう少し細かいレイアウト組みができそうですので、これだけバックしておきます。

どうぞ宜しくお願いいたします。

posted by えびす at 00:10 | Comment(0) | TrackBack(0) | 日記

2004年09月07日

シンプル２カラムベース

HOME ⇒ シンプル ⇒ この記事

使用するテーマ：路地(右サイドバーのみ対応)
レイアウト：右サイドバー

@charset "shift_jis"; 
/*

このCSSは、Seesaaブログ用です。 
文字色、大枠レイアウトマージン、各パーツマージンと分けて記述しています。
修正等は自由ですが、CSSに関する質問は受け付けていませんので自己責任でお願いします。

<a href="http://template.seesaa.net" target="_blank">http://template.seesaa.net</a>

*/

/* font-size, color, line-height */

h1 {
	font-size: 1em;
	}
	h1 a{
	color: #CC3300;
	}
	h2,h3{
	font-size: 1em;
	}
	
	#banner, #content, #links{
		font-size: 0.95em;
		color: #333333;
		line-height: 140%;
	}

a{
		text-decoration: none;
		color: #3E6B9D;
		padding: 0px 0.2em 0px 0em;
	}

a:hover{
		color: #3333FF;
		text-decoration: underline;
	}
	
	#calendar table td,#calendar table th, .calendarhead {
	font-size: 12px;
	line-height: 100%;
	background: #F4F2EC;
	}
	.description {
	}
/* layout color */

body {
	background: #566974;
}
#container{
	background: #ECE8DD;
	border: 3px solid #FFFFFF;
}
#banner {
	background: #EAF2F0;
	border: 10px solid #566974;
}
#content {
	background: #F8F7F3;
	border: 2px solid #E1DBCA;
}
#footer{
	border-top: 2px solid #999999;
}
.calendarhead {
	background: #EC862B;
	color: #FFFFFF;
	border-bottom: 5px solid #333333;
}
.sidetitle {
	color: #302C1F;
	font-weight: bold;
	border-bottom: 7px solid #9D8D64;
}
.side {
	background: #F4F2EC;
	border: 2px dotted #BBB095;
}
.posted, .comments-post{
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	background: #F0EEE6;
}
#calendar {
	border: 1px solid #999999;
}
/* layout margin */

* {
	margin: 0px;
}
.text, .navi, blockquote, .posted{
	margin: 1em 20px 2em;
}
.title {
	margin: 0px 10px;
}
#comments, #trackback {
	margin: 0px 35px 2em;
}

/* base layout */
body {
	text-align: center;
}
#container{
	text-align: left;
	width: 790px;
	margin: 10px auto;
	padding: 10px 0px;
}
#banner {
	margin: 0px 10px 20px;
	padding: 20px 0px 20px 20px;
}
#content {
	width: 550px;
	float: left;
	margin: 0px 10px;
}
#links {
	margin: 0px 10px 0px 0px;
	float: right;
	width: 190px;
}
#footer{
	padding: 5px;
	clear: both;
}
/* parts */
.navi {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 3px 5px;
}

.blog {}
.blogbody {}
.date{
	margin: 1em 20px 0px;
	text-align: right;
	padding: 0px 0px 18px;
	background: url(image/dateback01a.gif) no-repeat right bottom;
}

.title a{}
blockquote {
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.posted{
	padding: 5px;
}
.posted a{
}
#calendar {
	margin: 0px 0px 1em;
}
#calendar table {
	width: 188px;
}
.calendarhead {
	padding: 5px 0px 3px;
}
.calendarday {
	padding: 4px 0px;
}
.calendarday a{
	font-weight: bold;
}
.sidetitle {
	padding: 5px 0px 2px 3px;
	margin: 0px 0px 2px;
}
.side {
	padding: 10px;
	margin: 0px 0px 1em;
}
.powered {
}
.syndicate {
}
.syndicate a{
}
#comments {
}
#comments textarea{

}
.comments-head{
	font-weight: bold;
	margin: 0px 0px 1em;
}

.comments-body {
}

.comments-post{ 
	padding: 5px;
}
.comments-post a{
}
textarea {
	width: 300px;
}
input {
	width: 150px;
}
#trackback {
}
#trackback a {
}
.trackback-url {
}
.trackback-body {
}
.trackback-post {
}
.trackback-post a {
}
.copyright{
}
#diet-container{
}
.diet-title{
}
.diet-content{
}
#diet-foods{
}
.food-title{
}
.food-content{
}

posted by えびす at 23:42 | Comment(4) | TrackBack(2) | シンプル

Seesaaデザインテンプレートとは

HOME ⇒ テンプレートの使い方 ⇒ この記事

非公認でSeesaa Blogで利用できるテンプレートを配布しています。シーサー株式会社とはまったく関係のない個人が配布していますので、シーサー株式会社にテンプレートについての質問をされないよう、お願いします。

テンプレートの使い方

Seesaaの管理画面からテンプレート管理を開く

テンプレートの追加で、適当に名前をつける

各テンプレートページで指定されたテーマを選ぶ

各テンプレートページで指定されたレイアウトを選ぶ

次ぎ押すと、テンプレート一覧に追加される

テンプレート一覧から、新しく追加したテンプレートのCSSを押す

画面中央にCSSが表示されるので、全て選択して（Ctrl + a）消す

デザインテンプレートの利用したいテンプレートページにあるCSSを全てコピーする(Ctrl + a ,Ctrl +c)

先ほど消した、管理画面のCSSのフォームへCSSを貼り付ける（Ctrl + v）

「スタイルシートを変更する」ボタンを押す。その前にプレビューして確認してもいいでしょう。

そのまま左メニューのテンプレート管理を押す

テンプレート一覧の「トップ」「記事」「過去ログ」「カテゴリ」にチェックを入れる

「テンプレートを指定」ボタンを押す

「テンプレートの指定を完了しました」とでるので、その下の「ブログの再構築」ボタンを押す

再構築する範囲で「すべて」を選び再構築開始

再構築が完了したらおしまい。記事が多いと時間がかかります

posted by えびす at 23:14 | Comment(0) | TrackBack(0) | テンプレートの使い方