最近わたし、会社で口数が少なくなってます、かなり。
最初のキッカケは、同じ会社の人の個人サイトを知って、見にいってみたら、驚いたことにうちのサイトへのリンクが張られているのを発見したときです。
わたしの個人サイトは、会社の人には伏せてあるんです。理由はいくつかありますが、業界のことを扱っているので、正直あまり褒められたことではないのでナイショにしているというのが１つ。それと、言わないでおいたほうが、「これしゃべるとホームページに書かれるのでは？」等と警戒されずにいろいろと取材（？）の為に聞き耳を立てられるというのがもう１つの理由です。

で、日記っていうのは自分がいま注目していることとか、考え方とか、そういうものを書きますよね？　うっかり日記に書いたのと同じことをしゃべってしまって、その人に「あれ？　PurpleMoonの日記に同じことが書いてあったなあ…」などと疑われてはマズイ！　と警戒しているので、どうしても口が重くなるんです…。

で、今度雑誌の連載も決まったので、会社の人たちとの日常会話の最中にもついつい「あ、この話、コラムのネタになるかも～。今ここではしゃべらずに、後で文章に書こうっと♪」となってしまうわけで、どんどん口数の少ない人になっていってるという…。

もしかしたらわたし、会社では暗い人と思われてるかも知れない…。

雑誌「日経ソフトウェア」４月号（2/24発売）より、コラムを連載することになりました。

日経BP社日経ソフトウェア公式ページ

初心者から中級者のプログラマーさん向け雑誌ですので、ゲーム業界志望者向けというよりも、一般の社会人の方にゲーム業界のいろいろな話題をご紹介する内容になる予定です。
…打ち切りにさえならなければ(寒

PurpleMoonの「OnlineDiary」をクリックしてこのページに来てくださった方の中には、「Blogってなに？？」という方も多いと思います。
ブログっていうのは……、説明難しいですけど、Weblogとも言うのですが、テキスト系サイトを作る為のツール（掲示板用CGIとかと一緒だと考えていいと思います）があるんです。で、このブログツールを使って作ったサイトがブログと呼ばれます。

欧米で発祥したものなので、まだまだ日本ではマイナーなのですが、最近はNiftyのココログなど、日本でも大手のWeb系企業がBlogサービスを続々と開始しています。
自分のホームページ用サーバにアップしてBlogを作れるフリーのプログラムなんかもあるのですけど、これで一番有名なMovable Typeというプログラムは英語だったりして（日本語パッチはあるようですけど）、今のとこ日本では企業が行っているBlogサービスのほうが一般的かも。

他にもいくつかある中で、わたしがDoblogを選んだ理由は、やっぱり大手が運営しているので、儲からないのでサービス終了とか、どっかと合併してURL変わるとか、その可能性が低そうだからです！Tripodで痛い目見たばっかりだし（泣）

興味のある方、こちらのサイトで無料Blogサービスがいろいろ紹介されてますのでご参考にどうぞ！

無料Blog比較

Doblogを始めて3日ほどですが、テンプレート3つほど作成しました。なんていうか、Webで新しいものを始めると、つい内容よりもデザインいじりにはまってしまうのは、素材屋の習性みたいなものです、たぶん。

テンプレートを張り替えるだけでパッとデザイン変更できるので、今後も季節によって自分のところも変えたりとかしたいなー、と思ってます。


ところで、テンプレートを作って公開しよう！と思い立ったのは、Doblogのことをいろいろと調べていて、こちらを訪れ、Doblog用テンプレート作ってる人ってどうやら少ないみたい…と思い、始めたわけなのですが（コードを配布したりするのに向いてないですもんね、Blogって。バイナリファイルがアップロードできるBlogなら別ですけど）、今日また偵察（？）にお邪魔したら、なんとうちをリンクしてくださってるー！

■　Doblogの使い方：非公式親切版β

…どうして分かったんだろう？
Blogのすごさを垣間見てしまった1日なのでした（ほんとか？）

色　：　ブルーグリーン、スプリンググリーン
デザイン　：　キレイ
ポイント　：　背景に画像を使い、メニュー部分を透過させてみました。お好きな写真や絵を使ってください

使い方　：

・まずは基本通り、下記のCSSをコピーして、ご自分のBlogの「デザイン変更」画面でペーストしてください。

・背景に使う画像を、ご自分のBlogにアップロードしてください。「下書き保存する」にチェックしてアップロードするといいと思います。

・画像をクリックして表示させ、画像のURL（http://www.doblog.com/img/○○/○○.gif）をコピーします。

・CSSの【画像URL】の部分に、コピーしたURLをペーストします。

-----

body {
color : #cccccc ;
background-color : #000000 ;
background-image: url(【画像URL】);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
a:link {
color : #9DFF8F ;
}
a:active {
color : #ffffff ;
}
a:visited {
color : #8DcF9F ;
}
a:hover {
color : #ffffff ;
}
.mydoblog-position table {
background-image : none ;
background-color : #00403c;
}
.mydoblog-position {
text-align : left ;
}
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 200% ;
font-weight : bold ;
color : #50908c ;
width : 776px ;
text-align : left ;
text-indent : 5px ;
padding-top : 5px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
voice-family : "\"}\"";voice-family : inherit ;
}
.mydoblog-contents {
width : 776px ;
text-align : left ;
}
.menu {
width : 176px ;
background-color : #00403c ;
border-color : #50908c ;
border-style : solid ;
border-width : 1px ;
filter: Alpha(opacity=50);
float : right ;
}
.menu-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #50908c ;
width : 100% ;
text-align : center ;
padding-top : 4px ;
padding-bottom :3px ;
text-indent : 5px ;
voice-family : "\"}\"";voice-family : inherit ;
}
.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #ffffff ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-bottom:5px;
}
.calender {
color : #ffffff ;
}
.calender-focus {
}

