新テンプレート「Ajisai」： Style book

<<新テンプレート「I'm drivin'」| Main | Chinacolorsテンプレートに新色追加>>

2005-06-21

新テンプレート「Ajisai」

季節ものということで、アジサイをテーマにしたテンプレートです。
サンプルはこちら。

設定方法は
http://temp-css.seesaa.net/article/3663981.html
をご覧ください。

以下のテキストフィールドからコピペでご利用ください。

■Ajisai　(右サイドバー専用)

body {
font-family:"Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; 
margin:0px;
padding:0px;
text-align:center;
background-color:#7DA095;
color:#77A;
scrollbar-3dlight-color:#F0FFF1;
scrollbar-darkshadow-color:#F0FFF1;
scrollbar-arrow-color:purple;
scrollbar-base-color:#7DA095;
scrollbar-face-color:##7DA095;
scrollbar-highlight-color:#7DA095;
scrollbar-shadow-color:#7DA095;
scrollbar-track-color:#7DA095;
}
img{
border:0px;
}
#container{
text-align:center;
margin:0px auto 0px auto;
padding:0px;
width:749px;
background-color:#F0FFF1;
background-image:url(image/aj_head.jpg);
background-repeat:no-repeat;
background-position:top center;
}
a{
text-decoration:none;
color:#47A9A4;
}
a:hover,a:active{
color:#A7F;
}
#banner{
height:99px;
margin:0px;
padding:0px 0px 0px 15px;
text-align:left;
line-height:125%;
color:#DFF;
}
h1 {
margin:0px;
padding:20px 5px 5px 5px;
font-size:200%;
font-weight:bold;
}
h1 a{
color:#DFF;
}
h1 a:hover,h1 a:active{
color:pink;
}
h2{
font-size:100%;
margin:0px;
margin-bottom:10px;
text-align:center;
padding-top:10px;
padding-right:10px;
}
h3 {
font-size:90%;
margin:0px;
height:40px;
padding-left:35px;
line-height:280%;
background-image:url(image/aj_b_head.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
h3 a{
}
.description {
margin:0px;
font-size:70%;
}
.navi {
font-size:85%;
text-align:center;
padding:0px 0px 5px 0px;
}
#content {
float:left;
width:512px;
text-align:center;
margin-top:200px;
padding-top:10px;
background-color:#E5FFEA;
}
.blog {
margin:0px;
text-align:left;
}
.blogbody {
margin-bottom:10px;
margin-top:10px;
line-height:120%;
width:470px;
position:relative;left:20px;
}
.date{
}
.title{
font-weight:bolder;
text-align:left;
}
.title a{
}
.text{
font-size:75%;
margin-top:0px;
padding:0px 15px 0px 25px;
letter-spacing:0.02em;
border-left:#B8E5D4 1px solid;
border-right:#B8E5D4 1px solid;
}
.posted{ 
font-size: 65%;
text-align:right;
padding:5px 20px 0px 0px;
border-left:#B8E5D4 1px solid;
border-right:#B8E5D4 1px solid;
border-bottom:#B8E5D4 1px solid;
}
#links,#links-left {
font-weight:normal;
width:237px;
margin:0px;
text-align:left;
}
#links-left{
float:left;
padding-right:5px;
}
#links{
float:right;
}
#calendar {
width:220px;
margin:0px;
font-weight:normal;
text-align:center;
padding:5px 0px 5px 0px;
}
#calendar table {
margin:0px;
height:140px;
text-align:center;
}
#calendar th{
font-size:70%;
font-weight:bold;
color:white;
background-color:#47A9A4;
}
#calendar td{
text-align:center;
font-size:70%;
border-bottom:#D3E1AC 1px dotted;
}
.calendarday a{
text-decoration:underline;
}
.calendarhead , .sidetitle {
height:24px;
font-size:75%;
font-weight:bolder;
padding:5px 0px 0px 32px;
margin:0px;
text-align:left;
background-image:url(image/aj_s_head.gif);
background-repeat:no-repeat;
background-position:bottom left;
position:relative;left:8px;
}
.calendarhead{padding:6px 0px 0px 30px;}
.side {
font-size:75%;
font-weight:normal;
line-height:1.5em;
margin:0px 0px 5px 0px;
text-align:center;
padding:5px 0px 5px 0px;
}
.side ,#calendar table{
background-color:#F0FFF1;
border-collapse:collapse;
position:relative;left:8px;
width:220px;
border-left:#C2EACF 1px solid;
border-right:#C2EACF 1px solid;
border-bottom:#C2EACF 1px solid;
}
.side a:hover{
font-size:120%;
margin:-2px 0px 0px -2px;
}
.input-submit, .side input, input,textarea{
border:#B8E5D4 1px dotted;
}
.input-submit{
background-color:#F0FFF1;
padding:2px;
}
#comments .input-submit{
width:100px;
margin:4px 8px 4px 0px;
}
.powered {
padding:0px;
text-align:center;
}
.syndicate {
position:relative;left:8px;
font-size:70%;
}
#comments {
margin-top:25px;
margin-left:15px;
text-align:left;
}
#comments form{
padding-left:10px;
margin-top:5px;
}
#comments input{
max-width:250px;
}
#comments .text{
border:0px;
border-left:#47A9A4 2px dotted;
}
textarea{
max-width:400px;
}
.comments-head{ 
margin:0px;
padding:0px 0px 10px 12px;
font-size:95%;
font-weight:bold;
}
.comments-body {
padding:5px 5px 0px 0px;
font-size:95%;
}
.comments-post{ 
font-size: 70%; 
padding:10px 10px 5px 0px;
text-align:right;
}
#trackback {
width:440px;
font-size:85%;
padding:10px 10px 10px 10px;
margin:0px auto 10px auto;
text-align:left;
border:#47A9A4 1px dotted;
}
#trackback hr{
height:0px;
border:#47A9A4 1px dotted;
}
#footer{
clear:both;
height:60px;
text-align:center;
background-image:url(image/aj_foot.jpg);
background-repeat:no-repeat;
background-position:top center;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}
#diet-container{
    padding:5px;
}
.diet-title{
    padding:2px 10px 2px 5px;
    font-size:85%;
    color:#D77D62;
    width:90px;
    margin-top:5px;
}
.diet-content{
    padding-left:10px;font-size:85%;
}
#diet-foods{
    padding-left:10px;
    font-size:85%;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding-top:10px;
}

