すちゃらかSeesaaテンプレート

- 1 2 次の10件>>

2005年02月20日

テスト

ページで見る

【テストページの最新記事】

posted by ななせ♪ at 20:23| 東京

| Comment(37) | テストページ |

2004年07月28日

福井・新潟災害トラックバック運動

hironyaさんの日記で痛々しい災害の状況を知り、私にも何か出来るはずと思い、Seesaaでもトラックバック呼びかけに賛同いたします。
内容はすちゃらかCSS素材集と同文です

ochieさんによる福井豪雨被害について【ニュース】
福井災害見舞金・見舞い品について
新潟梅雨前線豪雨被害義援金
日本赤十字社　新潟県梅雨前線豪雨被害義援金について
日本赤十字社　福井豪雨災害義援金について

百貨店やコンビニ募金
ダイエーグループ約800店舗
セブンイレブン
ローソン

辛いだろうけど負けないで、小さな力はかならず大きくなるはずです。
すちゃらかCSS素材集でもトラックバックを受け付けます。
http://www.sucharaka.jp/blog/archives/000496.html
少しでも多くの方に見ていただいて賛同してくれることを願ってます。
続きを読む

posted by ななせ♪ at 21:49| 東京

| Comment(1) | TrackBack(5) | Blog＆お知らせ |

2004年07月25日

Seesaaウェブログサービスがトラフィックゲートと提携し、Blog内で簡単にアフィリエイト出来るようになりました。

参考
シーサー、トラフィックゲート社と提携。アフィリエイトサービスを開始

リンク承認作業やリンクの張り付けなんかがほとんどいらないシステムになってます。
JUGEMがなかなかシステムダウンから立ち直れない今、結構Seesaaに流れてきているBlogアフィリエイターも居るみたい。
JUGEM XMLのインポートなんてものまで出来てるし(^_^;)

JUGEMユーザーで、お困りの方、使ってみてはいかが？

あ、CSS素材は是非我が【すちゃらかSeesaaテンプレート】の素材を使ってください（笑）

posted by ななせ♪ at 17:04| 東京

| Comment(0) | TrackBack(0) | Blog＆お知らせ |

2004年06月28日

わーすっかり更新止まってます

なんだか全然こっちまで手が回ってません(^_^;)
Blog作りすぎですよね（苦笑）

Seesaaテンプレートに付いての質問もすちゃらかCSS素材集のQ&Aでも受け付けます。
もし、うちのテンプレートを使っていて不都合などがあったら、是非書き込んでください。
今のところ不都合は、猫ちゃんの背景と、コメント文字の近似色の指摘です。
これはブラックにしてしまうか、コメントに背景を入れてしまうか悩んでいます。
コメントに背景入れてしまうと猫ちゃんが見えなくなってしまうのでねぇ…（苦笑）

気になる方は、コメント指定のあるCSS部分に背景色を入れてみてくださいませ。

posted by ななせ♪ at 22:31| 東京

| Comment(1) | TrackBack(1) | Blog＆お知らせ |

2004年06月02日

なんとか数点テンプレ配布

Seesaa用テンプレート、実験してくれた方のおかげで配布にこぎ着けました(^-^)
どうそ使ってくださいね～

