「omiseya-san_3」ハロウィン仕様

スポンサーサイト

--.--.-- --曜日

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

「omiseya-san_3」ハロウィン仕様

2008.09.15 月曜日

omiseya-san_3 のハロウィンバージョンです。

omiseya-san_3
ハロウィン（3カラム）サンプルページ
利用規約

テンプレートを使うならFC2ブログに登録。開設はこちら>>>

テンプレート仕様

3カラム両サイドバー
メイン部分 417px サイド部分 168px

スタイルシートのみ作成しました。HTMLは共有テンプレートのomiseya-san_3をご使用ください。最新のHTMLに合わせたものですので、以前のものをお使いの方はお手数ですが、再ダウンロードしてください。よろしくお願いします。

下記のスタイルシートを、omiseya-san_3のスタイルシートの部分にコピー・ペーストしてご使用ください。

omiseya-san_3

@charset "EUC-JP";

/*********************************************************
テンプレート：omiseya-san_3 ハロウィン

カスタマイズは利用規約の範囲内でお願いします

画像加工はサイズ変更のみ可（それ以外は禁止）
著作権削除・改変禁止（カスタマイズ後も）
文字を見難くする行為もおやめ下さい

再配布禁止 アダルトサイト使用禁止

詳しい規約はサイトで確認してください
http://masimarock.blog92.fc2.com/

利用規約
http://masimarock.blog92.fc2.com/blog-entry-1.html

最終更新日 2009/09/23
*********************************************************/

body{
margin:0px;
color:#AAA;
font-size:75%;/*12px*/
text-align:center;
font-family:Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
background:#553366;}

form,ul,ol,dl,dt,dd,h1,h2,h3{
padding:0;
margin:0;}

/* =================================== */
/* レイアウトの設定 */
/* =================================== */
/* 全体 */
#container{
background:#8C8899 url("http://blog-imgs-23.fc2.com/m/a/s/masimarock/bg-halloween_3.gif") repeat-y;
text-align:left;
margin:0px auto;
width:901px;}

/* メインカラムと左カラム */
#wrapper{
float:left;
width:659px;}

/* メインカラム */
#content{
float:right;
width:451px;}

/* 左カラム */
#side-left{
float:left;
width:196px;}

/* 右カラム */
#side-right{
float:right;
width:196px;}

/* 余白 */
.blog-body{
padding:10px 17px 25px 17px;}

/* フッター */
#footer{
clear:both;
margin:0 5px;}

/* =================================== */
/* リンクの設定 */
/* =================================== */
/* 全体 */
a:link,a:visited,a:active{
color:#DFDFDF;
text-decoration:none;}

/* カーソルが上にある時 */
a:hover{
color:#FF9900;
text-decoration:none;}

/* 画像リンク */
a img{
border-width:0px;
text-decoration:none;}