このテンプレートは、専用の画像が4点あります。
下のリンク先の画像をローカルに保存してから、seesaaブログ管理画面の
ツール　->　ファイルマネージャ
でご自分のブログに全てアップロードしてください。
このテンプレートに使用されている画像を、Seesaaブログの背景画像として利用する以外の目的で転用・転載しないでください。
加工・再配布も禁じます。

●日付部分の背景画像

●サイドバー背景

●ヘッダ背景

●フッタ背景

このテンプレートは、もともと他の写真を使ったデザインのために作ったものなのですが、アジサイだけは時期ものなのでこれだけ先に公開します。
たぶんあと2種類出すと思いますので、お楽しみに。

posted by ８ at 03:45 | Comment(18) | TrackBack(1) | テンプレート

<<新テンプレート「I'm drivin'」| Main | Chinacolorsテンプレートに新色追加>>

この記事へのコメント

はじめまして。
先程こちらのサイトを発見し、喜んで
テンプレートをお借りしているhiと申します。

設定方法を試しているのですが、どうしても
紫陽花の画像などがでてきません。壁紙のみが
設定されます（プレビュー画面で）。

seesaaのデザインではなく、こちらのテンプレートを是非ともお借りしたいのでお知恵をお貸しくださいませ。

どうぞ宜しくお願い申し上げます。

Posted by hi at 2005-06-24 00:09

こんばんはhiさん、初めまして。
お返事が遅くなりすみません。

ご質問の件ですが、ここで配布しているテンプレートは、画像を相対パスで指定しているため、プレビュー画面では階層が違ってしまいうまく表示されません。
実際に「保存」を押してブログに反映させれば、きちんと表示されると思います。
もしどうしてもプレビュー画面で見たいということであれば、コピペしたスタイルシート内の

