: Seesaa用テンプレ　花空 [Seesaa デザインテンプレート]

<<Seesaa用テンプレート　画像付きの試作| Main | 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) | かわいい

この記事へのコメント

かわいいですね！
3カラムだったら使ったかも
期待して待ってます。
がんばってください！

ここの背景色もいい色ですね＾＾

Posted by noel at 2004年10月28日 17:43

はじめまして！
とってもかわいい、テンプレートを提供してくださって、ありがとうございます♪
早速、使わせて頂きました♪
どうもありがとうございます(^_^)

今後、どんなテンプレが増えるか、楽しみにしていますね！がんばってください♪

Posted by ももすけ at 2004年11月03日 03:00

初めまして。
テンプレート使用させて頂きました。
このテンプレート、とても可愛いです～vv
素敵なテンプレートを提供して下さって、
ありがとうございました。

Posted by みゆう at 2004年11月03日 12:23

使わせていただきました。とてもかわいいですね♪もっと、いろいろなテンプレートを作ってくださいね。楽しみに待ってま～す！

Posted by みぃ at 2004年11月04日 20:17

はじめまして。
テンプレートを使わせて頂きました。
かわいいデザインをありがとうございますm(__)m
ブログを始めたてで試行錯誤しながらでしたが、
なんとか出来ました(^^；ゞ
新作も楽しみにしてます♪

Posted by 四葉 at 2004年11月14日 16:15

はじめまして。
テンプレート使わせていただきました。ありがとうございます。
色合いがとっても私の好みです！
これからももっと増えるのを楽しみにしています。

Posted by misuzu at 2005年03月09日 07:37

はじめまして。
テンプレートお借りしました。
とてもシンプルで見やすいので、すごく使い易いです。
今後も新作を楽しみにしています。

Posted by ルゥ３ at 2005年05月10日 19:25

はじめまして。
テンプレートお借りしました。
配布されているテンプレートを使うのは初めてでしたので、うまくできるか不安でしたが、説明して下さっている通りにやって、思いの外簡単にできたのでホッしています。
これからも素敵なテンプレートを作ってくださいね。

Posted by oz at 2005年09月09日 15:38

いや～ん♪かわいい♪

前から、カスタマイズしたくて悩んでいたのですが、とってもかわいらしい
テンプレートでしたので、ついつい頂いてしまいました。
ありがとうございます。
新作も期待していますので、頑張って下さいね。

Posted by nyannko at 2005年09月20日 01:42

すっごくかわいいですね。
早速使わせていただきました。
ありがとうございます。

Posted by りん at 2006年05月23日 11:40

コメントを書く

この記事へのTrackBack URL

右サイドバーの救世主
Excerpt: さて11月。ということでまたリニューアル病が出てしまいました。日頃seesaa様には大変お世話になっているのに、文句つけるようで大変心苦しいのですが．．右サイドバー利用者に冷たいと思うのです。シ..
Weblog: Lime Rhyme
Tracked: 2004-11-02 00:39

2004年09月24日

Seesaa用テンプレ 花空

Seesaa用テンプレ　花空