BeigeHeart_べーじゅのこころ

お気楽テンプレーター(そんな言葉ある?)のお気楽ぶろぐ♪

Entries

【beige_xmas-blue】

b_x-xmas-blue.gif

先日参加したこの企画、「CSSだけで装飾」
このテンプレをクリスマステンプレート第二弾として登録しました。
と言っても、やはり登録するのは自分のHTMLファイルじゃないと責任が持てないし、R'styleさんにご迷惑をおかけするようなことになっても困るので、いつものHTMLで作り直しました。

見た目はほとんど同じですが、登録テンプレの方は日付ネスト対応とか、コメントツリー化、アーカイブ&カテゴリーエリアのリスト化など、いつもの機能が付いています。
そして一番違うのはR'styleさんのファイルは軽量化されていて(ほぼ半分!)シンプルで美しいこと(泣)
ウチのファイルはなかなか軽量化がすすみません。今回はあえてやっていません。

クリスマス第一弾の【beige_xmas-holly】と全く同じHTMLファイルで作っていますので、CSSだけ入れ替えて使うことも可能です。
...と、↑こういうことをやりたかったからです(笑)
クリスマスが終わったら、本格的にファイルダイエットに取り組みます!!!

※解説は追記へ…


[☆2005年、Xmasテンプレート第二弾♪]
季節モノなので、折りたたみなどの機能は付けていません。
コメント投稿部分凸凹対応ファイルを別に用意しました。
[プラグインオンの場合]
■プラグインカテゴリー切り替えメニュー付きに変更しました!(06.10)
[エントリ日付単位未対応]
このテンプレートはエントリ日付単位には対応しておりません。
[別バージョンなど]
【beige_xmas-green】※共有に登録していません。

*Comment

お借りしています 

始めまして^^テンプレート、すごく素敵でお借りしています。
ありがとうございます。突然で申し訳ないのですが、質問書かせて頂いてもいいでしょうか?(汗)
BGMを挿入してるのですが、MORE(追記)を押すとBGMが止まっちゃうのです・・ MOREをクリックしてもBGMを鳴らし続けることは出来ないでしょうか???
突然の質問、本当にごめんなさい・・
  • posted by Miyo 
  • URL 
  • 2005.11/16 00:25分 
  • [Edit]

Miyoさんへ 

ダウンロード&ご利用ありがとうございます♪
ウチはMacなんですが、Safari、Netscape、IEで確認したところ、クリックしても音楽は流れたままでした。
でも、Firefoxで開くとブラウザがバグってしまい確認できない状況になります。これは音楽のせいではなく、多分メロメロパーク関連だと思うのですが、確信はありません。
音楽が止まる原因は、ちょっとわからないんですが、Miyoさんの環境はWinIEでしょうか?
ワタシではお役に立てないかもしれないので、サポートフォーラムで聞いて頂いたほうが良いかも知れません。
ここをご覧のどなたか、解決方法ご存じでしたらヘルプミー!です!!!
  • posted by Chako 
  • URL 
  • 2005.11/16 01:26分 
  • [Edit]

ありがとうございます! 

早速のお返事、本当にありがとうございます。
私はWinIE6.0で、OSはWinXPです。
突然質問してしまい、すみませんでした(汗)
メロメロパークってなにかしら、固まったりする場合が
多いし、一度、サポートフォーラムで、聞いて
みますね^^
また、こちらに結果報告いたします☆
突然すみませんでした!☆
  • posted by Miyo 
  • URL 
  • 2005.11/16 07:41分 
  • [Edit]

スクリプト変更版 

Miyoさん、サポートフォーラムでひろえさんがおっしゃっていた追記スクリプトを貼ってみました。
http://blog9.fc2.com/b/beigeheart/file/xmas-blue2.txt
これをコピーして、HTMLだけ入れ替えてみていただけますか?
ちなみにこれは、「ウェビンブログ」洵さんのところのスクリプトです。
http://webbingstudio.blog10.fc2.com/
これで直るといいんですけど...
(ウチで確認できないので、すみません)
  • posted by Chako 
  • URL 
  • 2005.11/16 17:57分 
  • [Edit]

ありがとうございます!^^ 