.blog {
position : absolute ;
left : 0px ;
width : 596px ;
voice-family : "\"}\""; voice-family : inherit ;
}
.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
padding-top : 4px ;
padding-bottom : 3px ;
padding-right : 5px ;
border-style : solid ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 1px ;
border-left-width : 0px ;
text-align : right ;
border-color : #50908c ;
color : #50908c ;
voice-family : "\"}\"";voice-family : inherit ;
}
.blog-contents {
margin-right : 5px ;
margin-left : 5px ;
voice-family : "\"}\"";voice-family : inherit ;

}
.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
margin-top : 5px ;
margin-bottom : 5px ;
}
.blog-category {
}
.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #B08CA0 ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 4px ;
margin-bottom : 5px ;
}
.blog-date {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
text-indent : 5px ;
padding-top : 5px ;
padding-bottom : 4px ;
margin-top : 18px ;
border-style : solid ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 1px ;
border-left-width : 0px ;
border-color : #50908c ;
clear : both ;
}
.blog-entry {
margin-top : 5px ;
margin-bottom : 15px ;
background-color : #000000 ;
border-style : solid ;
border-width : 1px ;
border-color : #50908c ;
}
.blog-title {
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
padding-right : 5px ;
margin-bottom : 5px ;
background-color : #00403c;
}
.blog-scene {
width : 100%;
padding-top : 5px ;
padding-bottom : 5px ;
overflow : visible ;
}
.blog-title-time {
position : relative ;
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #50908c ;
float : left ;
}
.blog-title-title {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 100% ;
line-height : 125% ;
font-weight : ;
color : #50908c ;
font-weight : bold ;
}
.blog-title-slide {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
}
.blog-image {
float : right ;
margin-right : 5px ;
overflow : visible ;
}
.blog-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 2px ;
padding-bottom : 2px ;
padding-left : 12px ;
padding-right : 12px ;
}
.blog-text-url {
margin-top : 1em ;
}
.blog-update {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-right : 5px ;
margin-bottom : 5px ;
text-align : right ;
clear : both ;
}
.blog-entry-footer {
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
}
.blog-trackback {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-left : 5px ;
padding-bottom : 5px ;
float : left;
}
.blog-pagetop {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-bottom : 5px ;
margin-top : 1.25em ;
text-align : right ;
}
/*以下、ポップアップページのスタイルシート*/
.blog-popup {
background-color : #000000 ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-top : 5px ;
margin-right : 5px ;
margin-bottom : 5px ;
margin-left : 5px ;
border-style : solid ;
border-width : 1px ;
border-color : #50908c ;
}
.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 135% ;
font-weight : ;
color : ;
}

