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

<<Chinacolorsテンプレートに新色追加| Main | 新テンプレート「Olive」>>

2005-06-25

新テンプレート「Wakakusa」

みずみずしい印象の多肉植物の写真が入ったテンプレートです。
前回作った「Ajisai」のバリエーション。
サンプルはこちら。

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

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

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

body {
font-family:"Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; 
margin:0px;
padding:0px;
text-align:center;
background-color:#FFF;
color:#588;
scrollbar-3dlight-color:#588;
scrollbar-darkshadow-color:#588;
scrollbar-arrow-color:#0A0;
scrollbar-base-color:#FFF;
scrollbar-face-color:#FFF;
scrollbar-highlight-color:#FFF;
scrollbar-shadow-color:#FFF;
scrollbar-track-color:#FFF;
}
img{
border:0px;
}
#container{
text-align:center;
margin:0px auto 0px auto;
padding:0px;
width:749px;
background-color:#FFF;
background-image:url(image/wk_head.jpg);
background-repeat:no-repeat;
background-position:top center;
}
a{
text-decoration:none;
color:green;
}
a:hover,a:active{
color:#0BB;
}
#banner{
height:99px;
margin:0px;
padding:0px 0px 0px 10px;
text-align:left;
line-height:125%;
}
h1 {
margin:0px;
padding:20px 5px 5px 5px;
font-size:200%;
font-weight:bold;
}
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/wk_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:#FFFDDC;
}
.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:#ABE841 1px solid;
border-right:#ABE841 1px solid;
}
.posted{ 
font-size: 65%;
text-align:right;
padding:5px 20px 0px 0px;
border-left:#ABE841 1px solid;
border-right:#ABE841 1px solid;
border-bottom:#ABE841 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:#ABE841;
}
#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 30px;
margin:0px;
text-align:left;
background-image:url(image/wk_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:#FFF;
border-collapse:collapse;
position:relative;left:8px;
width:220px;
border-left:#D9F5C8 1px solid;
border-right:#D9F5C8 1px solid;
border-bottom:#D9F5C8 1px solid;
}
.side a:hover{
font-size:120%;
margin:-2px 0px 0px -2px;
}
.input-submit, .side input, input,textarea{
border:#80D941 1px dashed;
}
.input-submit{
background-color:#ABE841;
padding:2px;
}
#comments .input-submit{
margin:4px 8px 4px 0px;width:100px;
border:#80D941 1px solid;
}
.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: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:460px;
font-size:85%;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:15px;
text-align:left;
border:#ABE841 2px dotted;
}
#trackback hr{
height:0px;
border:#ABE841 2px dotted;
}
#footer{
clear:both;
height:60px;
text-align:center;
background-image:url(image/wk_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ブログの背景画像として利用する以外の目的で転用・転載しないでください。
加工・再配布も禁じます。

●記事部分の背景

●サイドバー背景

●ヘッダ背景

●フッタ背景

posted by ８ at 05:51 | Comment(9) | TrackBack(0) | テンプレート

<<Chinacolorsテンプレートに新色追加| Main | 新テンプレート「Olive」>>

この記事へのコメント

はじめまして、ジロウともうします。
素敵なテンプレートを作られていて、スキルとセンスに感激しました。

私もSeesaaでブログを作ろうとして、テンプレート等をいじったのですが、
困ったことに記事を検索しても何も検索されない状態になっています。

コンテンツ→記事→HTML編集、で
<% if:page_name eq 'search' -%>
…
<% /if -%>
と記述しているのですが、一向に検索が働きません(T_T)

８さんはその辺を改造されていますか？
現在ゆきずまっていますので、何卒情報をお願いします。

Posted by ジロウ at 2005-07-02 00:54

ジロウさん、初めまして。
レスが遅くなり申し訳ありません。

ご質問の件ですが、ソースを見ないと余りはっきりしたことは言えませんが、何らかの記述漏れがある可能性が高いと思います。
幸いSeesaaはいくつでもブログを作れますので、新しく実験用のブログを作ってみて、その初期状態のソースと照らし合わせてみてはどうでしょうか。

Posted by ８ at 2005-07-12 04:21

はじめまして。テンプレート、改造ともに
技術が高くセンスがいいですね。素晴らしいです。
綺麗な色合いが凄く気に入ったので
こちらのwakakusaを使わせて頂いています。
これからも頑張ってください。

Posted by 白湯 at 2005-11-13 11:33

初めまして。素敵なテンプレートばかりですが、
特にこのwakakusaが綺麗で、ぜひ使わせて頂きたいです。

シーサー以外は利用禁止とあるのですが、さくらインターネットが最近始めました、「さくらのブログ」もダメでしょうか？
シーサーと提携してやっているサービスなので、技術的には利用可能らしいのです。
無理でしたら諦めますので、お手すきの時にでもコメント頂けたら嬉しいです。

Posted by akira at 2005-11-28 10:46

こんばんは白湯さん、akiraさん、初めまして。
ご報告ありがとうございます。
気に入っていただけたようで嬉しいです。

akiraさんのご質問ですが、「さくらのブログ」は有料サービスの一環であり、私は登録しておりませんので、動作確認などを行うのが難しい状況です。
また、同じエンジンを使用しているとはいえ、サポート体制やサーバー側の環境などもSeesaaとは若干違っているようですので、申し訳ありませんが今のところは不可ということでご了解いただければと思います。

Posted by ８ at 2005-12-06 02:18

このようなスッキリしてて、しかもデザイン性の高いのを探してました★
さっそく使わせて頂きました！
ありがとうございました。

ところでサイドバーの中のテキストを左寄せにすることってできますか？
基本的には素人なのでもし難しいようなら諦めることにしますが。

Posted by 井 at 2005-12-17 19:23

井さんこんばんは、初めまして。
ご報告ありがとうございます。
使っていただけて嬉しいです。

>ところでサイドバーの中のテキストを左寄せにすることってできますか？
うーん、コピペするテキストフィールドのなかから
「.side」
という文字を探して、それに続く{}内にある

text-align:center;

という文字を

text-align:left;

に変えればたぶんいけると思うのですが、もともと中央寄せのデザインなので、見た目が崩れたりしてしまうかもしれません…。

Posted by ８ at 2006-02-21 02:59

はじめまして。
センスのよいテンプレートに感動です。
さっそくつかわさせていただきました！
ありがとうございます。

Posted by sora at 2006-06-06 09:23

はじめまして。
デザインがとても気に入りました。
おかりします。

これからも頑張ってください。
よろしくお願いします。

Posted by shiro at 2006-08-11 15:13

コメントを書く

この記事へのTrackBack URL

<<Chinacolorsテンプレートに新色追加| Main | 新テンプレート「Olive」>>