BLOGにコメント頂いて本当にありがとうございます!
今から、やってみます。ソースの表示でHTMLをコピーしてテンプレートのHTMLとごっそり替えるとのことで良かったでしょうか?(何度もほんとにスミマセン・・汗)
それと、質問掲示板ですが、私の書き方が悪くもし、不愉快な思いをされたならすみません。
まったく詳しい知識がないので、ブラウザの設定が原因なのかHTMLとかCGIのどっかなおせばなおるのか、検討もつかなくて。気を悪くされたなら謝ります。一切、そんなつもりはなかったんですが(汗)ごめんなさい。
  • posted by Miyo 
  • URL 
  • 2005.11/16 18:33分 
  • [Edit]

大丈夫ですよー! 

全然全くなんにも気を悪くするようなことはないです(笑)
ワタシもMIDIファイルは使ったことがなく、今回のことで「そんなこともあるのかー!」と、新しい発見できてよかったです。
この機会に、ちょっと調べてみようと思ってます。
>ソースの表示でHTMLをコピーしてテンプレートのHTMLとごっそり替える
テンプレートの編集で、「HTMLの編集」のソースを全部入れ替えてみてください。
せっかくカスタマイズされてるのに、また手間になりますが...
  • posted by Chako 
  • URL 
  • 2005.11/16 19:07分 
  • [Edit]

直らないです↓ 

(><)
やっぱり入れ替えても音が止まってしまうようです(><)
何でだろう。。せっかく、Chakoさんが、いろいろ教えて下さったのに・・ これは、ブラウザーの設定とかなんでしょうか。。
何故か音が止まってしまいます(汗)
いろいろしてくださったのに、本当すみません。
私も残念です(><;)
知識がないのでさっぱりですm(_ _)m
もう少し奮闘してみます。
本当に本当にありがとうございました☆
  • posted by Miyo 
  • URL 
  • 2005.11/16 20:46分 
  • [Edit]

そうですか... 

残念です...。
もしかして、スクリプトは関係ないのかもしれないですね。
ワタシも色々調べてみますね。
  • posted by Chako 
  • URL 
  • 2005.11/16 21:09分 
  • [Edit]

トホホ。。 

本当にいろいろ試してくださり感謝でいっぱいです。
追記ためしてみました。
が、やっぱり音はなくなってしまうようです(悲・・)
なんでだろう。
でも、ひろえさんのPCもとまったとおっしゃってた
ので、IEが駄目なんでしょうか???(汗)
  • posted by Miyo 
  • URL 
  • 2005.11/16 21:36分 
  • [Edit]

スタイルシートがきいてないところが? 

Chakoさん、こんにちは
このテンプレートにひとめぼれしてしまい使わせていただいてます。
ちょこっと、カスタマイズしました。
ちょっと気になる点を
このテンプレートをそのままDLして使うと、サイドメニューのタイトル文字
1文字目が大きめの赤で2文字目から水色の設定のはずなのに、
1文字目が大きめの赤でなくて、すべて2文字目と同じ表示になって
しまうのです。
ちなみに私はWindowsXP+IE6.0 です。
おかしいなと思い、カスタマイズ画面でスタイルシートの
.side_menu h3:first-letter{
font-size
color
}
削除し、全く同じにエディタで入力し直して保存したら
正しく表示されるようになりました。
※記事の日付表示も同様ですが、私はここは1文字目は赤くなくていいので
全部水色表示にしています。
Mac だと、何か特殊コードが入ってしまっているのでしょうか。
せっかくの素敵なデザインなのに、作者の意図通りに表示されていないのが
残念です。Win のユーザはみんなそうなんじゃないでしょうか。
このChakoさんのページは、beige_xmas-blue と全く同じではないでしょうけど
サイドメニューのタイトル文字は、ちゃんと1文字目赤色表示されてます。
ご報告まで
  • posted by Kisako 
  • URL 
  • 2005.11/17 13:45分 
  • [Edit]

え?そうなんですか? 

うわっ...どうしてでしょう???
変なスペースや記号も入っていないと思うのですが、ちょっと調べてなるべく早く修正します。
Kisakoさん、本当に感謝ですーーー!どうもありがとうございました。
  • posted by Chako 
  • URL 
  • 2005.11/17 14:42分 
  • [Edit]