色　：　ベージュピンク、イエローグリーン
デザイン　：　シンプル
ポイント　：　記事部分の背景に画像を配置しました。お好きな写真や絵を使ってください。文字と直接重なるので、淡い色の画像がおすすめです

使い方　：

・まずは基本通り、下記のCSSをコピーして、ご自分のBlogの「デザイン変更」画面でペーストしてください。

・背景に使う画像を、ご自分のBlogにアップロードしてください。「下書き保存する」にチェックしてアップロードするといいと思います。

・画像をクリックして表示させ、画像のURL（http://www.doblog.com/img/○○/○○.gif）をコピーします。

・CSSの【画像URL】の部分に、コピーしたURLをペーストします。

-----

body {
color : #505050 ;
background-color : #ffffff ;
}
a:link {
color : #ff6666 ;
}
a:active {
color : #999999 ;
}
a:visited {
color : #e06060 ;
}
a:hover {
color : #333333 ;
}

.mydoblog-position {
text-align : left ;
}
.mydoblog-position table {
background-image : none ;
background-color : #cc6666;
}
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 200% ;
font-weight : bold ;
color : #cc6666 ;
width : 776px ;
text-align : center ;
padding-top : 5px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
voice-family : "\"}\"";voice-family : inherit ;
}
.mydoblog-contents {
width : 776px ;
text-align : left ;
}
.menu {
width : 176px ;
background-color : #ffffff ;
float : left ;
}
.menu-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #cc6666;
width : 100% ;
padding-top : 4px ;
padding-bottom :3px ;
padding-right : 5px ;
border-color : #cc6666 ;
border-style : solid ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 1px ;
border-left-width : 0px ;
text-align : left ;
text-indent : 5px ;
voice-family : "\"}\"";voice-family : inherit ;
}
.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-bottom:5px;
}
.menu-contents table {
background-color : #ffffff;
}
.calender {
}
.calender-focus {
}