background-image:url(image/～

という文全てに、例えば以下のように

background-image:url(http://star5.seesaa.net/image/～

「url(」と「image/」の間にhiさんのブログアドレスをつけ、絶対パスを指定すれば表示されると思います。

Posted by ８ at 2005-06-25 06:09

こんばんは。上と同じく画像の表示の仕方が分かりません。画像をローカルに保存し、アップグレードしたあとに何かする作業があるのでしょうか（たとえばテキスト内に画像のアドレスを入力するとか）？？完全に初心者なのですが、どうしてもこのテンプレートを使いたいので・・・お手数ですが教えてください。

Posted by niko at 2005-06-25 21:17

ご丁寧にお教えいただきまして
ありがとうございました。
もう一度やってみます。

ステキなデザインばかりで目移りしてしまいます。
これからも遊びに来ます。
頑張ってくださいね！

Posted by hi at 2005-06-27 00:08

nikoさん＞
こんばんは、初めまして。
上の私のレスで、いきなりいろいろ細かく書きすぎて誤解を招いてしまったようですね、すみません。

簡潔に言うと、このテンプレートは、プレビュー画面では画像が表示されません。
設定方法で紹介している手順どおりに設定し、「保存」を押してブログ本体に設定を反映させれば表示されると思います。

hiさん＞
温かいお言葉、ありがとうございます。
どうぞ今後ともよろしくお願いいたします。

Posted by ８ at 2005-06-29 02:48

はじめまして。どれもステキなテンプレートばかりで見ているだけで嬉しくなります♪
seesaaの機能は好きなのですが、テンプレだけはどうにも…（Ｔ△Ｔ）、と思っていた矢先、こちらを知ることが出来て本当によかったと思ってます。感激してます。

これからお借りする機会が多くなるとおもいますが、どうかよろしくお願いします。

Posted by ぷらむ at 2005-08-23 02:16

こんばんはぷらむさん、初めまして。
嬉しいご感想ありがとうございます。
こちらこそ、今後ともよろしくお願いします。

Posted by ８ at 2005-08-25 03:45

　はじめまして。今回「Ajisai」のテンプレートをお借りするにあたり、一言お礼を言いたかったのでコメントさせて頂きました。綺麗なテンプレートですごく気に入っています。本当にありがとうございました。

Posted by Ｒｙｏｕ at 2006-02-20 06:40

Ｒｙｏｕさんこんばんは、初めまして。
ご報告ありがとうございます。
綺麗ですか、そう言っていただけて大変嬉しいです。

Posted by ８ at 2006-02-21 03:15

はじめまして。
素敵なテンプレートばかりでいつも楽しませていただいております。

さて今回一つお聞きしたい事があります。
サイドバーがバナーと同じ高さに設定されているテンプレートを拝見しますが、あの設定はどのようなものなのでしょうか？
更に自分のブログは両サイドバーです。両サイドバーでもできますでしょうか？

あちこちをWEB上を彷徨って探したのですが、結局判りませんでした･･･。

是非教えていただきたいです。

不躾なコメントお許し下さい。

Posted by 小太郎 at 2006-03-01 23:27

こんばんは。
ブログの更新を心機一転頑張ろうという事でテンプレートをお借りしに来ました。
アジサイの季節にはまだ早いですが、とっても綺麗で待ちきれなく。
本当に素敵なものばかりで嬉しい限りです。

Posted by 杏津 at 2006-04-01 02:51

こんにちは!テンプレートを自分で変えてみようと思い、こちらのをお借りしました。
一目ぼれです！
素敵なテンプレートをありがとうございます!!

Posted by りょう at 2006-04-11 15:48

ここのテンプレートに惚れました。
早速使わせていただきます。
ありがとうございます。

紫陽花の写真はもちろん、
水滴をイメージした渦巻きが不思議な感じで好きです。

seesaaブログ改造テクも参考にさせていただきます。
今後もがんばってください！

Posted by sugi at 2006-05-01 14:20

はじめまして(*^^)
とても素敵なテンプレートでしたので
お借りしました。
これからも素敵なテンプレートを作って下さい(^-^)

Posted by chiemi at 2006-05-25 00:07

こんにちは。初めまして。
素敵なテンプレートに惹かれ、初めてテンプレートを改装してみました。
ありがとうございました！
これからのご活躍を楽しみにしています♪

Posted by Shizu at 2006-05-25 14:21

はじめまして。
季節にあったテンプレートがないか探していたところ、
こちらでとてもステキなのを見つけました。
早速、お借りして使わせていただいています。
ありがとうございました。
今後も参考にさせていただきますので、どうぞよろしく
お願いいたします。

Posted by くり坊 at 2006-05-25 23:25

はじめまして！
以前、こちらのサイトで、センスが良くて綺麗なテンプレートを見たのを思い出し、
ちょうど季節的にピッタリな時期になりましたので、早速使わせていただきました。
また他のテンプレートもお借りしたいと思います。
どうもありがとうございました！

Posted by Search-A at 2006-06-10 20:10

初めまして、ｓｅｅｓａａ利用者のｎａｔｕｋｏと申します☆
上述の皆様にもれず、わたくしも
素敵なテンプレートに惹かれましてお借りしてしまいました(*^-^*)
ありがとうございました♪

Posted by ｎａｔｕｋｏ at 2006-06-26 12:00

コメントを書く

この記事へのTrackBack URL

ガログのへんこうとか
Excerpt: おおかみのともだち(りんく集)をついかしました。よろしくおねがいいたします。あとこちらからスタイルシートをおかりしてデザインをかえました。すずしげでカラフルで、イメージにあっていると思いました..
Weblog: Glog(ガログ)
Tracked: 2005-08-05 23:02

<<新テンプレート「I'm drivin'」| Main | Chinacolorsテンプレートに新色追加>>