…と思っていて（だってあまり可愛いくて便利な感じのテンプレがないんだもん…）、Seesaaのオススメブログ、として掲載されていたSeesaaデザインテンプレートさんに期待をかけていたところ、残念ながらあまり更新されておりません（最終更新たぶん去年の11月ですよね？）
結局、LAZY CRAZY BLOGさんとこで勉強したりとかしながら、自分で気に入るようにカスタマイズしておりました。
で、今ごちゃごちゃやってて思ったんだけど、私もやっちゃえばいいんじゃん？ 配布。と思いまして。
サンプルブログ立ち上げて見ました
前置きが長くなりましたが、今の、このテンプレ（両サイドバー）のCSSを公開いたしますんで、気に入った方はどうぞお持ちかえり下さい。
しーさーさま（見てるかな）、もしこのデザイン気に入ってくれたら、テンプレにしてください(笑)。
動作環境のチェックしてません…正直、自分のIEのバージョンもよくわかってない人間です。まず、マイブログの「デザイン」をクリック。基本になるテンプレを「フレンズ」に設定。「スタイルシート」を開いてください。ごちゃごちゃ入ってるの全部消す。
以下の「body {」から下全部をコピーして貼り付ける。「スタイルシートの変更」を押す。「サイトの再構築」でCSSとトップページを再構築する→終了！
★6:25 さらに追加。応用編。MOVEさんからアイコンのキラキラをいただいて、ファイルマネージャでアップロード。
.sidetitleの{}内を以下のように入れる
background-image:url(http://akappi.seesaa.net/image/kira34.gif);
background-repeat:no-repeat;
background-position:right;
color:darkorange;
font-size:12px;
padding:2px 2px 2px 2px;
margin-bottom:3px;
font-weight:bold;
border-bottom:1px solid #433636;
アドレスは、あなたのもらってきたアイコンのある場所のアドレスです。
これで、キラキラがタイトルの右横に入る（はず）！
★2/14 22:00追加
さらにMOVEさんから壁紙のキラキラをもらい、
#bannerの{}内を以下のように、上と同様にアップロードしたキラキラのアドレスを入れる。
font-family:arial, Helvetica;
margin:10px;
width:750px;
text-align:center;
background-image:url(http://akappi.seesaa.net/image/kira42.gif);
今度はタイトルのとこに模様が入りました〜♪
楽しいけどこれ以上やるとごちゃごちゃでかえって見づらくなるので、
この辺で勘弁しといてやるか…。
デザインCSSのコピーはこの下からどうぞ！
↓
body {
font-family: Arial, Helvetica, sans-serif;
background-color:#B5B5B5;
margin:0px;
padding:0px;
text-align:center;
}
#container{
margin:0px auto 0px auto;
padding-bottom:20px;
width:788px;
background-image:url(http://blog.seesaa.jp/img/bg/friend/bg.gif);
background-repeat:repeat-y;
}
a {
color:saddlebrown;
text-decoration:none;
}
A:hover{
text-decoration:none;
color:red;
}
h1 {
margin:0px;
padding-top:0px;
font-weight:bolder;
font-size:24px;
}
h1 a{
color:#433636;
font-family:arial, Helvetica;
text-decoration: none;
font-family:sans-serif;
font-weight:bolder;
}
h2 {
padding:0px;
font-weight:bold;
font-size:14px;
text-align:left;
font-family:arial, Helvetica;
}
h3 {
padding: 5px 0px 10px 0px;
font-size:14px;
font-weight:bolder;
font-family:arial, Helvetica;
}
H3 a{
text-decoration: none;
}
#banner{
font-family:arial, Helvetica;
margin:10px;
width:750px;
text-align:center;
background:darkorange;
}
.description {
color:#433636;
font-size:12px;
line-height:140%;
margin-top:5px;
padding:0px;
}
.navi {
color:#5F5F5F;
font-size:12px;
text-align:center;
margin-bottom:10px;
width:100%;
}
.navi a {
color:#C19F76;
}
#content {
margin:0px 10px 10px 10px;
float:left;
width:368px;
font-size:12px;
background-color:white;
}
.blog {
text-align:left;
margin:15px 15px 10px 10px;
background-color:white;
}
.blogbody {
font-weight:normal;
line-height:120%;
margin-bottom:15px;
}
.date{
clear:left;
color:#5F5F5F;
margin-top:0px;
margin-bottom:0px;
border-left:20px solid gold;
}
.title{
margin-top:5px;
margin-bottom:0px;
font-weight:bold;
border-left:10px solid darkorange;
border-bottom:dotted darkorange;
}
.title a{
border:none;
color:#5F5F5F;
}
.text{
font-size: 12px;
color: #5F5F5F;
padding:5px 0px;
margin-top:0px;
}
.text a {
color:#C19F76;
}
.posted{
font-size: 10px;
color: #5F5F5F;
text-align: right;
margin-bottom:5px;
padding:3px 0px 3px 5px;
}
.posted a {
color:#C19F76;
}
#links-left {
font-weight:normal;
width:180px;
float:left;
margin: 0px;
text-align:left;
padding-left:20px;
}
#links {
font-weight:normal;
float:left;
width:180px;
margin: 0px 20px 0px 0px;
text-align:left;
font-size:12px;
color: #5F5F5F;
}
#calendar {
width:177px;
margin-bottom:10px;
}
#calendar table {
width:177px;
background-image:url(http://blog.seesaa.jp/img/bg/friend/cal_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#EDE5CC;
}
#calendar th{
color:#E5A557;
font-weight:bolder;
background-color:#F3C7A6;
}
.calendarhead {
color:#91512C;
font-size:12px;
padding:5px 0px 5px 5px;
margin-bottom:0px;
font-weight:bold;
text-align:left;
background-image:url(http://blog.seesaa.jp/img/bg/friend/cal_top.gif);
background-repeat:no-repeat;
background-position:top;
background-color:#EDE5CC;
}
.calendarday {
color:#5F5F5F;
font-size:12px;
line-height:120%;
padding:3px;
margin-bottom:10px;
border-top:1px solid #F3C7A6;
}
.calendarday a{
color:#F36;
}
.sidetitle {
color:darkorange;
font-size:12px;
padding:2px 2px 2px 2px;
margin-bottom:3px;
font-weight:bold;
border-bottom:1px solid #433636;
}
.side {
color:#5F5F5F;
font-size:10px;
line-height:120%;
padding:10px 10px 10px 10px;
margin-bottom:10px;
}
.side a {
color:saddlebrown;
font-size:10px;
}
.powered {
line-height:120%;
padding:0px;
text-align:right;
margin-right:10px;
}
.syndicate {
text-align:center;
font-size:10px;
margin-right:10px;
}
.syndicate a {
color:#C19F76;
}
#comments {
margin-bottom:30px;
margin-top:25px;
text-align:left;
}
#comments input {
max-width:200px;
}
#comments textarea {
max-width:330px;
}
.comments-head{
font-weight:bold;
padding:5px;
margin:0px;
color:#5F5F5F;
font-size:12px;
padding-bottom:10px;
}
.comments-body {
margin-top:5px;
color:#5F5F5F;
font-size:12px;
line-height:120%;
padding:10px;
}
.comments-post {
font-family: Arial, Helvetica, sans-serif;
color:#5F5F5F;
font-size:10px;
padding:10px;
text-align:right;
}
.comments-post a{
color:#C19F76;
}
#trackback {
margin:0px 10px 30px 10px;
margin-top:25px;
font-size:12px;
color:#5F5F5F;
border:1px dotted #5F5F5F;
padding:5px;
text-align:left;
}
#trackback a {
color:#C19F76;
}
#footer{
clear:left;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}
.diet-content{
padding-left:10px;font-size:12px;
}
#diet-foods{
padding-left:10px;font-size:12px;
}
.food-title{
width:20%;
clear:left;
float:left;
}
.food-content{
width:75%;
padding-top:10px;
}
#diet-container{
border:1px solid #999;
padding:5px;
margin-bottom:5px;
}
.diet-title{
background-color:#333333;
padding:2px 10px 2px 5px;
font-size:12px;
color:#FFFFFF;
background-image:url(http://blog.seesaa.jp/img/diet/right_bt.gif);
background-position:right;
background-repeat:no-repeat;
width:90px;
margin-top:5px;
}
.diet-content{
padding-left:10px;font-size:12px;
}
#diet-foods{
padding-left:10px;font-size:12px;
}
.food-title{
width:20%;
clear:left;
float:left;
}
.food-content{
width:75%;
padding-top:10px;
}
2005年02月14日
| 
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/1933473
※言及リンクのないトラックバックは受信されません。
この記事へのトラックバック
ブログデザイン変更
Excerpt: テンプレお借りしました。ありがとうございました！
Weblog: いまさらおこづかいブログ
Tracked: 2005-10-15 12:26
http://blog.seesaa.jp/tb/1933473
※言及リンクのないトラックバックは受信されません。
この記事へのトラックバック
ブログデザイン変更
Excerpt: テンプレお借りしました。ありがとうございました！
Weblog: いまさらおこづかいブログ
Tracked: 2005-10-15 12:26
<
なんだかすごいですよ、最近シーサーユーザーさんが。
テンプレ配布しているところ何箇所か新たに発見しましたもん。
まぁデフォルトのテンプレがちょっとあれだし(爆)、
オリジナリティ出したくなるものですよね。
教えて教えて！ 超教えてほしい〜！！
まだまだありそうですけどね。
http://star-css.seesaa.net/
http://honeyteaparty-second.seesaa.net/
http://proseed.seesaa.net/
http://tagebuch-zweit.seesaa.net/
テンプレ配布って、そのデザインの見本つけないと意味無いよね。それのやりかたがわからん（だめじゃん）他の配布ページ見ると、私の説明あまりにいい加減…。しかも、他のブラウザでの確認なんて当然やってないよ…。ごめんなさい！(>_<)
ちょっとわたしもシンプルなのを
つくってみようかと思っているところです(無謀)
シンプルで、機能的なデザインて意外とないっすよね＞シーサーテンプレ。ちょっと窓が小さくなると記事が全部縦に並んじゃうの許せないし、かといって、両サイドのはデザインが可愛くないんだもんなー、そんな貴方にオススメしたいテンプレですがいかがでしょう。
個人的にSeesaaのテンプレの配布をされている方のリンクを作っているのですけれど、こちらのテンプレのタイトルは
「オレンジでキラキラしたテンプレ」で宜しいでしょうか……。
自分用、と言いつつ誰が見て下さっているか分からないので、出来れば正確に記しておきたいなと思いまして。
なんか勝手に名前を修正してしまっているようで気になったのでお伺いしてみようかとお邪魔してみました。
今の今まで気付かなかったお詫びも込めて。
赤っぴさんのこのテンプレートが可愛くって…私のブログテンプレートに使用させて頂きたいのですが？
これからも可愛いテンプレート期待してますので、頑張ってくださいね！
こちらこそ、勝手にリンクしてしまってすみません(>_<) 名前は「オレンジでキラキラしたテンプレ」で良いです！ 逆に、リンクしていただき、ありがとうございますm(_ _)m 今後もよろしくお願いいたしますね！
＞SACHIさん、はじめまして☆
可愛いと思っていただけて嬉しいです〜(^o^)/
どうぞどうぞ、使ってくださいませ♪（そのために公開してるんですもん〜） また気に入ったテンプレ作ったら公開しようと思いま〜す。でもって、もっと親切な形で公開できたらいいなと思うのですが、まだまだ修業が足りないようです(-_-;) 頑張ります！
それではこのままいかせて頂きますね。
基本的にはリンクってなんでもアリだと思っているので、無断リンクどんとこいです。寧ろありがとうございます。こちらこそ今後とも宜しくお願い致します。
とはいえ、一言あればお互いに繋がる率も上がってさらに良いと思います。リンク集めるのにいっぱいいっぱいで、ついそこらへん省略しちゃったものですから(^-^;)
それにしても皆さんいろいろやっててすごいっす〜！
テンプレートいただいちゃいました!
なかなかコレってのがなくて
探していたらここにたどり着きました。
カワイイのに出会えてよかったですvv
すこし色等変えたいのですが
それは可能ですか？
色くらいならタグわかるので(^^)
今から作業しますが
もしNGでしたら元に戻しますので
その際はお手数ですが
私のブログのコメント欄に
その旨書いていただけますか？
でもこのテンプレートに出会えてよかったですv
また新しいのができたら
ぜひ公開してくださいね(^^)では/
色の変更どころか、好きにしちゃって構いませんよ〜(笑)。参考にしてもらうだけでも全然いいですよ。こんなふうにしたらこうなったよー、という意味も含めての公開で、プロではないので！
今のやつも気に入っているので、またオープンにするかもしれません(^-^)
Seesaaのテンプレを探していてたどり着きました(≧∇≦)
自分でいろいろ改造しても納得できるものができなくてやっと『コレ！』というのに出会えました♪
本当にカワイイくて見やすくてステキです(*￣。￣*)ウットリ
少し改造してお店のブログ用に使ってますがＯＫですか？
もしＮＧだったらご連絡頂ければ元に戻します。
あと、勝手にリンクもしています
事後報告ばかりでスミマセン...。
喜んでいただけたようで嬉しいです〜。全然改造ＯＫですよん。ていうか、もともと私のもんじゃないし（笑）。タイ式マッサージなんて、魅力的ですね！
seesaaのテンプレでなかなか気に入った物がなくて、ずっと探していました。
とっても可愛いので、早速使わせていただきました。
アイコン等、少し変更させていただきましたが、よろしいでしょうか？
不都合な場合は、ご連絡お願いします<m(__)m>。
変更オッケーですよ〜(^o^) 皆さんアフィリエイトを活用してますねぇ。興味深いです！
ジャンルは全く違うのですが、キレイなデザインでしたので、テンプレ使わせていただきますね〜！
…と、もしかしたら違うかもしれませんが、一応、現在のスタイルシートをアップしておきました。↓
http://akappi.seesaa.net/article/3926402.html
ジャンルは全く違うのですが、キレイなデザインでしたので、テンプレ使わせていただきますね〜！
↑
すいません。名前も何も書かないで。。。
初心者なので何か問題があったら、ご指摘ください。
ちょっと焦ってしまったようで失礼しました！
すごいなぁ、パチンコですか！！
頑張って勝って下さいね。
確か「勝負の極意」って本で、競馬に負けないのは、すべてをデータ化して、「常に負けないように」やってるからだって書かれてました。パチンコもそうかもしれません…。
ただ、右サイドバーの画像やらなにやらが回り込んじゃうのですが、どうしたらよいのかな。これは、既存のテンプレでもしょっちゅうあるのですが。なにはともあれ、使ってみたいと思います。ご報告でした。
はじめまして！ テンプレ気に入っていただいてありがとうございます。それにしても、なんで右サイドが落ちちゃうのかな？？
あんまり詳しくないので、後ほど確認してみますね。すぐわからなくてごめんなさい。
http://simplegreen.seesaa.net/
テンプレを貼り付けただけでは、サイドが落ちることはないようです。可能性としてありえるのは、貼り付けているおサルさんのイラストです。記事の部分に幅の大きなものを貼り付けると、落ちることがあるかもしれません。そういえば、以前、テーブル付きのアマゾンのリンクを貼ったら落ちたことがあるような気がしてきました…。
すみません、わざわざ。そうなんですね。このテンプレ使い続けたいので、いろいろ調整してみます。ありがとうございます。
ありがとうございます。
良かったです〜(^-^)/
良かったです〜(^-^)/