.blog {
position : absolute ;
left : 180px ;
width : 596px ;
background-color : #ffffff ;
voice-family : "\"}\""; voice-family : inherit ;
}
.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #cc6666 ;
padding-top : 4px ;
padding-bottom : 3px ;
padding-right : 5px ;
border-color : #cc6666 ;
border-style : solid ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 1px ;
border-left-width : 0px ;
text-align : left ;
text-indent : 5px ;
voice-family : "\"}\"";voice-family : inherit ;
}
.blog-contents {
margin-right : 5px ;
margin-left : 5px ;
voice-family : "\"}\"";voice-family : inherit ;

}
.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
margin-top : 5px ;
margin-bottom : 5px ;
}
.blog-category {
}
.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 4px ;
margin-bottom : 5px ;
}
.blog-date {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #669900 ;
text-indent : 5px ;
padding-top : 5px ;
margin-top : 18px ;
clear : both ;
}
.blog-entry {
margin-top : 3px ;
margin-bottom : 25px ;
background-image: url(【画像URL】);
background-repeat: no-repeat;
background-position: right bottom;
}
.blog-title {
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
padding-right : 5px ;
margin-bottom : 5px ;
border-style : dotted ;
border-top-width : 1px ;
border-right-width : 0px ;
border-bottom-width : 1px ;
border-left-width : 0px ;
border-color : #669900 ;
}
.blog-scene {
width : 100%;
padding-top : 5px ;
padding-bottom : 5px ;
overflow : visible ;
}
.blog-title-time {
position : relative ;
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #669900 ;
float : left ;
}
.blog-title-title {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 100% ;
line-height : 125% ;
font-weight : ;
color : #669900 ;
font-weight : bold ;
}
.blog-title-slide {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
}
.blog-image {
float : right ;
margin-right : 5px ;
overflow : visible ;
}
.blog-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 2px ;
padding-bottom : 2px ;
padding-left : 10px ;
padding-right : 10px ;
}
.blog-text-url {
margin-top : 1em ;
}
.blog-update {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-right : 5px ;
margin-bottom : 5px ;
text-align : right ;
clear : both ;
}
.blog-entry-footer {
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
}
.blog-trackback {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-left : 5px ;
padding-bottom : 5px ;
float : left;
}
.blog-pagetop {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-bottom : 5px ;
margin-top : 1.25em ;
text-align : right ;
}
/*以下、ポップアップページのスタイルシート*/
.blog-popup {
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-top : 5px ;
margin-right : 5px ;
margin-bottom : 5px ;
margin-left : 5px ;
border-style : solid ;
border-top-width : 1px ;
border-right-width : 1px ;
border-bottom-width : 1px ;
border-left-width : 1px ;
border-color : #cc6666 ;
}
.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 135% ;
font-weight : ;
color : ;
}

色　：　ヴァイオレット、パープル
デザイン　：　シンプル、淡色
ポイント　：　灰色がかった淡いスミレ色でまとめました。ただし、文字は読みやすいように濃い目にしてあります。

-----

body {
color : #98879f ;
scrollbar-base-color:#f7f3ff;
background-color : #f7f3ff ;
}
a:link {
color : #d596ab ;
}
a:active {
color : #8e6ab8 ;
}
a:visited {
color : #c5869b ;
}
a:hover {
color : #8e6ab8 ;
}

.mydoblog-position {
text-align : left ;
}
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 200% ;
font-weight : bold ;
width : 776px ;
text-align : center ;
color : #b8a7bf ;
padding-top : 5px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
voice-family : "\"}\"";voice-family : inherit ;
}
.mydoblog-contents {
width : 776px ;
text-align : left ;
}
.menu {
width : 176px ;
float : left ;
}
.menu-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
text-align : center ;
color : #ffffff ;
background-color : #b8a7bf ;
width : 100% ;
padding-top : 4px ;
padding-bottom :3px ;

voice-family : "\"}\"";voice-family : inherit ;
}
.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-bottom:5px;
}
.calender {
}
.calender-focus {
}