Blogユーザーも沢山増えてきた割には、私の回りには誰一人Blogを知る人はおりません(^_^;
もうちょっとしないと、一般的な言葉にはなってこないんでしょうね（苦笑）

今週末にも数点アップしますのでよろしくー

posted by ななせ♪ at 17:33| 東京

| Comment(58) | TrackBack(2) | Blog＆お知らせ |

2004年05月31日

SeesaaCSSテンプレート:Stationery

Seesaaテンプレートその4ですコピー＆ペーストしてCSSを変更してみてください
ベースは『ホワイト』の3カラムを使用してますので、最初はこの設定で変更した方が無難だと思います

不都合や、どっかおかしいところがあったら、マシン環境と使用ブラウザを明記してコメントしてくださいませm(_ _)m
すちゃらかCSS素材集の方に書き込んでいただいてもOKです
動作確認用デモページ
Seaasaadefault_17

↓ここからコピー

@charset "Shift_JIS";
/*
ここは消さないで下さい
Title: Stationery
Author: ななせ♪
Access: http://www.sucharaka.jp/
CSSLicense: 【すちゃらか素材集】
*/

/*◆ページ全体の基本的な設定と背景色◆*/
	body {
		margin:0px;
		background:#996633;
		color:#ffff00;
		background-image: url("http://sucharakasample3.seesaa.net/image/corkhaikei.jpg");
		}

/*◆リンク文字設定◆*/
	a:link		{ color: #333399; text-decoration:none; background: none;}
	a:visited		{ color: #9966cc; text-decoration:none; background: none;}
	a:active		{ color: #000099; background: none;}
	a:hover		{ color: #ffffff;text-decoration: underline;background-color : #6699cc;}
	
/*◆h1ホームタイトル、h2ブログ本文の日付、h3エントリーのタイトルの設定◆*/
	h1{
		margin: 0px;
		padding: 0px;
		}
		
	h2{
		margin: 0px;
		padding: 0px;
		}

h3 {
		margin: 0px;
		padding: 0px;
		}

/* ◆ブログタイトルのある段落◆ */
	#banner {
		position: relative; z-index: 1;
		color:#ffff00;
		background: none;
		background-position:right top; 
		background-repeat:no-repeat;
		background-image: url("http://sucharakasample3.seesaa.net/image/title.jpg");
		font-size:x-large;
		font-weight:bold;
		padding-left:20px;
		padding-top:20px;
		padding-bottom:100px;
		}

/* ◆ブログタイトルの文字のリンク色◆ */
	#banner a,
	#banner a:link,
	#banner a:visited,
	#banner a:active,
	#banner a:hover {font-size: x-large;color: #ffff00;text-decoration: none; background: none;}

/* ◆ブログタイトル下に入るコメント設定◆ */
	.description {
		color:#ffffff;
		background: none;
		font-size:small;
		text-transform:none;
		}

/* ◆エントリーのある大段落（トップページ）◆ */
	#content {
		margin-right : 215px ;
		margin-left: 215px ;
		margin-bottom:15px;
		}

/*◆エントリーのある大段落（トップページ以外）◆*/
	#container {
		margin-right : 215px ;
		margin-left: 215px ;
		margin-bottom:15px;
		}

/* ◆エントリーのある段落◆ */
	.blog {
		font-size:small;
		font-weight:bold;
		color: #ffff00;
		background: none;
		}

/* ◆各エントリー◆ */
	.blogbody {
		color:#003366;
		font-size:medium;
		font-weight:normal;
		background:#ffffff;
		background-repeat:repeat-y; 
		background-image: url("http://sucharakasample3.seesaa.net/image/looseleaf.gif");
		line-height:155%;
		border: 1px solid #eeeeee;
		padding:10px;
		margin-top:5px;
		padding-left:25px;
		width: auto;
		}

/* ◆本文のテキスト設定◆ */
.text{
}

.text a{
}

/* ◆エントリータイトル◆ */
	.title	{
		padding-top:12px;
		padding-left:25px;
		padding-bottom:10px;
		font-size: medium;
		color: #003366;
		background: none;
		font-weight:bold;
		background-position:left; 
		background-repeat:no-repeat;
		background-image: url("http://sucharakasample3.seesaa.net/image/enpitu_2.gif");
		}

/*◆エントリータイトルのリンク文字設定◆*/
	.title a{ color: #ffcc66; text-decoration: none;background: none;}
	.title a:link{ color: #ffcc66; text-decoration: none;background: none;}
	.title a:visited{ color: #33ffcc; text-decoration: none;background: none;}
	.title a:active{ color: #33ffcc; text-decoration: none;background: none;}
	.title a:hover { color: #ffffff;text-decoration: underline;background: none;}

/*◆ナビゲーションの設定◆*/
.navi {
		margin-bottom:10px;
		font-size:medium;
		font-weight:bold;
		text-align:center;
		}

.navi a:link{ color: #660033; text-decoration: none; background: none;}
	.navi a:visited{ color: #660033; text-decoration: none; background: none;}
	.navi a:active{ color: #33ffcc; text-decoration: none; background: none;}
	.navi a:hover { color: #ffffff;text-decoration: underline;background-color : #6699cc;}

/* ◆日にち◆ */
	.date	{ 
		font-size: medium;
		color: #ffff00;
		background: none;
		font-weight:bold;
		text-transform:uppercase;
		margin-top:10px;
		}

/* ◆エントリー投稿者の段落◆ */
	.posted {
		font-size: small;
		font-size: x-small;
		color: #005e00;
		background: none;
		padding-top:10px;
		}

/* ◆Continue readingの行（Seesaaにはまだないけど一応）◆ */
	.extended { 
		font-weight:bold;
		padding: 3px;
	/*枠の太さと色ここから*/
		border-bottom: 1px solid #660033;
		border-left: 5px solid #660033;
	/*枠の太さと色ここまで*/
		}

/* ◆blockquote設定（Seesaaにはまだないけど一応）◆ */
	blockquote {
		color: #000000;
		background:#ffffcc;
		margin:5px 40px 5px 40px;
		font-size:small;
		font-weight:normal;
		line-height:150%;
		padding: 10px; 
		border: 2px dotted #336600; 
		width: auto 
		}

/* ◆quotetitle設定（Seesaaにはまだないけど一応）◆ */
	.quotetitle{
		font-size:medium;
		font-weight:normal;
		border-bottom: 1px solid #666666; 
		padding: 3px;
		}

/* ◆カレンダーのある大段落（トップページ左）◆ */
	#links-left{
		position : absolute ;
		left:20px;
		top : 180px ;
		color:#003366;
		background: none;
		margin-top:0px;
		width:180px;
		}

/*◆カレンダーのある大段落（トップページ右）◆*/
	#links {
		position : absolute ;
		right:20px;
		top : 180px ;
		color:#003366;
		background: none;
		margin-top:0px;
		width:180px;
		}

/*◆カレンダーの基本設定◆*/
	.calendar {
		font-size:small;
		font-weight:normal;
		color:#005e00;
		background: none;
		line-height:140%;
		padding:0px;
		}

/*◆カレンダーの月、曜日、数字の設定◆*/
	.calendarhead {
		font-size:medium;
		font-weight:bold;
		color:#ffffff;
		background: none;
		padding:2px;
		text-transform:uppercase;
		text-align:center;
		}

.calendarday{
		text-align: center;
		font-size:medium;
		font-weight:bold;
		color:#ffffff;
		}

#calendar table {
width:100%;
}

/* ◆サイドバーの見出し◆ */
	.sidetitle {
		color:#666666;
		background:#FFF;
		font-size:medium;
		font-weight:bold;
		line-height:140%;
		margin-top:15px;
		text-transform:uppercase;
		text-align:center;
		background-image: url("http://sucharakasample3.seesaa.net/image/linktitlehaikei.jpg");
		line-height:140%;
		padding-top:27px;
		}

/* ◆サイドバー◆ */
	.side {
		color:#005e00;
		font-size:small;
		font-weight:normal;
		background:#FFF;
		line-height:140%;
		padding:10px;
		}

/* ◆RSS(XML)の設定◆ */
	.syndicate {
		font-size:small;
		line-height:140%;
		padding:2px;
		margin-top:15px;
		text-align:center;
		}

/*◆rss(xml)の設定◆*/
	.syndicate {
		color:#ffff00;
		font-size:xx-small;
		font-weight:bold;
		line-height:140%;
		padding:2px;
		margin-top:10px;
		text-align:center;
		background:#FFF;
		}

/*◆poweredの設定◆*/
	.powered {
		color:#ffff00;
		font-size:xx-small;
		font-weight:bold;
		border-top:1px dotted #666;
		border-bottom:1px dotted #666;
		line-height:140%;
		text-transform:uppercase;
		padding:2px;
		margin-top:10px;
		text-align:center;
		letter-spacing: .2em;
		background:#FFF;
		}

/*◆コメント枠の設定◆*/
	.comments-body {
		color:#666;
		font-size:small;
		font-weight:normal;
		background:#FFF;
		line-height:140%;
		padding-bottom:3px;
		padding-top:3px;
		padding-left:10px;
		padding-right:3px;
		margin:10px;
		}

/* ◆「コメント」「コメントする」の見出し◆ */
	.comments-head	{
		background:#FFF;
		font-size: small;
		color: #003366;
		font-weight:bold;
		text-transform:uppercase;
	/*四隅枠の太さと色ここから*/
		border-bottom: 3px solid #ffff00;
		border-left: 3px solid #ffff00;
		border-right: 3px solid #ffff00;
		border-top: 3px solid #ffff00;
	/*四隅枠の太さと色ここまで*/
		padding:5px;
		margin:10px;
		}

/* ◆「コメント」投稿者◆ */
	.comments-post {
		color:#005e00;
		font-size:x-small;
		font-weight:normal;
		background: none;
		margin-top:0px;
		border-bottom: 1px solid #660033;
		}

/* ◆「トラックバック」の段落◆ */
#trackback {
	width:auto;
	color:#666666;
	background:#ffffff;
	margin-bottom:30px;
	margin-top:25px;
	padding:5px;
	margin:10px;
	font-size:small;
}

/* ◆トラックバックURL◆ */
	.trackback-url {
		font-size:medium; 
		font-weight:normal;
		color: #666;
		background:#ffffff;
		border: 2px solid #ffff00;
		padding:10px;
		margin:10px;
		}

/* ◆「トラックバック」の段落◆ */
	.trackback-body {
		color:#ffff00;
		font-size:medium;
		font-weight:normal;
		background:#ffffff;
		line-height:140%;
		padding:10px;
		margin:10px;
		border-bottom:1px dotted #660033;
		}

/* ◆「トラックバック」投稿者◆ */
	.trackback-post {
		color:#666666;
		font-size:small;
		font-weight:normal;
		background:#ffffff;
		margin:10px;
		}

/* ◆検索、コメントなどの入力フォームの設定◆ */
form {
	margin:0px;
}

/* ◆フッターの設定◆ */
#footer{
margin-left : 215px ;
margin-right : 215px ;
width: auto;
}

/* ◆コピーライトの設定◆ */
.copyright{
font-size:small;
width:100%;
text-align:center;
}

/* ◆投稿者名、コメントの書き込み欄の文字化け防止◆ */
input,textarea {
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
	margin: 2px;
}

動作確認：MacIE5.x MacNetscape7.x Safari1.0 WinIE6.0 Opera（Win+Mac）

posted by ななせ♪ at 00:42| 東京

| Comment(9) | TrackBack(6) | SeesaaCSS配布 |

2004年05月30日

SeesaaCSSテンプレート:BlueBlueSky

Seesaaテンプレートその3ですコピー＆ペーストしてCSSを変更してみてください
ベースは『ホワイト』の3カラムを使用してますので、最初はこの設定で変更した方が無難だと思います

不都合や、どっかおかしいところがあったら、マシン環境と使用ブラウザを明記してコメントしてくださいませm(_ _)m
すちゃらかCSS素材集の方に書き込んでいただいてもOKです

動作確認用デモページ

↓ここからコピー

@charset "Shift_JIS";
/*
ここは消さないで下さい
Title: BlueBlueSky
Author: ななせ♪
Access: http://www.sucharaka.jp/
CSSLicense: 【すちゃらか素材集】
*/

/*◆ページ全体の基本的な設定と背景色◆*/
	body {
		margin:0px;
		color: #003366;
		background:#3399ff;
		}

/*◆リンク文字設定◆*/
	a:link		{ color: #003366; text-decoration:none; background: none;}
	a:visited		{ color: #ffff99; text-decoration:none; background: none;}
	a:active		{ color: #003366; background: none;}
	a:hover		{ color: #003366;text-decoration: underline;background : #ffffff;}

/* ◆h1h2h3◆ */
	h1{
		margin: 0px;
		padding: 0px;
		}
		
	h2{
		margin: 0px;
		padding: 0px;
		}

h3 {
		margin: 0px;
		padding: 0px;
		}

/* ◆タイトル名のある段落◆ */
	#banner {
	position: relative; z-index: 1;
		color:#cb0f0f;
		background:#3399ff;
		background-position:right top;
		background-repeat:repeat-y;
		background-repeat:no-repeat;
		background-image: url("http://sucharakasample2.seesaa.net/sora.gif");
		font-size:large;
		font-weight:normal;
		padding-left:30px;
		padding-top:10px;
		padding-bottom:50px;
		text-align: left;
		}

/* ◆タイトル名の文字のリンク色◆ */
	#banner a:link{font-size: large;color: #ffffff;; text-decoration: none; background: none;}
	#banner a:visited{font-size: large;color: #ffffff;; text-decoration: none; background: none;}
	#banner a:active,
	#banner a:hover {font-size: large;color: #cc9933;text-decoration: none; background: none;}

/* ◆サイト説明文◆ */
	.description {
		color:#ffffff;
		background: none;
		font-size:small;
		text-transform:none;
		}

/* ◆エントリーのある大段落◆ */
	#content {
		background: #3399ff;
		margin-right : 210px ;
		margin-left  : 210px ;
		margin-top : 10px ;
		margin-bottom : 10px ;
		}

/* ◆エントリーのある段落◆ */
	.blog {
		padding:10px;
		font-size:small;
		font-weight:normal;
		color: #336699;
		background: none;
		}

/* ◆各エントリー◆ */
	.blogbody {
		background:#ffffff;
		background-position:right; 
		background-repeat:repeat-y; 
		background-image: url("http://sucharakasample2.seesaa.net/kumo.gif");
		color:#336699;
		font-size: medium;
		padding:10px;
		line-height:150%;
		width : auto ;
		border: 3px solid #99ccff;
		margin-bottom:5px;
		}

/* ◆本文のテキスト設定◆ */
.text{
}

.text a{
}

/* ◆各エントリーの文字のリンク色◆ */
	.blogbody a:link{color: #003366;text-decoration: none; background: none;}
	.blogbody a:visited{color: #003366;text-decoration: none; background: none;}
	.blogbody a:active{color: #003366;text-decoration: none; background: none;}
	.blogbody a:hover  {color: #ffffff;text-decoration: underline;background-color : #336699;}

/* ◆エントリータイトル◆ */
	.title	{
		font-size: medium;
		color: #336699;
		background: #99ccff;
		padding-bottom:10px;
		padding-top:10px;
		padding-left:10px;
		margin-bottom:10px;
		}

/*◆ナビゲーションの設定◆*/
.navi {
		font-size: small;
		font-weight:normal;
		background: none;
		margin:10px;
		padding:3px;
		text-align:center;
		}

/* ◆日にち◆ */
	.date	{ 
		font-size: medium;
		color: #ffff66;
		background: none;
		background-position:left; 
		background-repeat:no-repeat;
		background-image: url("http://sucharakasample2.seesaa.net/sunrise.gif");
		padding-left:45px;
		padding-top:15px;
		padding-bottom:10px;
		font-weight:bold;
		}

/* ◆エントリー投稿者の段落◆ */
	.posted {
		font-size: small;
		color: #336699;
		background: none;
		}

/* ◆Continue readingの行（Seesaaにはまだないけど一応）◆ */
	.extended { 
		font-weight:normal;
		padding: 3px;
		}

/* ◆blockquote設定（Seesaaにはまだないけど一応）◆ */
	blockquote {
		color: #336699;
		background:#ffffff;
		margin:5px 40px 5px 40px;
		font-size:small;
		font-weight:normal;
		line-height:150%;
		padding: 10px; 
		border: 2px solid  #3399ff;
		width: auto 
		}

/* ◆quotetitle設定（Seesaaにはまだないけど一応）◆ */
.quotetitle{
	font-size:medium;
	font-weight:normal;
	border-bottom: 1px solid #666699;
	padding: 3px;
	}

/* ◆カレンダーなどのあるサイドバー左◆ */
	#links-left{
		position: relative; z-index: 2;
		color: #ffffff;
		background:#3399ff;
		position : absolute ;
		right : 10px ;
		top : 150px ;
		width : 180px ;
		padding:10px;
		}

/* ◆カレンダーなどのあるサイドバー右◆ */
	#links{
		position: relative; z-index: 2;
		color: #ffffff;
		background:#3399ff;
		position : absolute ;
		left : 10px ;
		top : 150px ;
		width : 180px ;
		padding:10px;
		}

/*◆カレンダーの基本設定◆*/
	.calendar {
		color:#ffffff;
		background: transparent;
		font-size:small;
		font-weight:normal;
		}

/*◆カレンダーの月、曜日、数字の設定◆*/
	.calendarhead{
		text-align: center;
		color:#ffffff;
		font-size:small;
		font-weight:bold;
		background: none;
		}

.calendar a:link {font-size: small;color: #003366; text-decoration: none; background: #ffff00;}
	.calendar a:visited{font-size: small;color: #003366; text-decoration: none; background: #ffff00;}
	.calendar a:active{font-size: small;color: #003366; text-decoration: none; background: none;}
	.calendar a:hover {font-size: small;color: #999999;text-decoration: none; background: none;}

.calendarday{
		text-align: center;
		color:#ffffff;
		font-size:x-small;
		font-weight:normal;
		}

#calendar table {
width:100%;
}

/* ◆サイドバーの見出し◆ */
	.sidetitle {
		color:#336699;
		font-size:small;
		font-weight:normal;
		margin-top:3px;
		background:#ffffff;
		line-height:140%;
		padding:3px;
		text-align:center;
		border: 3px solid  #99ccff;
		}

/* ◆サイドバー◆ */
	.side {
		color:#ffffff;
		background: none;
		font-size:small;
		font-weight:normal;
		line-height:140%;
		padding:5px;
		}

/* ◆RSS(XML)の設定◆ */
	.syndicate {
		font-size:small;
		line-height:140%;
		padding:2px;
		margin-top:15px;
		text-align:center;
		}

/* ◆Poweredの設定◆ */
	.powered {
		color:#336699;
		background: none;
		font-size: x-small;
		line-height:140%;
		text-transform:uppercase;
		padding:2px;
		margin-top:20px;
		text-align:center;
		}

/*◆コメント枠の設定◆*/
	.comments-body {
		color:#336699;
		font-size:small;
		font-weight:normal;
		background:#ffffff;
		border: 1px solid #336699;
		padding:10px;
		margin:5px;
		line-height:150%;
		width : auto ;
		}

/* ◆「コメント」「コメントする」の見出し◆ */
	.comments-head	{
		font-size:small;
		color: #336699;
		background: #99ccff;
		font-weight:bold;
		border: 1px solid #336699;
		padding:5px;
		width : auto ;
		margin-top:10px;
		margin-bottom:10px;
		}

/* ◆「コメント」投稿者◆ */
	.comments-post {
		color:#003366;
		background: none;
		font-size:small;
		font-weight:normal;
		}
	.comments-post a:link{color: #000066;text-decoration: none; background: none;}
	.comments-post a:visited{color: #336666;text-decoration: none; background: none;}
	.comments-post a:active{color: #000066;text-decoration: none; background: none;}
	.comments-post a:hover  {color: #ffffff;text-decoration: underline;background-color : #336699;}

/* ◆「トラックバック」の段落◆ */
#trackback {
	width:100%;
	color:#666666;
	margin-bottom:30px;
	margin-top:25px;
	padding:5px;
	font-size:90%;
	background: transparent;
}

/* ◆トラックバックURL◆ */
	.trackback-url {
		font-size:small; 
		font-weight:bold;
		color: #336699;
		background:#ffffff;
		border: 2px solid #336699;
		padding:10px;
		margin-top:10px;
		}

/* ◆「トラックバック」の段落◆ */
	.trackback-body {
		color:#336699;
		font-size:small;
		font-weight:normal;
		background:#fff;
		line-height:140%;
		padding-bottom:10px;
		border-bottom:1px dotted #003366;
		}

/* ◆「トラックバック」投稿者◆ */
	.trackback-post {
		color:#336699;
		font-size:x-small;
		font-weight:normal;
		background:#ffeded;
		}

/* ◆検索、コメントなどの入力フォームの設定◆ */
form {
	margin:0px;
}

/* ◆フッターの設定◆ */
#footer{
margin-left : 210px ;
margin-right : 210px ;
width: auto;
}

/* ◆コピーライトの設定◆ */
.copyright{
font-size:small;
width:100%;
text-align:center;
}

/* ◆投稿者名、コメントの書き込み欄の文字化け防止◆ */
input,textarea {
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
	margin: 2px;
}

動作確認：MacIE5.x MacNetscape7.x Safari1.0 WinIE6.0 Opera（Win+Mac）

posted by ななせ♪ at 00:50| 東京

| Comment(37) | TrackBack(3) | SeesaaCSS配布 |

2004年05月18日

今日から楽天でもトラックバックが使える

今日から楽天日記にもトラックバック機能が付きました。
とりあえずSeesaaから大丈夫かどうか試しにトラックバック～

posted by ななせ♪ at 09:35| 東京

| Comment(79) | TrackBack(2) | テストページ |

2004年05月16日

Seesaa3カラムCSS配布開始

Seesaa用3カラムCSSの配布を開始しました。
本家すちゃらかCSS素材集から持っていってくれてもOKです。
このすちゃらかSeesaaテンプレートでも同じ物をアップしていきます。
せっかく作ったのでBlogなんぞもこれから書いていきたいと思います。
テストページのカテゴリーは、どうぞテストで使ってください(^^)

既存のMT用2カラムCSSも、ちょっといじればSeesaaで使用可能みたいなので、使っていただいてもかまいません。

もちろん無料、改造自由です。

posted by ななせ♪ at 18:21| 東京

| Comment(1) | TrackBack(2) | Blog＆お知らせ |

2004年05月13日

SeesaaCSSテンプレート:PurpleBlog

Seesaaテンプレート配布にむけての実験その2です
コピー＆ペーストしてCSSを変更してみてください
不都合がなければこれから配布をはじめたいと思います(^-^)
ベースは『ホワイト』の3カラムを使用してますので、最初はこの設定で変更した方が無難だと思います

不都合や、どっかおかしいところがあったら、マシン環境と使用ブラウザを明記してコメントしてくださいませm(_ _)m
すちゃらかCSS素材集の方に書き込んでいただいてもOKです

動作確認用デモページ

↓ここからコピー

@charset "Shift_JIS";
/*
ここは消さないで下さい
Title: PurpleBlog
Author: ななせ♪
Access: http://www.sucharaka.jp/
CSSLicense: 【すちゃらか素材集】
*/

/* ◆ボディー◆ */
body {
	margin:0px;
	background:#e5e5f7;
	color: #003366;
}

/* ◆リンク◆ */
	a:link{ color: #003366;  text-decoration: none; background: none;}	/* リンク（未訪問） */
	a:visited{ color: #003366;  text-decoration: none; background: none;}	/* リンク（訪問済み） */
	a:active{ color: #999999; background: none;}	/* リンク（クリック時） */
	a:hover{ color: #999999; background: none;}	/* リンク（カーソルが乗っている時） */

/* ◆h1h2h3◆ */
h1, h2 {
	margin: 0px;
	padding: 0px;
}

h3 {
	margin: 0px;
	padding: 0px;
}
/* ◆タイトル名のある段落◆ */
#banner {
	font-size:x-large;
	font-weight:bold;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#333333;
	background:#666699;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
	margin-bottom:10px;
	position: relative; z-index:1;
}

/* ◆タイトル名の文字のリンク色◆ */
	#banner a:link {font-size: x-large;color: #ffffff; text-decoration: none; background: none;}
	#banner a:visited{font-size: x-large;color: #ffffff; text-decoration: none; background: none;}
	#banner a:active{font-size: x-large;color: #003366; text-decoration: none; background: none;}
	#banner a:hover {font-size: x-large;color: #ffff00;text-decoration: none; background: none;}

/* ◆サイト説明文◆ */
.description {
	font-size:small;
	font-weight:bold;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#ffffff;
	background: none;
	text-transform:none;
}

/* ◆エントリーのある大段落◆ */
#content {
	background:#ffffff;
	color: #003366;
	margin-left : 110px ;
	margin-right : 110px ;
	margin-bottom:15px;
	padding-top:10px;
	padding-bottom:15px;
	padding-left:80px;
	padding-right:80px;
	border: 5px solid  #666699;
	width: auto;
}

/* ◆エントリーのある段落◆ */
.blog {
	margin-left:15px;
	margin-right:15px;
	margin-top:5px;
	background:none;
	color: #003366;
	}

/* ◆各エントリー◆ */
.blogbody {
	font-size:medium;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#333333;
	background:none;
	line-height:140%;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-top: 2px solid #666699;
	border-bottom: 4px solid #666699;
	border-left: 2px solid #666699;
	border-right: 4px solid #666699;
	width: auto;
}

/* ◆本文のテキスト設定◆ */
.text{
}

.text a{
}

/* ◆各エントリーの文字のリンク色◆ */
	.blogbody a,
	.blogbody a:link,
	.blogbody a:visited,
	.blogbody a:active,
	.blogbody a:hover {
		font-weight: normal;
		text-decoration: none;
	}

/* ◆エントリータイトル◆ */
.title	{
	font-size: medium;
	color: #ffff00;
	background:#e5e5f7;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:3px;
	padding-right:3px;
	margin-bottom:0px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	text-transform:none;
	text-align:left;
}

/*◆ナビゲーションの設定◆*/
.navi {
	font-size: medium;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color: #003366;
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;
}

/* ◆日にち◆ */
.date	{
	font-size: large; 
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color: #ffffff;
	background:#666699;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

/* ◆エントリー投稿者の段落◆ */
.posted	{
	font-size: small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color: #333333;
	background: none;
	margin-top:3px;
	margin-bottom:3px;
	padding:3px;
	border:dotted 1px #666699;
}

span.posted	{
	font-size: small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color: #333333;
	background: none;
	margin-top:3px;
	margin-bottom:3px;
	padding:3px;
	border:dotted 1px #666699;
}

/* ◆Continue readingの行（Seesaaにはまだないけど一応）◆ */
.extended { 
	font-weight:normal;
	padding-left:8px;
	border-left:8px solid #666699;
}

/* ◆blockquote設定（Seesaaにはまだないけど一応）◆ */
blockquote {
	color: #000000;
	background:#f2f2ff;
	margin:5px 40px 5px 40px;
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	line-height:150%;
	padding: 10px;
	border-top: 1px solid #666699;
	border-bottom: 3px solid #666699;
	border-left: 1px solid #666699;
	border-right: 3px solid #666699;
	width: auto ;
	}

/* ◆quotetitle設定（Seesaaにはまだないけど一応）◆ */
.quotetitle{
	font-size:medium;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	border-bottom: 1px solid #666699;
	padding: 3px;
	}

/* ◆カレンダーなどのあるサイドバー左◆ */
#links-left{
	position: absolute;
	left:20px;
/* ◆banner部分を大きめにとったらtop:100px;を調節◆ */
	top:100px;
	width:170px;
	padding:5px;
	background:#eee;
	text-align:left;
	margin-top:50px;
	background: transparent;
	margin-bottom:15px;
}

/* ◆カレンダーなどのあるサイドバー右◆ */
#links { 
	position: absolute;
	right:20px;
/* ◆banner部分を大きめにとったらtop:100px;を調節◆ */
	top:100px;
	width:170px;
	padding:5px;
	background:#eee;
	text-align:left;
	margin-top:50px;
	background: transparent;
	margin-bottom:15px;
}

/* ◆カレンダー年月◆ */

.calendarhead {
	font-size:medium;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#ffffff;
	background:#666699;
	text-align:center;
}

#calendar th {
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#006699;
	background:#ffffff;
	line-height:140%;
}

/* ◆カレンダー◆ */
.calendarday {
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	background:#ffffff;
	line-height:140%;
}

#calendar table {
width:100%;
}

/* ◆サイドバーの見出し◆ */
.sidetitle {
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	background:#666699;
	font-size:medium;
	font-weight:normal;
	color:#ffffff;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	margin-top:10px;
	border: 2px solid  #666699;
}

/* ◆サイドバー◆ */
.side {
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	background:#ffffff;
	font-size:small;
	font-weight:normal;
	color:#333333;
	line-height:140%;
	text-align:left;
	margin-bottom:10px;
	padding:3px;
	border: 2px solid  #666699;
}

/* ◆RSS(XML)の設定◆ */
.syndicate {
	font-size:x-small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif; 
	color: #003366;
	background:#ffffff;
	line-height:140%;
	padding:2px;
	margin-top:5px;
	margin-bottom:10px;
	text-align:center;
	border: 2px solid #666699;
}

/* ◆Poweredの設定◆ */
.powered {
	font-size:x-small;
	font-weight:normal;
	font-family:Osaka, "ＭＳ Ｐゴシック", trebuchet MS, trebuchet, verdana, arial, sans-serif;
	color:#666666;
	background:#ffffff;
	line-height:140%;
	padding:2px;
	text-align:center;
	border: 2px solid #666699;
}

/* ◆「コメント」の段落◆ */
.comments-body {
	background:#ffffff;
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	line-height:140%;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin:5px;
}

/* ◆「コメント」「コメントする」の見出し◆ */
.comments-head	{
	font-size:medium;
	font-weight:bold;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	background:#ffffff;
	color: #666666;
	border:1px solid #666699;
	margin:15px;
	padding:5px;
}

/* ◆「コメント」投稿者◆ */
.comments-post {
	font-size:x-small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	background:#ffffff;
	margin:10px;
	padding:3px;
	border:dotted 1px #666699;
}

/* ◆「トラックバック」の段落◆ */
#trackback {
	width:100%;
	color:#666666;
	margin-bottom:30px;
	margin-top:25px;
	padding:5px;
	font-size:90%;
	background: transparent;
}

/* ◆「トラックバック」の段落◆ */
.trackback-body {
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	background:#ffffff;
	line-height:140%;
	padding:10px;
	margin-top:3px;
	border:1px solid #666699;
}

/* ◆トラックバックURL◆ */
.trackback-url {
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	background:#ffffff;
	line-height:140%;
	padding:5px;
	border:1px solid #666699;
}

/* ◆「トラックバック」◆ */
.trackback-post {
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	background:#ffffff;
}

/* ◆検索、コメントなどの入力フォームの設定◆ */
form {
	margin:0px;
}

/* ◆フッターの設定◆ */
#footer{
margin-left : 180px ;
margin-right : 180px ;
width: auto;
}

/* ◆コピーライトの設定◆ */
.copyright{
font-size:small;
width:100%;
text-align:center;
}

/* ◆投稿者名、コメントの書き込み欄の文字化け防止◆ */
input,textarea {
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
	margin: 2px;
}

動作確認：MacIE5.x MacNetscape7.x Safari1.0 WinIE6.0 Opera（Win+Mac）

posted by ななせ♪ at 23:15| 東京

| Comment(12) | TrackBack(8) | SeesaaCSS配布 |

- 1 2 次の10件>>

<< 2009年11月 >>
日	月	火	水	木	金	土
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

2005年02月20日

2004年07月28日

2004年07月25日

2004年06月28日

2004年06月02日

2004年05月31日

2004年05月30日

2004年05月18日

2004年05月16日

2004年05月13日

広告