EKKEN♂

このブログは http://ekken.blog1.fc2.com/ に移転しました

メルヘンなCD

2005-02-12 | 音楽の話
 柄にもなくメルヘンが好きだったりします。
 高校から大学にかけて、サンリオの雑誌、「詩とメルヘン」を定期購読していました。
 残念ながら休刊されたようですが、定価以上の濃い内容に、毎月発売を楽しみにしていたものです。
 僕が一番好きな童話は、佐藤さとるさんの『だれも知らない小さな国』という作品ですが、この本についてはまたの機会に譲るとして、今日は「絵本的音楽」を紹介します。
 しっぽのきもち 文学系ヲタの男性にカルトな人気がある(僕の偏見ですけど)谷山浩子さんのアルバムは、正直これしか聴いたことがありませんが、全曲、童話の世界に飛び込んだかのようなメルヘンチックな曲で構成されていて、小さな子供と一緒に聴くにはピッタリの名盤です。
 僕のお気に入りは2曲目の「おはようクレヨン」
 詞がそのまま絵本になりそうな、ほんわかとして、爽やかな朝のイメージが気持ち良いです。
 
 
 
 関連しそうなオススメ


だれも知らない小さな国
佐藤 さとる

豆つぶほどの小さないぬ 星からおちた小さな人 ふしぎな目をした男の子 小さな国のつづきの話 コロボックル物語〈別巻〉小さな人のむかしの話

by G-Tools


ピアニッシモ―おおた慶文画集
おおた 慶文

愛育社 2004-11
売り上げランキング : 127,030

Amazonで詳しく見る
by G-Tools

翼の国へ―きたのじゅんこベストセレクション
きたの じゅんこ

小学館 1999-08
売り上げランキング : 72,184

Amazonで詳しく見る
by G-Tools

しろいおおかみ
葉 祥明

佼成出版社 2002-08
売り上げランキング : 552,506

Amazonで詳しく見る
by G-Tools


アドバンスでまたデザインを変える

2005-02-12 | goo BLOG
 またまたデザイン変えてます。
 シンプルグリーンテンプレとはネガポジ反転っぽいタイプにして見ました。

 
 やっていることは前回のものと同じです。この青い色が気に入らない場合は、テーブル素材屋さん文字を利用した枠からお好みの色で角用画像を作成して、このHTMLの該当部分の必要箇所を入れ替えてください。
 CSSのエントリの背景色を同色に変更することをお忘れなく。
 
 このデザインのCSSです。全体のカラーは、記事部分を丸く見せる画像の青と合わせていますので、角の4分の1丸画像を変えない人は、背景色関係はいじらない方が無難です。文字色や文字サイズ、引用タグなどを変えるようにしましょう。