.blog {
position : absolute ;
left : 180px ;
width : 596px ;
voice-family : "\"}\""; voice-family : inherit ;
}
.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #ffffff ;
background-color : #b8a7bf ;
padding-top : 4px ;
padding-bottom : 3px ;
text-align : center ;
voice-family : "\"}\"";voice-family : inherit ;
}
.blog-contents {
margin-right : 5px ;
margin-left : 5px ;
voice-family : "\"}\"";voice-family : inherit ;

}
.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
text-align : right ;
margin-top : 5px ;
margin-bottom : 5px ;
}
.blog-category {
}
.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
text-align : right ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 4px ;
margin-bottom : 5px ;
color : #b8a7bf ;
}
.blog-date {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #b8a7bf ;
text-indent : 5px ;
padding-top : 5px ;
padding-bottom : 4px ;
margin-top : 15px ;
}
.blog-entry {
margin-top : 2px ;
margin-bottom :10px ;
margin-left : 3px ;
margin-right : 3px ;
border-color : #b8a7bf ;
border-style : solid ;
border-width : 2px ;
}
.blog-title {
padding-top : 10px ;
padding-bottom : 5px ;
padding-left : 8px ;
padding-right : 8px ;
margin-bottom : 3px ;
background-color : #e8d7ef ;
}
.blog-scene {
width : 100%;
padding-top : 5px ;
padding-bottom : 5px ;
overflow : visible ;
}
.blog-title-time {
position : relative ;
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #b8a7bf ;
float : left ;
}
.blog-title-title {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 100% ;
line-height : 125% ;
color : #b8a7bf ;
font-weight : bold ;
}
.blog-title-slide {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
}
.blog-image {
float : right ;
margin-right : 5px ;
overflow : visible ;
}
.blog-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 2px ;
padding-bottom : 2px ;
padding-left : 18px ;
padding-right : 18px ;
}
.blog-text-url {
margin-top : 1em ;
}
.blog-update {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
padding-right : 15px ;
margin-bottom : 10px ;
text-align : right ;
color : #b8a7bf ;
clear : both ;
}
.blog-entry-footer {
padding-top:2px;
padding-bottom:5px;
padding-left : 8px ;
padding-right : 8px ;
}
.blog-trackback {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-left : 5px ;
padding-bottom : 5px ;
float : left;
}
.blog-pagetop {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-bottom : 5px ;
margin-top : 1.25em ;
text-align : right ;
}
/*以下、ポップアップページのスタイルシート*/
.blog-popup {
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-top : 5px ;
margin-right : 5px ;
margin-bottom : 5px ;
margin-left : 5px ;
border-color : #b8a7bf ;
border-style : solid ;
border-width : 2px ;
}
.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 135% ;
font-weight : ;
color : ;
}

色　：　グリーン、スモーキーグリーン
デザイン　：　キレイ
ポイント　：　背景に画像を使い、メニュー部分を透過させてみました。お好きな写真や絵を使ってください

使い方　：

・まずは基本通り、下記のCSSをコピーして、ご自分のBlogの「デザイン変更」画面でペーストしてください。

・背景に使う画像を、ご自分のBlogにアップロードしてください。「下書き保存する」にチェックしてアップロードするといいと思います。

・画像をクリックして表示させ、画像のURL（http://www.doblog.com/img/○○/○○.gif）をコピーします。

・CSSの【画像URL】の部分に、コピーしたURLをペーストします。

-----

body {
color : #404040 ;
background-color : #ffffff ;
background-image: url(【画像URL】);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
a:link {
color : #669900 ;
}
a:active {
color : #999999 ;
}
a:visited {
color : #567900 ;
}
a:hover {
color : #999999 ;
}
.mydoblog-position table {
background-image : none ;
background-color : #99cc66;
}
.mydoblog-position {
text-align : left ;
}
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 200% ;
font-weight : bold ;
width : 776px ;
text-align : left ;
text-indent : 5px ;
padding-top : 5px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
color : #99cc66 ;
voice-family : "\"}\"";voice-family : inherit ;
}
.mydoblog-contents {
width : 776px ;
text-align : left ;
}
.menu {
width : 176px ;
border-color : #666666 ;
border-style : solid ;
border-width : 1px ;
float : right ;
background-color : #ffffff;
filter: Alpha(opacity=60);
}
.menu-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
width : 100% ;
padding-top : 4px ;
padding-bottom :3px ;
text-align : center ;
voice-family : "\"}\"";voice-family : inherit ;
}
.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-bottom:5px;
}
.menu-contents table {
background-color : #ffffff;
}
.calender {

}
.calender-focus {
}