/* 記事タイトル */
h2 a:link,h2 a:visited,h2 a:active{
color:#A04C9F;}

h2 a:hover{
color:#FF9900;}

/* コメント投稿 */
.comment-posted a:link,.comment-posted a:visited,.comment-posted a:active{
color:#A04C9F;}

.comment-posted a:hover{
color:#DDD;}

/* サイドカラム */
.menu-body a:link,.menu-body a:visited,.menu-body a:active{
color:#EA66DD;}

.menu-body a:hover{
color:#FF9900;}

/* カレンダー */
.calender td a{
font-weight:bold;
display:block;}

.calender td a:hover{
color:#FFF;
background:#FF9900;
text-decoration:none;}

/* ページリンク・フッター */
.pagelink a:hover,#footer a:hover{
color:#99EE00;
text-decoration:none;}

/* =================================== */
/* 見出しフォントサイズ */
/* =================================== */
/* 142%=17px 100%=12px 84%=10px */

h1{font-size:142%;}/* ブログタイトル */
h2{font-size:100%;}/* 記事タイトル */
h3{font-size:100%;}/* サイドタイトル */

/* =================================== */
/* ヘッダー */
/* =================================== */
#header{
background:#8C8899 url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/header-ha3c.png") no-repeat top;
margin:0 5px;
height:218px;}

#header-left{
width:603px;
float:left;
color:#FFF;}

/* ブログタイトル */
h1{
width:450px;
margin:45px 0 0 0;
padding:5px 20px;
background:#333;
filter:alpha(style=0, opacity=60);
-moz-opacity:0.6;
opacity:0.6;}

/* ブログ説明文 */
.introduction{
width:430px;
margin:0;
padding:5px 20px;
line-height:1.7;
background:#777;
filter:alpha(style=0, opacity=60);
-moz-opacity:0.6;
opacity:0.6;}

/* 看板 */
.message{
float:left;
color:#BBDDBB;
font-size:84%;
width:95px;
height:80px;
line-height:1.5;
padding-top:93px;
margin:0;}

/* =================================== */
/* 記事部分の設定 */
/* =================================== */
.entry-bg{
width:451px;
background:#3A3A3A;
margin-bottom:20px;}

.entry-top{
height:75px;
padding:1px 12px 0 82px;
background:url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/halloween_text-top_s2.gif") no-repeat;}

.entry-top table{
border-collapse:collapse;}

.entry-top td{
padding:0;
height:42px;}

/* 記事タイトル */
h2{
color:#DDD;
padding:15px 0 0 0;}

h2.entry-title{
padding:0;}

/* 日付 カテゴリー */
.date-category{
font-size:84%;
margin:8px 0 0 0;}

/* 記事 */
.entry-body{
padding:15px 17px 0 17px;
line-height:1.7;}

.entry-body ul{
margin:0 0 0 20px;}

.entry-body ol{
margin:0 0 0 30px;}

.entry-body li{
padding:0 0 0 5px;}

/* 引用 */
blockquote{
color:#F5E5EE;
margin:10px;
padding:15px 15px 20px 15px;
border:1px solid #999;
background:#B4B4B4 url("http://blog-imgs-23.fc2.com/m/a/s/masimarock/quote_bg.gif") no-repeat right bottom;}

blockquote p{
margin:0;padding:0;}

/* ブログ拍手 テーマ タグ */
.fc2_footer,.theme,.tag{
font-size:84%;
margin:15px 0 0 0;}

/* 続きを読む */
.entry_more{
margin:20px 0 0 0;}

/* 絵文字に対する設定 */
img.emoji{
margin:2px 3px 4px 3px;
padding:0;
float:none;
vertical-align:middle;}

/* 水平線 */
hr{
color:#999;
background:#999;
height:1px;
border-width:0;}

/* 記事下 */
.posted{
font-size:84%;
color:#888;
text-align:right;
margin:30px 20px 0 0;}

#all h3{
margin-bottom:10px;}

#all .posted{
margin:20px 0;
padding-bottom:2px;
border-bottom:1px dashed #888;}

.bottom{
width:100%;
padding-bottom:10px;
background:url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/halloween_bottom_s2.gif") no-repeat bottom;}

/* ページリンク */
.pagelink{
color:#777;
font-size:84%;
padding:0 5px;
margin-bottom:20px;
text-align:center;}

/* =================================== */
/* コメント部分の設定 */
/* =================================== */
.comment-head{
background:url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/halloween_comment-top_s2.gif") no-repeat;
height:75px;
padding:0 12px 0 82px;}

/* コメント投稿タイトル */
.comment_title{
color:#888;
font-weight:bold;
margin:0 0 10px 0;}

/* コメント投稿者 日時 */
.comment-posted{
color:#888;
font-size:84%;
text-align:right;
padding:0 5px 5px 0;
margin:20px 0 0 0;
border-bottom:1px dashed #888;}

.comment-posted a{
font-weight:bold;}

/* =================================== */
/* コメント入力部分 */
/* =================================== */
.write-head{
background:url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/halloween_write-top_s2.gif") no-repeat;
height:75px;
padding:0 12px 0 82px;}

input,textarea{
color:#CCC;
font-size:100%;
background:#666;
border:1px solid #666;}

#comment_form dt{
float:left;
clear:both;
width:80px;}

#comment_form dd{
padding-bottom:5px;}

#comment_form dd img{
vertical-align:middle;}

/* 名前等の入力欄 */
.form-text{
width:250px;}

/* コメント内容入力欄 */
#comment_form textarea{
width:320px;}

/* パスワード入力欄 */
.form-pass{
width:100px;}

/* ロック */
.form-check{
border-width:0;}

/* 送信ボタン */
.button{
margin:20px 0 0 0;}

.button input{
color:#EEE;
background:#333;
border-color:#888;}

/* エラーメッセージ */
.error{
margin:0 0 15px 0;
color:#CC3300;}

/* 非公開コメント不可 */
.himitsu{
font-size:84%;}

/* ページトップ */
.pagetop{
font-size:84%;
text-align:right;
margin:20px 20px 0 0;}

/* =================================== */
/* トラックバック */
/* =================================== */
.trackback-head{
background:url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/halloween_trackback-top_s2.gif") no-repeat;
height:75px;
padding:0 14px 0 82px;}

.form-trackback{
font-family:Verdana,Arial;
font-size:84%;
color:#CCC;
padding:1px 0;
width:100%;
background:#666;
border-width:0px;}

/* トラックバックURL */
.trackback-url{
margin:18px 0 0 0;}

.fc2-tb{
font-size:84%;
margin:5px 17px 0 17px;}

/* トラックバック送信元 */
.trackback-posted{
color:#A14C9F;
font-size:84%;
text-align:right;
padding:15px 5px 3px 0;
margin:0 0 10px 0;
border-bottom:1px dashed #888;}

/* =================================== */
/* サイドの設定 */
/* =================================== */
.menu-bg{
background:#925396;
margin-bottom:15px;
width:196px;}

/* サイドタイトル背景 */
.menu-head{
width:100%;
padding:8px 0 8px 0;
background:url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/halloween_side-title_s2.gif") no-repeat;
border-bottom:1px dashed #CB55C8;}

/* サイドタイトル */
.menu-head h3{
color:#443344;
padding:2px 0 2px 25px;
margin-left:10px;
background:url("http://blog-imgs-23.fc2.com/m/a/s/masimarock/halloween_arrow.gif") no-repeat left center;}

/* サイドコンテンツ */
.menu-body{
color:#500650;
font-size:84%;
line-height:1.8;
padding:8px 14px 2px 14px;}

.menu-body ul{
color:#EA66DD;
margin:0 0 0 15px;}

.menu-body ol{
color:#EA66DD;
margin:0 0 0 25px;}

.menu-body p{
margin:0;padding:0;}

.menu-body input,.menu-body textarea{
color:#500650;
font-size:120%;
background:#BB4AAF;
border:1px solid #BB4AAF;}

.menu-bottom{
width:100%;
padding-bottom:6px;
background:url("http://blog-imgs-32.fc2.com/m/a/s/masimarock/halloween_side-bottom_s2.gif") no-repeat bottom;}

/* プライベートモード */
.private{
color:#EA66DD;
font-size:84%;
text-align:center;
padding:3px;
margin:0 0 15px 0;
background:#A14C9F;}

/* カレンダー */
.plugin-calender{
width:100%;
text-align:center;}

/* プルダウン */
.plugin-calender form{
margin:0 0 8px 0;}

table.calender{
width:100%;
color:#FADDEE;
line-height:1.5;
text-align:center;}

/* 月表示 */
.calender caption{
margin:0 auto;
padding:0 0 5px 0;}

.calender caption a{
padding:0 10px;}

.calender th{
text-align:center;
font-weight:normal;}

/* 日曜日 */
.calender th#sun{
color:#FF6666;}

/* 土曜日 */
.calender th#sat{
color:#3399CC;}

.calender td{
text-align:center;}

/* フッター */
.footertext{
width:100%;
font-size:10px;
color:#555;
padding:15px 0;
text-align:center;}

/* バトンの設定 */
p.baton_title{
margin:12px 0;}

dl.blog_baton{
border:1px dashed #AAA;
border-top:0px;}

dt.baton_q{
color:#BBB;
font-weight:bold;
padding:10px 10px 5px 10px;
border-top:1px dashed #AAA;}

dd.baton_a{
padding:0 10px 10px 10px;}

span.a_number{
color:#99BB00;
font-weight:bold;}

FC2ブログテンプレート 3 （omiseya-san_3）
今年も修正 omiseya-sanハロウィン

ランキング参加中。良ければポチリとお願いします。

≪ 引越し完了しました | ホーム | しばし公開停止 ≫

この記事へのコメント

haha
URL
2007.10.18 19:11

ハロウィンのテンプレートを楽しみにしていた一人です。
とても可愛いですね。色具合もいい感じです！有難くお借りします。
可愛すぎてハロウィンが過ぎても使いたいぐらいです。
ハロウィンの時期だけとは、もったいない…。
どうもありがとうございました。

チャコ
URL
2007.10.19 01:33
編集

いらっしゃいませ、hahaさん。

大分とお待たせしてしまいすいません。ハロウィンの時期も残り少なくなりましたが、その間テンプレートでハロウィン気分を味わって貰えれば嬉しいです。

利用者が少ないかと危惧していましたが、早速の書き込みとても嬉しかったです。
ありがとうございました。

ラパン
URL
2007.10.23 23:37

以前、omiseya-sanテンプレートを愛用させていただいて
いたのですが、久々にチャコさんのサイトをのぞいたら、
ハロウィンバージョンがあったので、早速変更しました。

チャコさんのテンプレートは、シンプルで見やすいのに、
とっても可愛くて、大好きです!

hahaさんも書かれていますが、ハロウィンバージョンの色合いが
とても素敵です。

ありがとうございます!

チャコ
URL
2007.10.24 01:43
編集

お久しぶりです、ラパンさん。

テンプレート気に入って頂けて嬉しいです。色の組み合わせはまだ改善の余地もある気がしますが、今の自分ではこれが精一杯かなと。今後センスを磨き、より良いものを作りたいと思います。

感想頂けてとても嬉しかったです。
ありがとうございました。

haha
URL
2008.09.16 00:06

お疲れ様です。今年もまた有難くお借り致します。
10月になったら使わせて頂きますね。
去年のも素敵でしたが、今年の紫・紫もいいですね♪
ワンちゃんも堪らなくかわいいです。

チャコ
URL
2008.09.16 01:34
編集

hahaさん、いつも有難うございます。

ちょっと早いかもと思いつつ、いつも後手後手に廻ってしまってたので、たまには早めに仕上げてみました。今回は犬も出来て、色合いも全体的に調和がとれたものになり、去年のよりは気に入ったものになりました。

自分は満足のいったものなんですけど、他の方のどう思うかちょっと心配していたので、hahaさんのコメント嬉しかったです＾＾ありがとうございました。

友紀ママ
URL
2008.09.20 20:44

はじめまして・・・

omiseya-san3を使用させてもらっています。
今日、ハロウィンバージョンがあるのを知り早速変更しました。
とても使いやすく、かわいいのでこれからも使用させてくださいね。
いろんなバージョンを楽しみにしてます

チャコ
URL
2008.09.21 10:24
編集

はじめまして

いらっしゃいませ、友紀ママさん。

ハロウィンバージョンはブログでだけ配布しているので、使用してくださる方が増えるのはとても嬉しいです！

他のバージョンとしては、クリスマスはヘッダー画像だけですが用意しています。またその時期に覗いてやってくださいませ＾＾

モンテもん吉
URL
2008.09.22 02:11
編集

今年もハロウィンバージョンに変更させてもらいました。
omiseya-sanテンプレート気に入って使わせてもらっています。
また毛色の変わったパターンなども楽しみにしています。

チャコ
URL
2008.09.23 01:08
編集

＞モンテもん吉さん

ご利用ありがとうございます。
テンプレート気に入ってくださっているようで、とても嬉しいです＾＾

ブログにお邪魔したのですが、ちょっと表示が崩れていますね･･･。最新のHTMLに合わせたスタイルシートなので、以前のものだと上手く表示できない箇所があります。面倒ですが再ダウンロードして貰えますか？

ちょこまかと修正が多いテンプレートですいません

モンテもん吉
URL
2008.09.24 20:27
編集

表示の崩れ

再ダウンロードさせてもらいました。
評判いいみたいです。

チャコ
URL
2008.09.25 12:27
編集

どうも、お手数お掛けしました。
もうこれ以上は修正箇所が無いと思います（たぶん…恐らく…）。

評判いいですか！とても嬉しいです^^
そう言っていただけると期間限定モノですが作って良かったと思います。

トッコトーン
URL
2008.09.29 19:09

お借りしました～♪

チャコさん、お久しぶりです

もとのテンプレートが古いものだったからなのか、他の理由なのかはもうわからないのですが、なかなかうまくいきませんでした。新しいものを再ダウンロードして、プラグインのタイトルを少し短くしたらなんとかいけました～

でもでもちゃんとできてとっても嬉しいです

これからもお世話になりますのでよろしくお願いいたしま～す

（クリスマスヴァージョンってありましたよね？？その他にも、ひな祭りやお月見などなどいろ～んな行事があるので、もしも作っていただけたら嬉しいなぁ

）

チャコ
URL
2008.10.01 10:27
編集

＞トッコトーンさん

お久しぶりです。初期のテンプレートとは構成がかなり変わったので、表示が総崩れしてしまったのではないでしょうか。勉強不足なもので修正が多く、お手数お掛けします。

元のテンプレートが「和」っぽくないので、日本の行事に合ったデザインはちょっと難しいですが、他にも何か作れたらいいなとは思ってます。
その時にはご利用頂ければ嬉しいです＾＾