ジャプラ ノート２
コンパクトデジカメ画像で、日常＆花＆趣味など！ボチボチ弄ってまぁ〜す♪

　ジャプラノート２

　コンパクトデジカメ画像で、日常＆花＆趣味など！
　ボチボチ弄ってまぁ〜す♪
Google
 

Yahoo!検索


pc1
　　　　　　 いらっしゃいませ♪ 現在ジャプラノート２をご訪問の方は 名様ですぅ〜♪ 　　　

ところでぇ〜…

禁煙以来。。。
食べ物が、余計に美味しく感じられてしまいまして♪
ついつい！手近にある甘い物に♪
手が伸びてしまうのですが。。。

甘い物ばかりでは。。。
やっぱ！体に良くないなぁ〜っと、思いまして。。。

最近！身の回りの冷蔵庫という冷蔵庫には…
必ず！忍ばせてあるのがぁ〜♪
このトコロテンですぅ〜☆彡

〔On Mouse Over♪〕

ちょこっと、お口が寂しいなぁ〜♪
って！ところでん♪食べるトコロテンは。。。（笑

正に！おいらにとっての、救世主ですぅ〜♪
色々なメーカーから発売されているのですが。。。
これがなかなか、奥が深くて。。。♪
美味しい物♪不味い物！様々ですぅ〜♪

今！一番のお気に入りは。。。
地元の！だぁ〜れも知らないような、弱小有限会社？の
某メーカーの物ですが。。。
２個入りで、１００円っと♪これまた安いですぅ〜♪

ところでぇ〜ん♪
やっぱ！背景のケーキも気になるでしょ？（笑
目立たないように！グラデーションを
多目にかけてみてのですがぁ〜♪

やっぱ、匂いで？解っちゃいますよねぇ〜（笑












2007/02/28 00:30 | 食べ物 | トラックバック(0) | コメント(10) | page top↑
いらねぇ〜♪
【画像は、マウスオンクリックでお願いします♪】


最近♪お気に入りの。。。
アイスクリームシナモントーストですぅ〜♪（笑

作り方は、めっちゃ！簡単♪
厚めの食パンに、シナモンをかけてトーストしたものに♪
バター＆蜂蜜＆アイスクリームをのせて♪
お腹に！詰め込むだけで。。。
そこはもう♪パラダイスですぅ〜（笑

ところで先日、ミスドの差し入れが有ったのですが。。。

ドリンクだと思って取り出したら。。。
変な！おまけが付いて来ましたぁ〜（笑

皆さん♪右のシェイク型のライト♪
知ってますぅ〜？？？（笑
スタンプを貯めると、もらえるらしいのですがぁ〜。。。

ハッキリ言って！！！
いらねぇ〜！！！

ライトは、どうでもいいから。。。
飲み物をくれぇ〜♪（笑





2007/02/26 19:22 | 食べ物 | トラックバック(0) | コメント(6) | page top↑
スタイルシート�侠�

前回は、背景の変更について♪ちょこっと書きましたが。。。
背景画像の表示方法について、少々補足しますぅ〜♪

背景画像のスクロール〔background-attachment:〕
background-attachment: fixed;背景画像はスクロールしない
background-attachment: scroll;背景画像はスクロールする
記述無しの場合背景画像はスクロールする

背景画像の繰り返し表示〔background-repeat:〕
background-repeat: no-repeat;背景画像を繰り返さない
background-repeat: repeat-x;背景画像を横に繰り返す
background-repeat: repeat-y;背景画像を縦に繰り返す
記述無しの場合背景画像を縦横に繰り返す

。。。っと言う事で♪

今回は、スクロールバーのカスタムについてですぅ〜♪

まずは、この黒い背景の右横のスクロールバーをご覧下さいねぇ〜♪
見慣れない色のスクロールバーが、付いているでしょ？（笑
これは、スタイルシートで！指定したものが表記されています！

普通♪特別に指定しない限り。。。
スクロールバーは、ブラウザの指定した物が表示されていますぅ〜♪
でも♪折角、背景をカスタムしたのですから♪
それに合わせて♪スロールバーのカスタムも。。。
如何ですか？（笑