.blog {
position : absolute ;
left : 0px ;
width : 596px ;
voice-family : "\"}\""; voice-family : inherit ;
}
.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
padding-top : 4px ;
padding-bottom : 3px ;
text-align : right ;
padding-right : 5px ;
border-style : double ;
border-top-width : 0px ;
border-bottom-width : 3px ;
border-left-width : 0px ;
border-right-width : 0px ;
border-color : #666666 ;
voice-family : "\"}\"";voice-family : inherit ;
}
.blog-contents {
margin-right : 5px ;
margin-left : 5px ;
voice-family : "\"}\"";voice-family : inherit ;

}
.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
margin-top : 5px ;
margin-bottom : 5px ;
}
.blog-category {
}
.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 4px ;
margin-bottom : 5px ;
}
.blog-date {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
text-indent : 5px ;
padding-top : 5px ;
padding-bottom : 2px ;
margin-top : 15px ;
border-style : solid ;
border-bottom-width : 1px ;
border-top-width : 0px ;
border-left-width : 0px ;
border-right-width : 0px ;
border-color : #666666 ;
clear : both ;
}
.blog-entry {
margin-top : 5px ;
margin-bottom : 20px ;
border-style : solid ;
border-width : 1px ;
border-color : #666666 ;
background-color : #ffffff ;
}
.blog-title {
padding-top : 5px ;
padding-bottom : 2px ;
padding-left : 5px ;
padding-right : 5px ;
margin-bottom : 5px ;
}
.blog-scene {
width : 100%;
padding-top : 5px ;
padding-bottom : 5px ;
overflow : visible ;
}
.blog-title-time {
position : relative ;
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #99cc66 ;
float : left ;
}
.blog-title-title {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 100% ;
line-height : 125% ;
font-weight : ;
font-weight : bold ;
color : #99cc66 ;
}
.blog-title-slide {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
}
.blog-image {
float : right ;
margin-right : 5px ;
overflow : visible ;
}
.blog-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 2px ;
padding-bottom : 2px ;
padding-left : 15px ;
padding-right : 15px ;
}
.blog-text-url {
margin-top : 1em ;
}
.blog-update {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-right : 5px ;
margin-bottom : 5px ;
text-align : right ;
color : #99cc66 ;
clear : both ;
}
.blog-entry-footer {
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
}
.blog-trackback {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-left : 5px ;
padding-bottom : 5px ;
float : left;
}
.blog-pagetop {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-bottom : 5px ;
margin-top : 1.25em ;
text-align : right ;
}
/*以下、ポップアップページのスタイルシート*/
.blog-popup {
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-top : 5px ;
margin-right : 5px ;
margin-bottom : 5px ;
margin-left : 5px ;
border-style : solid ;
border-width : 1px ;
border-color : #666666 ;
background-color : #ffffff ;
}
.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 135% ;
font-weight : ;
color : ;
}

色　：　スモーキーブルー、グレー
デザイン　：　シンプル
ポイント　：　灰色がかった、優しい青色です

-----

body {
color : #7a808e ;
background-color : #c0c0d0 ;
}
a:link {
color : #5882b5 ;
}
a:active {
color : #303040 ;
}
a:visited {
color : #4872a5 ;
}
a:hover {
color : #303040 ;
}

.mydoblog-position {
text-align : left ;
}
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 200% ;
font-weight : bold ;
color : #5b88ba;
width : 776px ;
text-align : center ;
text-indent : 5px ;
padding-top : 5px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
voice-family : "\"}\"";voice-family : inherit ;
}
.mydoblog-contents {
width : 776px ;
text-align : left ;
}
.menu {
width : 176px ;
background-color : #e8e8f0 ;
border-color : #5b88ba ;
border-style : solid ;
border-width : 1px ;
float : left ;
}
.menu-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #ffffff;
width : 100% ;
padding-top : 4px ;
padding-bottom :3px ;
text-indent : 5px ;
background-color : #5b88ba ;
voice-family : "\"}\"";voice-family : inherit ;
}
.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-bottom:5px;
}
.calender {
}
.calender-focus {
}

