Blog
2005/02/19のBlog
[ 08:38 ]
[ 日記 ]
さて、天気の合間をぬって・・・
バイクの受け取りにいってくるかな？
バイクの受け取りにいってくるかな？
[ 01:44 ]
[ doblogカスタマイズＱ＆Ａ ]
;)
Q：背景画像をうっすらと透かしてみたいんですが、どうすればいいんでしょうか？大きな画像なので全体に表示させたいんです。文字の色を変えてみてもわかりにくいので、透かしてちょっとでもわかりやすくさせたい。
むむむ！これは大変だ！右の画像は以前使っていた大きめの壁紙を表示させてみましたが、たしかにこれじゃあちょっとわかりにくい。
ここまでの作業は、【番外：壁紙の貼りかた】固定の背景画像をいれる場合 と Q：背景画像と背景色をあわせるには？ と Q：背景画像がメニュー部分にかくれてしまいます と Q：背景画像が記事部分にかくれてしまいます をやってあります。
さて、どうしましょう？
むむむ！これは大変だ！右の画像は以前使っていた大きめの壁紙を表示させてみましたが、たしかにこれじゃあちょっとわかりにくい。
ここまでの作業は、【番外：壁紙の貼りかた】固定の背景画像をいれる場合 と Q：背景画像と背景色をあわせるには？ と Q：背景画像がメニュー部分にかくれてしまいます と Q：背景画像が記事部分にかくれてしまいます をやってあります。
さて、どうしましょう？
;)
■メニュー部分をうっすらと透かす
/* メニュー */ の中の .menu { ～～～～ } 部分をみてください。
background-color : ?????? ;というメニュー部分の背景色設定があるので（??????には記号や数字やアルファベットが入ってます）元の色の設定に戻しましょう。わからなければ、background-color : #FFFFFF （白）にしてください。
次に.menu { ～～～～ } 部分のどこでもいいので、filter: Alpha(opacity=50); と追記してください。これでメニュー部分を透かすことができます。
/* メニュー */ の中の .menu { ～～～～ } 部分をみてください。
background-color : ?????? ;というメニュー部分の背景色設定があるので（??????には記号や数字やアルファベットが入ってます）元の色の設定に戻しましょう。わからなければ、background-color : #FFFFFF （白）にしてください。
次に.menu { ～～～～ } 部分のどこでもいいので、filter: Alpha(opacity=50); と追記してください。これでメニュー部分を透かすことができます。
;)
■ページタイトル部分をうっすらと透かす
/* ページタイトル */の中の .mydoblog-header { ～～～～ } 部分のどこでもいいので、filter: Alpha(opacity=50); と追記してください。
/* ページタイトル */の中の .mydoblog-header { ～～～～ } 部分のどこでもいいので、filter: Alpha(opacity=50); と追記してください。
;)
■記事部分をうっすらと透かす
/* 記事 */の中の .blog { ～～～～ } 部分のどこでもいいので、filter: Alpha(opacity=50); と追記してください。
background-color : ?????? ;という記事部分の背景色設定は、（??????には記号や数字やアルファベットが入ってます）元の色の設定に戻しましょう。わからなければ、background-color : #FFFFFF （白）にしてください。
これで全体的に透かすことができましたが、せっかく貼り付けた画像も透けてしまっています。色々と試してみましたが、記事部分を透かしてしまうと、一緒に画像も透けてしまうようです。一長一短ですけど、私の知識では解決できませんでした。どなたか、こうしたらいいよって教えていただけると幸いです。<(_ _)>
/* 記事 */の中の .blog { ～～～～ } 部分のどこでもいいので、filter: Alpha(opacity=50); と追記してください。
background-color : ?????? ;という記事部分の背景色設定は、（??????には記号や数字やアルファベットが入ってます）元の色の設定に戻しましょう。わからなければ、background-color : #FFFFFF （白）にしてください。
これで全体的に透かすことができましたが、せっかく貼り付けた画像も透けてしまっています。色々と試してみましたが、記事部分を透かしてしまうと、一緒に画像も透けてしまうようです。一長一短ですけど、私の知識では解決できませんでした。どなたか、こうしたらいいよって教えていただけると幸いです。<(_ _)>
;)
# 2/19 追記 #
救いの神が光臨しました！！！
全体を透かしても記事にはりつけた画像は透過させない方法を 『曇のち時々晴れところにより雷雨または雪。 いったいどれか。』 の くれはさん が教えて下さいました！ほんとに助かりました。ありがとうございます。
上記までの作業が済んだあと、一個付け加えるだけ！
/* 記事 */の中の .blog-image{ ～～～～ } 部分のどこでもいいので、position : relative ; と追記してください。
はい！結果は！
無事に画像が表示されました！
すごいですねぇ・・・やれば出来るんだ・・・
※重要※
このfilterを使った処理はwindows IE専用のようです、他のブラウザでは表示されないようなのでご注意ください。
Netscapeでは背景が白になっていました。共通のタグではないですし、IEでしか表示できないこともあり、半透明表示を無理にしようとすることは推奨できません。
doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-
救いの神が光臨しました！！！
全体を透かしても記事にはりつけた画像は透過させない方法を 『曇のち時々晴れところにより雷雨または雪。 いったいどれか。』 の くれはさん が教えて下さいました！ほんとに助かりました。ありがとうございます。
上記までの作業が済んだあと、一個付け加えるだけ！
/* 記事 */の中の .blog-image{ ～～～～ } 部分のどこでもいいので、position : relative ; と追記してください。
はい！結果は！
無事に画像が表示されました！
すごいですねぇ・・・やれば出来るんだ・・・
※重要※
このfilterを使った処理はwindows IE専用のようです、他のブラウザでは表示されないようなのでご注意ください。
Netscapeでは背景が白になっていました。共通のタグではないですし、IEでしか表示できないこともあり、半透明表示を無理にしようとすることは推奨できません。
doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-
2005/02/18のBlog
[ 23:20 ]
[ 食べる ]
;)
湯豆腐
だぁってぇ・・・・寒いんだもーん
だぁってぇ・・・・寒いんだもーん
[ 15:18 ]
[ プリンを極める ]
;)
久しぶりのプリンネタです
流石に食べすぎたかもと最近ちょっと控えております（笑）
さて、この豪華そうなパッケージ
中身も濃いミルクがとろとろ～んとはいってました
練乳ほど甘くもなく、なめらかな生地に濃厚なミルクたぁっぷり
残念ながらカラメルは入ってませんでした
ミルク風味たっぷりの上等ミルクプリンといった感じ
上品にいただきましたぁ♪
その他のプリンは⇒プリンを極めるINDEX
他のヒトの感想⇒ 「ﾘｯﾁinﾐﾙｸ＆やわらか練乳ﾌﾟﾘﾝ☆苺＆木いちごｿｰｽ」（MARING YOU）
「リッチinミルク【トーラク】」（ぷりん・プリン・pudding ～小さな幸せ探し隊～）
流石に食べすぎたかもと最近ちょっと控えております（笑）
さて、この豪華そうなパッケージ
中身も濃いミルクがとろとろ～んとはいってました
練乳ほど甘くもなく、なめらかな生地に濃厚なミルクたぁっぷり
残念ながらカラメルは入ってませんでした
ミルク風味たっぷりの上等ミルクプリンといった感じ
上品にいただきましたぁ♪
その他のプリンは⇒プリンを極めるINDEX
他のヒトの感想⇒ 「ﾘｯﾁinﾐﾙｸ＆やわらか練乳ﾌﾟﾘﾝ☆苺＆木いちごｿｰｽ」（MARING YOU）
「リッチinミルク【トーラク】」（ぷりん・プリン・pudding ～小さな幸せ探し隊～）
[ 11:36 ]
[ doblogカスタマイズＱ＆Ａ ]
;)
どないなってんやろ？？
ちょっと研究中。画面がみづらい場合がありますのでご容赦ください。
『温DOWN化計画 身近で感じた温暖化ストーリー』（身近で感じた事務局）
小技きかせまくりですねぇ・・・
ほんまどうなってるんやろ？？？不思議だ
ちょっと研究中。画面がみづらい場合がありますのでご容赦ください。
『温DOWN化計画 身近で感じた温暖化ストーリー』（身近で感じた事務局）
小技きかせまくりですねぇ・・・
ほんまどうなってるんやろ？？？不思議だ
[ 07:48 ]
[ 日記 ]
最近では冬の間だけの寄宿舎なんてなくなっちゃったんですね・・・
うちの田舎でも、今ではスクールバスが配備されて冬でも普通に通学してる
私の子供の頃は、冬季の間だけ通学が困難になる生徒を寄宿舎生活させていました（どんな田舎や（笑）
当時、寄宿舎生活をする生徒は４～５名程度と、うちの親の世代に比べると激減していたらしいのですが、それでもまだ寄宿舎はあったなぁ・・・
子供心になんとなく楽しそうでうらやましかった（笑）
冬季の間、寄宿舎生活を送っているというニュースをみて思い出した
うちの田舎でも、今ではスクールバスが配備されて冬でも普通に通学してる
私の子供の頃は、冬季の間だけ通学が困難になる生徒を寄宿舎生活させていました（どんな田舎や（笑）
当時、寄宿舎生活をする生徒は４～５名程度と、うちの親の世代に比べると激減していたらしいのですが、それでもまだ寄宿舎はあったなぁ・・・
子供心になんとなく楽しそうでうらやましかった（笑）
冬季の間、寄宿舎生活を送っているというニュースをみて思い出した
2005/02/17のBlog
[ 22:37 ]
[ 食べる ]
;)
にゅうめん
玉子にみょうがにワカメとネギ入れてみました
玉子にみょうがにワカメとネギ入れてみました
;)
にゅうめんだけでお腹すかないのか？？と思われる方もいらっしゃるでしょう（笑）
実は今日、おやつに５５１蓬莱の豚饅食べちゃったんですよね・・・
そしたら、夕飯時になってもお腹全然減ってなくて（笑）
豚饅はオヤツとしておいしくいただきましたぁ♪
豚饅はやっぱり５５１です。ね！cornoさん♪
参照記事：大阪土産 - 551蓬莱の豚まん
実は今日、おやつに５５１蓬莱の豚饅食べちゃったんですよね・・・
そしたら、夕飯時になってもお腹全然減ってなくて（笑）
豚饅はオヤツとしておいしくいただきましたぁ♪
豚饅はやっぱり５５１です。ね！cornoさん♪
参照記事：大阪土産 - 551蓬莱の豚まん
[ 18:59 ]
[ 映画 ]
;)
監督： ピーター・シーガル
出演： ジャック・ニコルソン、アダム・サンドラー、マリサ・トメイ、ヘザー・グラハム、ウディ・ハレルソン、ジョン・タトゥーロ、ジョン・C.ライリー、ルドルフ・ジュリアーニ、ジョン・マッケンロー、ロジャー・クレメンス
2003年 アメリカ
ささいな誤解からプッツンキレる男として有罪になり、怒り抑制セラピーを受けるコトになった男と短気なセラピストとのドタバタコメディー
イライラいらいらイライラいらいらイライラいらいら・・・・・・
見てる最中はこんな感じでした（笑）
私も短気だからなー
しかぁし、最終的にはそんなんありかよ？？？という展開にもっていくところはやっぱりアメリカ人的なのかな？
あははは、そう結びますか・・・ということで、見終わった後は、見てる最中のいらつきを払拭する出来映えとなっておりました。
でも、好き嫌い出そうなタイプの映画かも・・・
私は、終わりよければ全てヨシなタイプなので楽しみました
何より、相変わらずプッツン切れてるニコルソンおぢさんが、めちゃ面白かったしね
個人的に、ツボにはまってるタトゥーロもいい味出てました
私も目玉焼きは半熟じゃないとやだーーーーー！（笑）
・N.Y.式ハッピー・セラピー＠映画生活
その他の映画はここ⇒ちびさる映画INDEX（50音順）
他の人のレビュー⇒ 「「ＮＹ式ハッピー・セラピー」ありえねー展開はおいといて、良心的なメッセージ性と豪華すぎるキャストが繰り出す笑いを楽しもう♪」（Ｈａｐｐｙ？おちゃのま＊しねま）
「「Ｎ.Ｙ.式ハッピー・セラピー」を観た ★★★★★ 」（Fｉｎｄｉｎｇ Ｍｏｖｉｅ 映画っていいね♪）
「『ＮＹ式ハッピーセラピー』 ２００３年 アメリカ映画」（betty333の日記）
「映画鑑賞感想文『N.Y.式ハッピー・セラピー』」（さるおの日刊ヨタばなし★スターメンバー）
「「N.Y.式ハッピー・セラピー」」（ひらりん的映画ブログ）
「Ｎ.Ｙ.式ハッピー・セラピー」（レンタルだけど映画好き）
出演： ジャック・ニコルソン、アダム・サンドラー、マリサ・トメイ、ヘザー・グラハム、ウディ・ハレルソン、ジョン・タトゥーロ、ジョン・C.ライリー、ルドルフ・ジュリアーニ、ジョン・マッケンロー、ロジャー・クレメンス
2003年 アメリカ
ささいな誤解からプッツンキレる男として有罪になり、怒り抑制セラピーを受けるコトになった男と短気なセラピストとのドタバタコメディー
イライラいらいらイライラいらいらイライラいらいら・・・・・・
見てる最中はこんな感じでした（笑）
私も短気だからなー
しかぁし、最終的にはそんなんありかよ？？？という展開にもっていくところはやっぱりアメリカ人的なのかな？
あははは、そう結びますか・・・ということで、見終わった後は、見てる最中のいらつきを払拭する出来映えとなっておりました。
でも、好き嫌い出そうなタイプの映画かも・・・
私は、終わりよければ全てヨシなタイプなので楽しみました
何より、相変わらずプッツン切れてるニコルソンおぢさんが、めちゃ面白かったしね
個人的に、ツボにはまってるタトゥーロもいい味出てました
私も目玉焼きは半熟じゃないとやだーーーーー！（笑）
・N.Y.式ハッピー・セラピー＠映画生活
その他の映画はここ⇒ちびさる映画INDEX（50音順）
他の人のレビュー⇒ 「「ＮＹ式ハッピー・セラピー」ありえねー展開はおいといて、良心的なメッセージ性と豪華すぎるキャストが繰り出す笑いを楽しもう♪」（Ｈａｐｐｙ？おちゃのま＊しねま）
「「Ｎ.Ｙ.式ハッピー・セラピー」を観た ★★★★★ 」（Fｉｎｄｉｎｇ Ｍｏｖｉｅ 映画っていいね♪）
「『ＮＹ式ハッピーセラピー』 ２００３年 アメリカ映画」（betty333の日記）
「映画鑑賞感想文『N.Y.式ハッピー・セラピー』」（さるおの日刊ヨタばなし★スターメンバー）
「「N.Y.式ハッピー・セラピー」」（ひらりん的映画ブログ）
「Ｎ.Ｙ.式ハッピー・セラピー」（レンタルだけど映画好き）
[ 11:08 ]
[ doblogカスタマイズＱ＆Ａ ]
;){kind=small}
Q：カレンダー部分にかわいい花がついてますが、どうやってるんですか？
;){kind=small}
はい、これも記事にするつもりの実験だったのです。
;){kind=small}
今回使ったのは、 Mariのいろえんぴつ さんの小さなボタン画像をお借りしました
;)
■/* カレンダー */ の中の .calender-focus { ～～ } 部分にのどこでもいいので
background-image : url("背景画像のＵＲＬ") ;
background-position:center;
background-repeat:no-repeat;
と追記してください。すると右図のようになります。
記事をアップした日にリンクがつきますね。その部分に背景画像をはりつけるカタチです。
追記するだけなので意外と簡単。でも、画像の大きさによっては・・・・・(^o^;
（背景画像のＵＲＬに関しては ⇒ 【番外：壁紙の貼りかた】参照 ）
※2007/08/30 背景画像のＵＲＬの記述を修正いたしました※
background-image : url("背景画像のＵＲＬ") ;
background-position:center;
background-repeat:no-repeat;
と追記してください。すると右図のようになります。
記事をアップした日にリンクがつきますね。その部分に背景画像をはりつけるカタチです。
追記するだけなので意外と簡単。でも、画像の大きさによっては・・・・・(^o^;
（背景画像のＵＲＬに関しては ⇒ 【番外：壁紙の貼りかた】参照 ）
※2007/08/30 背景画像のＵＲＬの記述を修正いたしました※
;)
花模様とかじゃなくって背景色設定をする場合は
■/* カレンダー */ の中の .calender-focus { ～～ } 部分にのどこでもいいので
background-color : #cfffff; と追記してみます。
好きな色番号を指定するとこんな感じになります。
色をあわせて、淡いブルーにしてみました。いかがでしょ？？
doblogの使い方Ｑ＆Ａの他の記事は
⇒doblogの使い方Ｑ＆Ａ-index-
■/* カレンダー */ の中の .calender-focus { ～～ } 部分にのどこでもいいので
background-color : #cfffff; と追記してみます。
好きな色番号を指定するとこんな感じになります。
色をあわせて、淡いブルーにしてみました。いかがでしょ？？
doblogの使い方Ｑ＆Ａの他の記事は
⇒doblogの使い方Ｑ＆Ａ-index-
[ 08:08 ]
[ doblogカスタマイズＱ＆Ａ ]
;)
Q：ページタイトルを可愛く変更したいんですが、どうしたらいいでしょう？手取り足取り教えて下さい・・・とMarried life♪のらいむさんよりリクエストありました。
では、簡単なところからいきましょうか・・・・
１０minutes さんの画像をお借りして実験してみましょう
今回はベーシックデザインを元にやってみます（笑）
では、簡単なところからいきましょうか・・・・
１０minutes さんの画像をお借りして実験してみましょう
今回はベーシックデザインを元にやってみます（笑）
;)
Q：ページタイトルにかわいいワンポイントをいれてみたいの変形バージョンとなります
■/* ページタイトル */ の中の .mydoblog-header { ～～ } 部分にのどこでもいいので
background-image: url("背景画像のＵＲＬ");
background-repeat: repeat-x;
background-position: right top;
と追記してください。すると右図のようになります。せっかくの雲が全然でていませんねぇ・・・
背景画像のＵＲＬに関しては ⇒ 【番外：壁紙の貼りかた】参照
※2007/08/30 古い内容だったので背景画像のＵＲＬ部分を修正いたしました※
■/* ページタイトル */ の中の .mydoblog-header { ～～ } 部分にのどこでもいいので
background-image: url("背景画像のＵＲＬ");
background-repeat: repeat-x;
background-position: right top;
と追記してください。すると右図のようになります。せっかくの雲が全然でていませんねぇ・・・
背景画像のＵＲＬに関しては ⇒ 【番外：壁紙の貼りかた】参照
※2007/08/30 古い内容だったので背景画像のＵＲＬ部分を修正いたしました※
;)
background-color : #ffffff ;
背景色を白にします
padding-top : 100px;
ページタイトルの高さを100px（画像に合わせて高くした）に設定
はい、ちゃんとはいりました。
文字の色を変えるには ⇒ ページタイトルのリンク色を変えるには？ 参照
文字のフォントを変えるには font-family : "ＭＳ Ｐゴシック", "Osaka"; の部分を変えればいいです。ただし、見え方はブラウザによって変わる場合もありますので共通のフォントにした方がいいと思います。フォントの参考は、wordなどで確認すればいいんじゃないでしょうか？
あとは、フォトショップなどでタイトル入りの画像を作ってしまう手もありますが・・・それだとフォントの表示を気にしなくてよくなりますが、ページタイトルを消すという作業をしなくてはいけませんネ。状況に応じてやってみてください。
背景色を白にします
padding-top : 100px;
ページタイトルの高さを100px（画像に合わせて高くした）に設定
はい、ちゃんとはいりました。
文字の色を変えるには ⇒ ページタイトルのリンク色を変えるには？ 参照
文字のフォントを変えるには font-family : "ＭＳ Ｐゴシック", "Osaka"; の部分を変えればいいです。ただし、見え方はブラウザによって変わる場合もありますので共通のフォントにした方がいいと思います。フォントの参考は、wordなどで確認すればいいんじゃないでしょうか？
あとは、フォトショップなどでタイトル入りの画像を作ってしまう手もありますが・・・それだとフォントの表示を気にしなくてよくなりますが、ページタイトルを消すという作業をしなくてはいけませんネ。状況に応じてやってみてください。
;)
【オマケ：上級編】
ついでにDoblogヘッダーも一緒にいじっちゃえ！
ということで、ベーシックタイプの場合空欄のDoblogヘッダー部分に下記のように追記してみましょう
.mydoblog-position form table { background-image: none;
position: absolute;
left: 0px;
top: 110px;
width: 765px;
color: #FFFFFF;
height: 20px; }
.mydoblog-position form td { text-align: right;}
.mydoblog-position A.portalbar:link { color : #3366ff ;
text-decoration : none ; }
.mydoblog-position A.portalbar:active { color : #3366ff ; }
.mydoblog-position A.portalbar:visited { color : #3366ff ; }
.mydoblog-position A.portalbar:hover { color: #FF0000 ;
text-decoration : underline ;
background-color: #FFFFFF ; }
結構一体感がでましたね。背景画像に合わせてカラーは変えた方がいいと思います
doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-
ついでにDoblogヘッダーも一緒にいじっちゃえ！
ということで、ベーシックタイプの場合空欄のDoblogヘッダー部分に下記のように追記してみましょう
.mydoblog-position form table { background-image: none;
position: absolute;
left: 0px;
top: 110px;
width: 765px;
color: #FFFFFF;
height: 20px; }
.mydoblog-position form td { text-align: right;}
.mydoblog-position A.portalbar:link { color : #3366ff ;
text-decoration : none ; }
.mydoblog-position A.portalbar:active { color : #3366ff ; }
.mydoblog-position A.portalbar:visited { color : #3366ff ; }
.mydoblog-position A.portalbar:hover { color: #FF0000 ;
text-decoration : underline ;
background-color: #FFFFFF ; }
結構一体感がでましたね。背景画像に合わせてカラーは変えた方がいいと思います
doblogの使い方Ｑ＆Ａの他の記事は⇒doblogの使い方Ｑ＆Ａ-index-