こんな感じになりますぅ〜♪この画像をリピートさせて使用しています♪
<div style="width:450px;height:100px;overflow:auto;border:2px double #999999;padding:10px;BACKGROUND-IMAGE:url(背景画像アドレス♪); scrollbar-face-color: #666699; scrollbar-shadow-color: #CCCCCC; scrollbar-darkshadow-color: #666666; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #CCCCCC; scrollbar-arrow-color: #000099;"><font style="font-size:15px; color:#00CCFF; line-height:160%;">この部分に、記事（文字＆画像）を入れてね♪</font></div>



ブログの記事に、スタイルシートを書き込む場合は。。。
スタイルシートの記述部分の改行は、そのまま反映してしまいますので
注意して下さいね♪



七種類全部指定しなくても、素敵なものが出来ますよ〜♪

ブログ全体のスクロールバーを一括して指定するには。。。
テンプレートのＣＳＳを変更して下さいねぇ〜♪















2007/02/25 17:05 | Ｂｌｏｇカスタム | トラックバック(0) | コメント(6) | page top↑
スタイルシート♪

今日は、一度に食べた♪プリンの数の話は。。。
後日という事で♪（笑

スタイルシートの使い方について、ちょこっと。。。

ブログの場合、テンプレートを作る際にHTMLでブログの骨格を決め
CSS（スタイルシート）で、飾りや色を指定し決めますぅ〜♪
ですが。。。
記事のエントリー部分の色などは、一度決めてしまうと！
文字色との兼ね合いも有り！
極端な色の変更がし辛くなってしまいます♪

そこで今回は、記事ごとにスタイルシートを使用して♪
バックの色や画像を入れる方法を♪
プリンを食べながら♪
ちょこっと書いてみたいと思いますぅ〜♪
っで！まずは。。。
エントリー画面に、画像を壁紙として入れる方法です。
今、ご覧になっているのがソレ！ですぅ〜（笑



上の画像を入れる場合のソースですぅ〜☆彡

<div style="width:540px; height:380px; overflow:auto; border:0px ridge #ffffff; padding:5px; background-color:#FFFFFF; BACKGROUND-IMAGE:url(壁紙用画像アドレス); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 50%;"><font size="2" color="#000000" style="line-height:160%;">
この部分に、文字や画像などを挿入
</font></div>

● height:380px;は、縦の長さです。
右横にスクロールを表示したくない場合は、削除してください。

● width:540px;は、横幅なのですが。。。
ご自分のエントリー部分に合ったサイズをご記入下さい♪
大き過ぎると！テンプレートが崩れる場合が有ります！
100%と、記入しても良いのですが。。。
縦の長さを指定した場合、スクロールバーが表示されないことがありますので
高さを指定しない時のみに、width:100%;をご使用下さいね。

● position:50% 50%;は、画像の位置の指定です。
前の50%が、横の位置で！後ろの50%が、縦の位置です。
100% 100%にしますと、右下に表示されますので。。。
小さい画像を入れる場合は、お好きな位置に指定してください。

上の黒バックのソースですぅ〜☆彡

<div style="width:510px; overflow:auto; border:3px ridge #999999; padding:15px; background-color:#000000;"><font size="2" color="#FFFFFF" style="line-height:160%;">
この部分に、文字や画像などを挿入
</font></div>

スタイルシートの記述方法は、以下のように！
width: 510px;
:（コロン） ;（セミコロン）
全て半角で！１セットですので♪記述忘れの有りませんように♪

※ 今回フォント部分の指定は、スタイルシートでの記述にして
ありませんので以下の表示に変更してもかまいませんが。。。
ブラウザーで、文字の大きさは変更できなくなりますので
文字の大きさで！レイアウトが崩れないようにしたい場合は、
こちらを使ってねぇ〜♪
<font style="font-size:14px; color:#FFFFFF; line-height:160%;">文字だよ〜♪</font>

縦＆横のサイズを指定して小さくすると♪
こんな感じにもなりますぅ〜♪
お知らせ♪