.blog {
position : absolute ;
left : 180px ;
width : 596px ;
background-color : #e8e8f0 ;
border-color : #5b88ba ;
border-style : solid ;
border-width : 1px ;
voice-family : "\"}\""; voice-family : inherit ;
}
.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #FFFFFF ;
padding-top : 4px ;
padding-bottom : 3px ;
text-indent : 5px ;
background-color : #5b88ba ;
voice-family : "\"}\"";voice-family : inherit ;
}
.blog-contents {
margin-right : 10px ;
margin-left : 10px ;
voice-family : "\"}\"";voice-family : inherit ;

}
.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #b2b2bc ;
text-align : right ;
margin-top : 5px ;
margin-bottom : 5px ;
}
.blog-category {
}
.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #b2b2bc ;
text-align : right ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 4px ;
margin-bottom : 5px ;
}
.blog-date {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
text-align : center ;
color : #ffffff ;
text-indent : 5px ;
padding-top : 5px ;
padding-bottom : 4px ;
margin-top : 20px ;
background-color : #5b88ba ;
border-top-color : #6b98ca ;
border-left-color : #6b98ca ;
border-right-color : #4b78aa ;
border-bottom-color : #4b78aa ;
border-style : solid ;
border-width : 1px ;
clear : both ;
}
.blog-entry {
margin-top : 8px ;
margin-bottom : 5px ;
}
.blog-title {
padding-top : 5px ;
padding-bottom : 2px ;
padding-left : 5px ;
padding-right : 5px ;
margin-bottom : 5px ;
background-color : #d8d8e0 ;

}
.blog-scene {
width : 100%;
padding-top : 5px ;
padding-bottom : 5px ;
overflow : visible ;
}
.blog-title-time {
position : relative ;
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
float : left ;
}
.blog-title-title {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 100% ;
line-height : 125% ;
font-weight : ;
font-weight : bold ;
}
.blog-title-slide {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
}
.blog-image {
float : right ;
margin-right : 5px ;
overflow : visible ;
}
.blog-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 2px ;
padding-bottom : 2px ;
padding-left : 18px ;
padding-right : 18px ;
}
.blog-text-url {
margin-top : 1em ;
}
.blog-update {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
padding-right : 15px ;
margin-bottom : 10px ;
color : #a2a2ac ;
text-align : right ;
clear : both ;
}
.blog-entry-footer {
padding-top:2px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
}
.blog-trackback {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-left : 5px ;
padding-bottom : 5px ;
float : left;
}
.blog-pagetop {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-bottom : 5px ;
margin-top : 1.25em ;
text-align : right ;
}
/*以下、ポップアップページのスタイルシート*/
.blog-popup {
background-color : #e8e8f0 ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-top : 5px ;
margin-right : 5px ;
margin-bottom : 5px ;
margin-left : 5px ;
border-style : solid ;
border-width : 1px ;
border-color : #5b88ba ;
}
.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 135% ;
font-weight : ;
color : ;
}

色　：　パステルピンク、パステルオレンジ
デザイン　：　かわいい
ポイント　：　パステルカラーで作ってみました

-----

body {
color : #b58368;
background-color : #FFFAFA ;
scrollbar-3dlight-color:#cc6666;
　scrollbar-arrow-color:#cc6666;
　scrollbar-base-color:#FFFAFA;
　scrollbar-darkshadow-color:#cc6666;
　scrollbar-face-color:#FFFAFA;
　scrollbar-highlight-color:#FFFAFA;
　scrollbar-shadow-color:#FFFAFA;
}
a:link {
color : #ef7b7b ;
}
a:active {
color : #b58368 ;
}
a:visited {
color : #df6b6b ;
}
a:hover {
color : #b58368 ;
}