/* ページ全体の背景と文字と余白 */
BODY {background-color:#3399FF;
}
/* 引用の設定 */
blockquote {
background-color: #99FFFF;
font-size: 86%;
color:#000099 ;
margin-left:25px;
margin-right:5px;
margin-top:12px;
margin-bottom:8px;
border-left: 2px #3399FF;
padding: 10px;
line-height: 160%;
}
q { color:#000099 ;
font-size: 88%;
border-style:inset;
border-color:#0000FF ;
}
/* ■■強調色■■ */
/* 赤 */
strong {color:#FF3300;font-style:normal;font-weight: bold;}
/* 青 */
em {color:#0000FF;font-style:normal;font-weight: bold;}
/* マーカーオレンジ */
big { color: #990000;background-color:#FFFF99;font-style:normal;font-size :88%;}
/* マーカー黄色 */
u {color: #990000;background-color:#FFCC99;font-style:normal;text-decoration:none;font-size :88%;}
/* 背景同色 */
i {color:#ffffff;font-style:normal;}
/* 見出し */
h3 {
font-size: 103%;
font-weight: bolder;
border-top: 3px #B07200 dotted;
border-bottom: 1px #0000FF dotted;
margin-bottom:1px;
}
h4 {
font-size: 98%;
font-weight: normal;
border-bottom: 1px #0000F dotted;
padding-left: 25px;
margin-bottom: 1px;

}

/* 全体の文字 */
TD {color :#666666;}
/* 全体のリンク飾り */
a:link {
color : #0000FF;
text-decoration : underline;
}
a:visited {
color : #000099;
}
a:hover {
color : #FF0000;
text-decoration : none;
}
/* ページ全体共通指定 */
/* ブログのタイトル部上 */
.headerLight {background-color:#3399FF;}
/* ブログタイトル部等の区切り線 */
.rule {background-color:#0000CC;}
/* ブログのタイトル部下 */
.headerDark {background-color:#ffffff;}
/* ブログのタイトル */
.bTitle {
font-size: 30px;
font-weight: bold;

}
/* ブログタイトルのリンク) */
.bTitleLink { text-decoration: none;}
/* ブログの概要 */
.bDesc {
font-size: 12px;
color:#0000CC;}
/* カレンダー背景 */
.calendar {width: 150px;
}
/* カレンダー年月 */
.calMonth { font-weight: bold;}
/* カレンダー曜日 */
.calWeek { font-weight: bold; color:#0000CC;}
/* カレンダー日付 */
.calDay { color: #0000CC;}
/* カレンダー日付のリンク */
.calDayLinked {
font-weight: bold;
text-decoration: underline;
}
/* カレンダー前月、翌月 */
.calLink {
color: #0000CC;;
font-size: 80%;
font-weight: bold;
text-decoration: underline;
}
/* カレンダー内の区切り */
.calRule {}
/* 左メニュー背景 */
#menu {
background-image:url();
}
/* 左メニュー文字(各見出し含む) */
#menu TD {font-size:75%;line-height:140%;
color:#0000CC;}
/* 左メニューの各見出し */
.menuBar { font-weight: bold; padding: 2px; width: 25%; text-align: left; font-style: oblique;color:#0000CC;}
/* 左メニューのリスト背景 */
.menuBg { padding: 2px; width: 240px; text-align: center;
}
/* 過去の投稿(ENTRY ARCHIVE)のリスト */
.arcLink {color:color:#0000CC;}
/* 最新の投稿(RECENT ENTRY)のリスト */
.entLink {color:color:#0000CC;}
/* 最新のコメント(RECENT COMMENT)のリスト */
.comLink {color:color:#0000CC;text-decoration: none;}
/* 最新のコメント(RECENT COMMENT)のリスト:投稿者名 */
.comText {color:color:#0000CC;text-decoration: none;}
/* 最新のトラックバック(RECENT TRACKBACK)のリスト */
.traLink {color:color:#0000CC;text-decoration: none;}
/* 最新のトラックバック(RECENT TRACKBACK)リスト:ブログ名 */
.traText {color:color:#0000CC;}
/* カテゴリー(cotegory)のリスト */
.catLink {color:color:#0000CC;text-decoration: none;}
/* ブックマーク(book mark)のリンク:サイト名 */
.bmLink {text-decoration: none;}
/* ブックマーク(book mark)リスト:説明 */
.bmText {font-size: 90%;}
/* プロフィールの見出し */
.pfTitle { font-weight: bold;}
/* プロフィールの内容 */
.pfText {}

/* エントリーの背景 */
.entry {
background-color:#3399FF;

}
/* エントリータイトル */
.etTitle {font-size: 115%;font-weight: bold;
color:;
padding-left:5px;
 ;
}
/* エントリータイトルの飾り(で使用) */
.etTitleLink {text-decoration: none;}
/* エントリー本文 */
.etBody {
font-size: 88%;
line-height: 190%; text-align: left;
color:#666666;}
/* エントリーに表示されているカテゴリ */
.etCategory {
color: #000066;
font-size: 70%;
text-decoration: none;
}
/* エントリーに表示されている日時 */
.etTime {
color: #000066;
font-size: 70%;
text-decoration: none;
}
/* エントリーに表示されている「コメント()」 */
.etCommentLink {
font-size: 90%;
color: ;
}
/* エントリーに表示されているコメントの数字 */
.etCommentLink A {
font-size: 90%;
color: ;
}
/* エントリーに表示されているトラックバックの数字 */
.etTBLink {
font-size: 90%;
color: ;
}
/* エントリーに表示されているトラックバックの数字 */
.etTBLink A {
font-size: 90%;
color: ;
}
/* エントリーに表示されているカテゴリー、時間などの「/」や「|」 */
.etText {
font-size: 70%;
color: ;
}
/* 各エントリー、コメント、トラックバックの区切り線 */
.etRule {
background-color: #000066; }
/* 前のページ、次のページ */
.etNextPrev {
font-size: 90%;
color: ;}
/* エントリー内の画像位置 */
.thumbnail {
float: right;}
/* --エントリー枠固定用(変更不可)-- */
.Posi{
text-align: left;
width: 100%;}
/* コメントの背景(別ウィンドウ、エントリー下ともに) */
.comment {
background-color: ;
background-image: url();
background-repeat: ;
background-position: ;}
/* エントリー下の「コメント」 */
.cmHeadText {
color: ;
font-size: 70%;
font-weight: bold;}
/* エントリー下の「コメント」の囲み */
.cmHeadFrame {
background-color: ;}
/* エントリー下「コメントを投稿する」、別ウィンドウ「コメント」「コメントを投稿する」 */
.cmText {
color: ;
font-size: 80%;}
/* コメントタイトル(エントリー下、別ウィンドウともに) */
.cmTitle {
color: ;
font-size: 80%;
font-weight: bold;}
/* コメント投稿者名(エントリー下、別ウィンドウともに) */
.cmName {
font-size: 80%;}
/* コメント投稿日時(エントリー下、別ウィンドウともに) */
.cmDate {
color: ;
font-size: 75%;}
/* コメント見出しの各タイトル(エントリー下、別ウィンドウともに)と規約導入の文字 */
.cmForm {
color: ;
font-size: 80%;}
/* コメント本文(エントリー下、別ウィンドウともに) */
.cmBody {
background-color: #FFFFFF;
font-size: 75%;
color:#0066FF ;
margin-left:20px;
margin-right:5px;
margin-top:12px;
margin-bottom:8px;
border: 2px #3300FF inset;
padding: 7px;
line-height: 150%;}
/* トラックバックの背景(エントリー下、別ウィンドウともに) */
.trackback {
background-color: ;
background-image: url();
background-repeat: ;
background-position: ;
}

/* エントリー下の「この記事のTrackback Ping-URL」 */
.tbHeadText {
color: ;
font-size: 80%;
font-weight: bold;
}

/* エントリー下の「この記事のTrackback Ping-URL」の囲み */
.tbHeadFrame {
background-color: ;}

/* 別ウィンドウの「この記事のTrackback Ping-URL」 */
.tbtrackback {
color: ;
font-size: 70%;}
/* トラックバックURL(エントリー下、別ウィンドウともに) */
.tbUrl {
color: ;
font-size: 65%;
white-space: nowrap;}

/* トラックバックされた方のサイト名(エントリー下、別ウィンドウともに) */
.tbBTitle {
color: ;
font-size: 80%;
}

/* トラックバックされた記事名(エントリー下、別ウィンドウともに) */
.tbETitle {
color: ;
font-size: 75%;
font-weight: bold;}
/* トラックバック本文(エントリー下、別ウィンドウともに) */
.tbDesc {
color: ;
font-size: 80%;
line-height: 150%;}