プリンは、残さず食べましたぁ〜♪
プリンは、残さず食べましたぁ〜♪
プリンは、残さず食べましたぁ〜♪
プリンは、残さず食べましたぁ〜♪
プリンは、残さず食べましたぁ〜♪
当然！血糖値も♪上がりますたー。


2007/02/23 20:20 | Ｂｌｏｇカスタム | トラックバック(0) | コメント(24) | page top↑
イメージマップ四分割♪

お久し振りに♪【イメージマップ四分割】ですぅ〜♪
ちょいと画像をアレンジしてみましたぁ〜 ☆彡。.:*:・'ﾟﾟ'･:*

お好きな画像をクリックして、ご覧下さいねぇ〜♪
（ほんの気まぐれから♪クリックタイプに変更しました（笑）〔22日23時40分〕
<この部分にリンクはありません♪><><我が家のキンカンですぅ〜♪マーマレード＆シロップ煮♪共に一部で？大好評との噂も。。。><初登場？我が家の一才レモンなのですが。。。全部で！８個しかなりませんでした♪（笑><ツバキももう直ぐ満開ですぅ〜♪黒ツバキは、もう少し後かな？><お正月に大活躍のハボタンでしたが、現在も！絶好調ですぅ〜（笑><>

因みに、今回の画像は380×540で♪
座標の数値は、上から。。。
1,1,380,135
1,136,380,270
1,271,380,405
1,406,380,540
ですので。。。
このサイズの画像を使う時は参考にしてねぇ〜♪

※クリックタイプに変更する場合は。。。
onmouseoverの部分をonclickに変更してくださいねぇ〜♪

イメージマップのソースは、コチラ♪


2007/02/22 19:19 | Ｂｌｏｇカスタム | トラックバック(0) | コメント(14) | page top↑
春うらら♪

〔On Mouse Over♪〕


今日も♪ほんと、暖かくて。。。
昼食で、がっついて！満腹満蔵状態になれば♪
瞼が、とろぉ〜んとなるのは必然？
当然！頭の中は、臨時休業状態。。。？
っで！慌てて、おつむのリスタートスイッチを
押してはみたものの。。。
接触不良で！午後の仕事は、断念！
この時期の『ポカポカ陽気』は。。。
ほんと！仕事が、進まないわぁ〜（泣
ほんじゃ進まないものは、仕方ないわぁ〜ってことで♪
仕事場の裏の公園で♪カメラ片手に。。。
今日も♪うらうら｡｡｡ベンチで♪うとうと｡｡｡

ふっと、目に入る♪見なれたモノクロームの景色も。。。
ここ数日で、色彩豊な景色へ早変わりなのねぇ〜♪


2007/02/21 21:36 | 雑談 | トラックバック(0) | コメント(2) | page top↑
クリスマスローズ♪

日本では、ヘレボルス属を総称して。。。
【クリスマスローズ】と、呼んでいますがぁ〜♪
本来これが、【クリスマスローズ♪】の元祖？本家？。。。（笑
Helleborus niger ですぅ〜♪
読み方は、様々で。。。
属名は、ヘレボラスやヘレボルスと読むようですぅ〜♪
意味は。。。『地獄』？（笑
種小名も呼び方は様々で。。。
『ニゲル』『ニガー』『ノイガー』など！様々ですぅ〜♪
意味は。。。『黒い＆黒色の』だそうですぅ〜♪
うぅ〜ん。。。『黒い地獄？』かぁ〜（笑

【マウスオン＆クリック＆ダブルクリックで見てねぇ〜♪】
クリスマスローズ♪
花弁に見えるのは、萼片です！
一枚目の画像で、それが分かるでしょうかぁ〜？
最初は、白い花なのですがぁ〜。。。
だんだんと色が変化して行きますぅ〜☆彡
なんとも言えないくらい♪素敵な色でしょ？
これが、ニゲルの一番の魅力ですかねぇ〜♪