.mydoblog-position {
text-align : left ;
}
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 200% ;
font-weight : bold ;
color : #cc6666;
width : 776px ;
text-align : center ;
padding-top : 5px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
voice-family : "\"}\"";voice-family : inherit ;
}
.mydoblog-contents {
width : 776px ;
text-align : left ;
}
.menu {
width : 176px ;
border-style : solid ;
border-color : #cc6666 ;
border-width : 1px ;
background-color : #fff0f0 ;
float : left ;
}
.menu-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #cc6666;
width : 100% ;
text-align : center ;
background-color : #ffe0e0 ;
padding-top : 4px ;
padding-bottom :3px ;
voice-family : "\"}\"";voice-family : inherit ;
}
.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
padding-top : 5px ;
padding-bottom : 8px ;
padding-left : 5px ;
margin-bottom:5px;
}
.calender {
}
.calender-focus {
}

.blog {
position : absolute ;
left : 180px ;
width : 596px ;
border-style : solid ;
border-color : #cc6666 ;
background-color : #fff0f0 ;
border-width : 1px ;
voice-family : "\"}\""; voice-family : inherit ;
}
.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #cc6666 ;
background-color : #ffe0e0 ;
padding-top : 4px ;
padding-bottom : 3px ;
text-align : center ;
voice-family : "\"}\"";voice-family : inherit ;
}
.blog-contents {
margin-right : 10px ;
margin-left : 10px ;
voice-family : "\"}\"";voice-family : inherit ;

}
.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
text-align : right ;
margin-top : 5px ;
margin-bottom : 5px ;
}
.blog-category {
}
.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
text-align : right ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 4px ;
margin-bottom : 5px ;
}
.blog-date {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #cc6666 ;
text-align : center ;
padding-top : 5px ;
padding-bottom : 4px ;
margin-top : 15px ;
margin-bottom : 8px ;
background-color : #ffe0e0 ;
border-style : solid ;
border-color : #cc6666 ;
border-width : 1px ;
clear : both ;
}
.blog-entry {
padding-bottom : 5px ;
}
.blog-title {
padding-top : 10px ;
padding-bottom : 3px ;
padding-left : 5px ;
padding-right : 5px ;
background-color : #f8e8d8 ;
border-style : solid ;
border-color : #cc9966 ;
border-width : 1px ;
}
.blog-scene {
width : 100%;
padding-top : 8px ;
padding-bottom : 5px ;
border-style : solid ;
border-color : #cc9966 ;
border-top-width : 0px ;
border-bottom-width : 0px ;
border-left-width : 1px ;
border-right-width : 1px ;
background-color : #fff0e0 ;
overflow : visible ;
}
.blog-title-time {
position : relative ;
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #cc9966 ;
float : left ;
}
.blog-title-title {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 100% ;
line-height : 125% ;
color : #cc9966 ;
font-weight : bold ;
}
.blog-title-slide {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
}
.blog-image {
float : right ;
margin-right : 5px ;
overflow : visible ;
}
.blog-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 20px ;
padding-right : 20px ;
}
.blog-text-url {
margin-top : 1em ;
}
.blog-update {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
padding-right : 15px ;
padding-bottom : 8px ;
text-align : right ;
border-style : solid ;
border-color : #cc9966 ;
border-top-width : 0px ;
border-bottom-width : 0px ;
border-left-width : 1px ;
border-right-width : 1px ;
background-color : #fff0e0 ;
color : #cc9966 ;
clear : both ;
}
.blog-entry-footer {
padding-top:10px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
margin-bottom : 18px ;
background-color : #f8e8d8 ;
border-style : solid ;
border-color : #cc9966 ;
border-width : 1px ;
}
.blog-trackback {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-left : 5px ;
padding-bottom : 3px ;
float : left;
}
.blog-pagetop {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-bottom : 3px ;
margin-top : 1.25em ;
text-align : right ;
}
/*以下、ポップアップページのスタイルシート*/
.blog-popup {
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-top : 5px ;
margin-right : 5px ;
margin-bottom : 5px ;
margin-left : 5px ;
border-style : solid ;
border-color : #cc6666 ;
background-color : #fff0f0 ;
border-width : 1px ;
}
.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 135% ;
font-weight : ;
color : ;
}