再度 ご報告 

Chakoさん
.side_menu h3:first-letter{

.side_menu h3:first-letter {
と first-letter と { の間に スペースを入れたら
スタイルシートがきいたみたいです。
他の場合は、{ の前に スペースがない場合でもきいているのに
first-letter はだめですね。変なのぉ。
IE のバグですかね。
他にも私がいじってて、スタイルシートがきいたりきかなかったりしたところが
あったような気がするので、気づいたときにはご報告させていただきますね。
これからも素敵な作品、期待しております♪
  • posted by Kisako 
  • URL 
  • 2005.11/17 17:14分 
  • [Edit]

補足です。 

何度もすみません。パスワードを入れ忘れたせいか
さっきの投稿修正できなくて。。。
上記で first-letter はきくようになったのですが
.entry h2:first-letter {
font-size
で 120% 以下くらいでないと、
1記事目だけ、日付の1文字目の上部が切れて表示
されてしまいます。
2記事目以降だと1文字目の表示もOKです。
スタイルシートの件、beige_xmas-holly の場合も
同様のようです。
私はChakoさんのテンプレートのファンになりました(^^)v
  • posted by Kisako 
  • URL 
  • 2005.11/17 17:57分 
  • [Edit]

再度 ありがとうございます! 

そんなところに落とし穴がありましたかー!
早速スペース入れて上書きしましたが、どうでしょう?
http://browsershots.org/
ここで、ブラウザのスクリーンショット見て確かめているのですが、何故だか見落としていました。
「崩れはないか???」ばかり見てたんですね...(涙)
上書きしたものも、スクリーンショット待ちなので直っていると良いのですが...
Xmas第一弾のテンプレートも、同じく修正しました。
ちゃんと直っていたらご報告します。
  • posted by Chako 
  • URL 
  • 2005.11/17 18:04分 
  • [Edit]

管理人のみ閲覧できます 

このコメントは管理人のみ閲覧できます
  • posted by  
  •  
  • 2005.11/18 00:15分 
  • [Edit]

変なところが細かいWinIE 

Chakoさん、ご無沙汰してます。
このクリスマステンプレ、素敵ですね〜。ホワイトクリスマスの夜を連想しました。R'styleさんの企画は奥深い…
>追記展開
あ、なんかうちの世界一適当なスクリプトを紹介してくださったようで(汗汗)
>first-letter
これ、Kisakoさんが指摘された通りです。
WinIEは「first-letter」に関してだけは「{」の前に半角スペースを空けて記述しないと、エラーとみなしてしまうのだそうです。
(私もFC2BLOG Designersを作っていたときにはまりました…)
もともとは半角スペースを空けるのが「正しい記述方式」なので、WinIEは変なところだけ細かいブラウザ、ということになります(苦笑)
  • posted by 洵 
  • URL 
  • 2005.11/18 01:23分 
  • [Edit]

洵さんおひさしぶりです♪ 

R'styleさんの企画、洵さんバージョンが登場するの楽しみにしてますよー!
>BGMが止まる原因
こればっかりは、全く原因がわかりません(泣)
検索しても、近いモノも見つからないですし...
>「{」の前に半角スペース
これは、大変勉強になりました!
洵さんもはまってたんですかーσ(^◇^;)
早く聞きに行けばよかったです。
でも、お陰様でユーザーさんの暖かいサポートでウチはなんとかなっています。(普通逆でしょ!)
半角スペースは、入れたり入れなかったり、コピペでやってる部分によって変わったりで、今後見直そうと思います。
本当にみなさんありがとうございましたーーー!
  • posted by Chako 
  • URL 
  • 2005.11/18 09:49分 
  • [Edit]

ステキ 

ステキなテンプレートですね!
私もテンプレ作ってますが、xmlやcssはまだまだ勉強中。
前に作ったままなので、プラグインにも対応してなくて(汗)
作りななおそうとは思っているものの・・・いつになるやら。
ちなみにR'styleさんとはmixiでお友達なんですよー(^-^)
  • posted by yuma 
  • URL 
  • 2005.11/19 14:15分 
  • [Edit]

テンプレお借りしました。 

初めまして、ハジメと申します。
大人しめのクリスマスデザインを探していたので、速攻で借り受けました!
とても素敵です。
色々とカスタマイズさせて頂きまして、一つ疑問が出来ましたので、突然済みませんがお問い合わせしました。
ブログタイトルの文字サイズなのですが、h1が有効になっていないのか、どうしても変更できなかったので、色々いじりました。
結果、
ヘッダータイトルの真下に
を追加してタイトルリンクをh1含めて挟み、
CSSのヘッダータイトル内サイトタイトルのh1の前に
を加えたところ、h1の%数値調整で、タイトルの大きさ調整が出来るようになりました。
今のところ表示は問題ないようなのですが、なにぶんテンプレいじりの法則が今ひとつ解っていないので、これで問題ないのか自信が全くありません。
こういういじり方をしても大丈夫でしょうか?
無理矢理表示が変わっているだけでエラーがあると後が怖いので、お応えいただければ嬉しいです。
よろしくお願いします!
  • posted by ハジメ 
  • URL 
  • 2005.11/20 02:23分 
  • [Edit]

>yumaさん 

ありがとうございます♪
yumaさんの和風で素敵なテンプレート、記憶に残ってますよ!
滅多に着る機会がないのですが、ワタシも和服好きなので、お正月だけは和服で過ごすようにしていますよ。
R'styleさんとお友達ですか!
yumaさんの和風テンプレート、もう作られないんでしょうか?楽しみにしてます。
  • posted by Chako 
  • URL 
  • 2005.11/20 10:32分 
  • [Edit]

>ハジメさん 

テンプレートご利用ありがとうございます。
h1のサイズは
/* ===== 見出し ===== */
h1 { font-size
ここなんですが、効いていませんか?
どうしてだろ?
でも、ハジメさんの指定方法で問題ないです。
エラーになるようなことはありませんのでご安心下さい。
  • posted by Chako 
  • URL 
  • 2005.11/20 10:40分 
  • [Edit]

お返事ありがとうございます。 

動作できますか、ほっとしました(*^^*)
見出しのh2と3は元々数値変更だけで大きさが変わっていたんですが、h1だけ250%や90%に設定しても、全く初期状態から変わりませんでした。
WInMeのIE6.0でブラウズしていたんですが、何がいけなかったんでしょうね?
ですが、指定方法間違っていなくて良かったです。
ありがとうございました〜。
  • posted by ハジメ 
  • URL 
  • 2005.11/20 20:05分 
  • [Edit]

管理人のみ閲覧できます 

このコメントは管理人のみ閲覧できます
  • posted by  
  •  
  • 2005.11/21 01:30分 
  • [Edit]

はじめまして。 

こちらの便利な機能満載のテンプレが気に入り、DLさせて頂いたのですが、、
テンプレ変更がまだ2回目とあって、プラグイン使用のツリー化がうまくいきません(涙
Read meにある共有テンプレ一覧から、「コメント&トラックバックのツリー化」は
「詳しくはカテゴリー[カスタマイズ]を」とあるんですが、何度見てもツリー化に関する
HTML編集の詳細が見あたらないのです、、節穴で申し訳ありません。
ちなみに以前は最新の記事・コメント・TB・カテゴリ・リンクをツリー化していました。
あと便利な機能・コメントリストなんですが、プラグインオンでもオフでも開閉は出来ますが
内容が表示されないんです・・・これってわたしだけでしょうかね?( ̄▽ ̄;)
大変お手数おかけしますが、よろしくご教授くださいませ。
  • posted by Irene Bear 
  • URL 
  • 2005.11/21 02:08分 
  • [Edit]

>Irene Bearさんへ 

テンプレートご利用、ありがとうございます。
そして、ごめんなさい。(・_・)(._.)
ツリー化の説明を「カスタマイズ」カテゴリーに入れなくちゃと思ったまま忘れていました。
そして探してみたら、以前に書いたのは中途半端でしたので、新しくエントリーしました。
http://beigeheart.blog9.fc2.com/blog-entry-119.html
何度も探して頂いたようで、大変申し訳ないです。お手間をかけてしまいました。
今、ウチのテンプレートでツリー化に対応しているのはコメントとトラックバックのみです。
「最新の記事・カテゴリ・リンク」に関しましては。別のスクリプトが必要かと思います。
対応できなくて申し分けないです。
コメントリストですが、こちらは管理者ページの「環境設定の変更 」→「ブログの設定」で
一番下に「アドバンス設定(上級者用)」という項目がありますので、
<%topentry_comment_list>を有効にするを「有効」にしてみてください。
また何かありましたらお気軽にどうぞ。
  • posted by Chako 
  • URL 
  • 2005.11/21 09:36分 
  • [Edit]

Okarishimashita 

Arigatougozaimashita.
Nihongo benkyo chu desu. gomennasai.
Inter net mo amari wakarimasen.
  • posted by maria::alice 
  • URL 
  • 2005.11/21 18:45分 
  • [Edit]

ありがとうございました! 

素早い対応を、どうもありがとうございましたぁぁ!
カナリ躊躇したんですが、思い切って質問してよかったです!
コメントリストや追記の開閉や(ずっとこうしたかったんです!)アーカイブに飛んだ時の
記事の一部が見れるとこなども、便利な機能満載で本当に惚れ惚れしております。
四季折々にこうやってテンプレを変えたいと思っていたので、これからもどうぞよろしく。
影ながら、応援しています☆
  • posted by Irene Bear 
  • URL 
  • 2005.11/21 19:33分 
  • [Edit]

お借りしております。 

初めまして、こんにちは。
こちらの素敵なテンプレート、お借りしております。
大変申し訳ないのですが、ご教授頂きたい点がございます。
これをすべて揃える事は可能でしょうか?
宜しくお願い致します。
  • posted by alice 
  • URL 
  • 2005.11/23 10:29分 
  • [Edit]

>maria::aliceさんへ 

Thank you!
Nihongo jouzu desuyo!
ありがとうございました。
すてきなブログをつくってください。
  • posted by Chako 
  • URL 
  • 2005.11/23 11:09分 
  • [Edit]

>aliceさんへ 

ありがとうございます。
http://beigeheart.blog9.fc2.com/?no=118&style2=beige_xmas-blue-r
見た目は、これの様な形です。
または、スペースを入れて調整ですね。
タグをちゃんと書き換えて揃えるのは、ちょっと今時間がないのでまた後日でよろしければ載せますので
しばらく前述の方法をお試し頂ければと思います。
  • posted by Chako 
  • URL 
  • 2005.11/23 11:19分 
  • [Edit]

有難うございます。 

改行のご提案、有難うございました。
しばらくこの状態でお借りしたいと思います。
お時間のある時で構いませんので、書き換えの件
宜しくお願い致します。
お手数をお掛けして申し訳ございません。
  • posted by alice 
  • URL 
  • 2005.11/23 11:57分 
  • [Edit]

>aliceさん 

やってみました。
以下のファイルをコピーして入れ替えてみて下さい。
HTML:
http://blog9.fc2.com/b/beigeheart/file/xmas-blue-2.txt
スタイルシート
http://blog9.fc2.com/b/beigeheart/file/xmas-blue-2.css
わからなかったら、またコメントしてくださいね。
ちなみに↓こんな感じになってます。
http://beigeheart.blog9.fc2.com/?no=120&style2=beige_xmas-blue-c
  • posted by Chako 
  • URL 
  • 2005.11/24 21:14分 
  • [Edit]

テンプレート 

はじめまして!こんにちわ〜
beige_xmas-blueのテンプレートを使用させていただいてます。
このブルー色の感じと、テンプレの使用勝手、見た目、使いやすさが、かなり気に入ってしまいました。
装飾がクリスマス使用になってますが、クリスマスが終わっても、このテンプレで使用したいと思っているのですが、画像を変えたものの作製は、考えてませんでしょうか…。
色合いがかなり落ち着いていて、とっても良いですね。
とりあえず、使用させていただきます。
ありがとうございました〜!(* ̄▽ ̄)ノ
  • posted by トワル 
  • URL 
  • 2005.12/12 11:25分 
  • [Edit]

>トワルさんへ 

テンプレートご利用ありがとうございます♪
気に入って頂けてすごく嬉しいです(*^_^*)
クリスマス後のテンプレートは、今お正月用を作り始めたくらいなのですが、
そう言っていただけるなら、ちょっと考えてみますね。
素敵なクリスマスをお過ごし下さい。
  • posted by Chako 
  • URL 
  • 2005.12/12 20:45分 
  • [Edit]

お借りしました 

はじめまして(^o^)ノ
beige_xmas-blueのテンプレートをお借りしました。
デザインもとても素敵ですし、ツリー化、コメントリスト、追記の展開など、望みどおりの機能が全て揃っていて、感激です!
カスタマイズについてご質問させていただきたいのですが、よろしいでしょうか。
beige_xmas-snowの見出しなどのフォントが使いたくて、ボディー部分のfont-familyと、明朝フォント設定をそのままコピペしました。
私もMacユーザで、Firefoxでは綺麗なApple Chanceryで表示されるのですが、Safariではエントリーステータスやフッター以外の部分(エントリーの日付、サイドメニューの見出し)には反映されません(/_;)
beige_xmas-snowは、Safariでも問題なく表示されているので、どこかを修正すれば直りますでしょうか?
ところで、ひとつお詫びしなければならないことがあります。
ウチのブログでは画像のサイズが大きいので、横幅を広げるために、枠画像を大きくさせていただきました。
これも画像の加工に当たると思うのですが、どうかお許しいただけませんでしょうか?
申し訳ありませんが、どうかよろしくお願いいたします<(_ _)>
  • posted by ジェレ 
  • URL 
  • 2005.12/15 22:40分 
  • [Edit]

>ジェレさんへ 

ご利用ありがとうございます♪
枠画像の件は、全く問題ありません。
画像サイズの大きな方は、使いにくいテンプレートだなぁ〜と思ってましたので。綺麗にカスタマイズしていただけると嬉しいです。ご申告感謝します。
実はSafariだと「font-weight
xmas-snowは、画像置き換えしているのでSafariでもWinでも、あのメニューが再現できています。
xmas-snowのHTML部分とスタイルシートの一部をコピーすれば使用できますが、
赤と緑のメニュー画像だと、ちょっと色が合わないですよね...。
font-weight
どうしても、という場合はその方法が一番手っ取り早いかもしれないですね。
blue用にメニューを作りたいところですが、多分クリスマスに間に合いそうにないので、ごめんなさいね。
  • posted by Chako 
  • URL 
  • 2005.12/15 23:29分 
  • [Edit]

できました〜♪ 

Chakoさん、ありがとうございます!
できました〜!o(^o^)o
各見出しが綺麗なApple Chanceryになりました♪(^^)V
枠画像の件も、快くご承諾くださって、本当にありがとうございました!
  • posted by ジェレ 
  • URL 
  • 2005.12/16 01:00分 
  • [Edit]

Comment_form

管理者のみ表示。 | 現在非公開コメント投稿不可です。

*Trackback

トラックバックURL
http://beigeheart.blog9.fc2.com/tb.php/115-c8497fd7

Menu

Tree-Recent

*Tree by FCafe

Tree-Comment

*Tree by FCafe

Tree-Category

*Tree by FCafe

Tree-TB

*Tree by FCafe

Calendar

全タイトルを表示

«09 | 2008/10 | 11»
Su Mo Tu We Th Fr Sa
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

*pagetop

FC2_BBS

MailForm

Name
Mail
Title
Text

テンプレートに関するお問い合わせなどにどうぞ♪

右サイドメニュー

Search

ブログ内検索

*pagetop

Profile

Chako

  • Author:Chako
  • 2005.4月よりFC2テンプレートを作っています。
    季節感と癒し空間がテーマです♪
    テンプレート用に作ったオリジナル画像を使用していますので更新は遅めです。みなさまのリクエストにもたまにはお答えしています。まずはテンプレ一覧をご覧下さいませ。

    訪問者合計:
    現在の閲覧者数:
    無料カウンター






    FC2BLOG:バックアップ取ろうよキャンペーン

Tree-LINK

IMAGE
New&Up画像をお借りしています

*Tree by FCafe

Excellent Plugin

  • HTML+CSS2同盟
    Love HTML+CSS2

    Powered by Harukiya Archives

  • Style Keeper PLG2
  • C-PREVIEW
  • NewMark
  • CommentTop

    Powered by FCafe