原種は、２０種類ほどで♪有茎種と無茎種が有り
そこから様々な交配種が作出されていますぅ〜♪
日本で良く見掛けるのは。。。
レンテンローズと呼ばれるオリエンタリスなどから作られた
ハイブリッド種ですぅ〜♪
様々な色彩の種類があり！育て易いのも、特徴ですぅ〜♪


2007/02/20 20:08 | 花＆植物 | トラックバック(0) | コメント(8) | page top↑
スライドショー♪（ソース）


<<

丁度、一年前に。。。
しょうもないソースで、紹介しました♪
【スライドショー】ですぅ〜（笑
実は、GIFアニメを使用すれば。。。
いとも簡単に、同じ物が出来るのですがぁ〜。。。
多少？相違点がありますぅ〜♪（笑
それは。。。画質なのですぅ〜♪
GIF画像は、どんなに頑張っても256色でしか表現できませんので！
JPEG画像と比べると、だいぶ表現力が落ちてしまいますが。。。
このスライドショーは、そのままJPEG画像を使用しますので
画質は、そのままですぅ〜♪

前の物より、かなりソースを簡略化しましたので。。。
簡単に使用できると思いますぅ〜♪
今回のソースは、400×300の画像を６枚使用した物ですが。。。
画像枚数＆画像の大きさは、同じ大きさであれば増減は自由ですぅ〜☆彡

以下がソースですぅ〜♪〔改訂版 2/19〕

<TABLE border="2"><tr><td bgcolor="#000000"><DIV style="background-image:url('最初に表示される画像アドレス');width:400px; background-repeat: no-repeat;"><font style="font-size:1px; line-height:1%;" color="#000000"><<MARQUEE scrollamount="400" scrolldelay="5000"><img src="画像アドレス"><img src="画像アドレス"><img src="画像アドレス"><img src="画像アドレス"><img src="画像アドレス"><</marquee></font></div></td></tr></TABLE>

●色の２ケ所の数値は、画像の横サイズを記入してください。

。。。っと！
ここまでは、何の問題もないように思われますが！
実は、このソースには大きな問題と言いますか、欠陥がありますぅ〜（笑
それは、パソコン本体の処理能力やインターネットの回線の状況によって！
画像の右側、もしくは左側に。。。
ズレが生じてくる場合が、ありますぅ〜♪
特に、ＰＣの処理能力を必要とする！画面のスクロールなどの時に
顕著に見られますぅ〜（笑
一応、画像を６枚使用した場合は、６枚目の画像の変化の時に
リセットされるようにしてありますがぁ〜。。。
そこからまた！徐々にズレてしまう場合がありますので♪
悪しからず。

2007/02/19 10:10 | Ｂｌｏｇカスタム | トラックバック(0) | コメント(15) | page top↑
スズランエリカ♪

ドォ〜ンとまとめて♪
『スズランエリカ』ですぅ〜☆彡



フラッシュバックス♪


2007/02/17 09:00 | 花＆植物 | トラックバック(0) | コメント(2) | page top↑
スイセン♪


〔On Mouse Over♪〕
スイセン（Narcissus）♪

スイセン　ヒガンバナ科
学名：Narcissus

逸話（ナルシストの語源♪）
Narcissusという学名は、ギリシャ神話に登場する美少年ナルキッソスに由来する。神話によると、ナルキッソスは、その美しさにさまざまな相手から言い寄られたものの、高慢にはねつけ恨みを買った。ついには、そんな彼への呪いを聞き入れた復讐の女神ネメシスにより、水鏡に映った自分自身に恋してしまった。水面の中の像は、ナルキッソスの想いに決して応えることはなく、彼はそのまま憔悴して死ぬ。そして、その体は水辺でうつむきがちに咲くスイセンに変わった、というものである。だからこそスイセンは水辺であたかも自分の姿を覗き込むかの様に咲くため、美貌に酔いしれる人をナルシストと呼ぶようになったようですぅ〜♪
〔Wikipediaより引用〕



2007/02/16 11:11 | 花＆植物 | トラックバック(0) | コメント(4) | page top↑
☆ ホーム ☆ 古いページへGO♪≫