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

 ジャプラノート2

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

Google
 

Yahoo!検索


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

<<10 12345678910111213141516171819202122232425262728293012>>
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--/--/-- --:-- | スポンサー広告 | page top↑
幕の内イベントウのソース♪
緞帳風の幕を使った。。。
イベントハンドラですぅ~♪
名付けて!縮めて♪『幕の内イ弁当♪』ですぅ~(笑
ただ!これが言いたい為に。。。
記事にしてみますたー。 ♪~( ̄ε ̄;)

以下のソースの<center>から</center>までをコピーペーストしてくださいね♪
※センタータグは、外してもOKですが。。。
 最後の</div>は、改行が入れてありますので♪
 詰めずに!そのままの状態でご使用くださいね♪(今回のポイントです(笑)

****************** 【幕の内イベントウ】のソースですぅ~(笑 ****************

<center><div align="center" style="width:520px;overflow:auto;border:3px ridge #CCCCCC;padding:0px;background-color:#333333;BACKGROUND-IMAGE:url(★1枚目の画像★);background-repeat:no-repeat;background-position:50% 50%;"><SPAN style="font-size:1px;color:#333333;"><<div id="jn22" width="1" height="1"></div><<img id=j71126 onclick="if(jn22.width==1){jn22.width=2;j71126.style.filter='progid:DXImageTransform.Microsoft.Slide(Duration=2) Alpha(opacity=90)';j71126.filters[0].Apply();j71126.src='★1枚目の画像★';j71126.filters[0].play()}else if(jn22.width==2){jn22.width=3;j71126.style.filter='progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0.5)';j71126.filters[0].Apply();j71126.src='★2枚目の画像★';j71126.filters[0].play();}else if(jn22.width==3){jn22.width=4;j71126.style.filter='progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0.5)';j71126.filters[0].Apply();j71126.src='★3枚めの画像★';j71126.filters[0].play();}else if(jn22.width==4){jn22.width=5;j71126.style.filter='progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0.5)';j71126.filters[0].Apply();j71126.src='★4枚目の画像★';j71126.filters[0].play();}else if(jn22.width==5){jn22.width=6;j71126.style.filter='progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0.5)';j71126.filters[0].Apply();j71126.src='★1枚目の画像★';j71126.filters[0].play();}else {jn22.width=1;j71126.style.filter='progid:DXImageTransform.Microsoft.Blinds(bands=1,direction=RIGHT) Alpha(opacity=90)';j71126.filters[0].Apply();j71126.src='★幕&扉の画像★';j71126.filters[0].Play();}"src="★幕&扉の画像★" width="500" height="375" style="border:0px ridge #ffffff;" style="filter:Alpha(opacity=90);"></SPAN>

</div></center>←ここまで!

●色の数値は、使用画像の横幅に20px以上をプラスして記入してくださいね♪

●色の数値は、ご使用になる画像の大きさです。

●色の三箇所の部分は、幕が開いた時の最初の画像アドレスを三箇所に記入してください。(同じURL!)

id は二種類(jn22・j71126)を使用していますので。。。
お好みの半角英数字に変えてください。(初回はこのままでも大丈夫です)

記事編集画面のプレビューによっては。。。
多少?ズレて、表示される場合がありますので ♪~( ̄ε ̄;)
UPして確認してから、調整してくださいね♪

gooブログ用のお呪いもかけてありますぅ~♪

"グゥ~"<<<<<お呪い>>>>>~ヘ(~ω~ヘ)


緞帳作成が、ちょいと面倒な方は。。。
以下のお好きなボタンを押し、右クリックで保存して♪
ご使用くださいねぇ~ ♪~( ̄ε ̄;)





スポンサーサイト
2007/11/27 16:58 | Blogカスタム | トラックバック(0) | コメント(23) | page top↑
緞帳リベンジ♪
【背景色が変更出来ます♪】 ⇒ <<<<<<<
<
<


【クリックで見てねぇ~゚・*:..。o☆゚・*:..。o♪】

昨日の改良版ですぅ~ ♪~( ̄ε ̄;)
昨日の作品は、マウスアウト時にスクリプト自体が一瞬!
息継ぎしてしまうなど。。。
あまりに!完成度が低いので。。。(泣
作り直してみましたぁ~♪

実は、思い切って!ピンクの緞帳も作って!
密かに!好感度UPを企んだのですが。。。 ♪~( ̄ε ̄;)
あまりにキモイので、却下しましたよ~♪
使い慣れない色は、やっぱ駄目ですねぇ~(笑
⊂(_ _⊂⌒⊃ ドテッ!!!
画像は、季節感のまったく感じられない。。。
使い回しですぅ~(笑
2007/11/26 15:36 | Blogカスタム | トラックバック(0) | コメント(14) | page top↑
Japra Theater♪


<
『マウスオンクリックで見てねぇ~.。.:*・゚☆.。.:*・゚☆.。.:*・゚☆』

画像は、いつもと大差はありませんので。。。(笑
せめて!周りだけでも、豪華にと。。。?
緞帳を作って、付けてみましたぁ~♪
どんじょ?見てやってくだされぇ~(笑

ソースは、いつものマウスオンクリック〔フィルター付〕に、
半透明フィルターを付けて♪アレンジしてみましたが。。。
シアターと言うよりは。。。
しまった~!って感じですかねぇ~ ♪~( ̄ε ̄;)

2007/11/25 14:00 | 水滴 | トラックバック(0) | コメント(12) | page top↑
拝啓♪変か?
前回の記事でUPしました ♪~( ̄ε ̄;)
背景色変化ツールの星タイプが欲しぃ~.。.:*・゚☆.。.:*・゚☆.。.:*・゚☆
との、ご要望にお答えしまして。。。
【濃口ソース】&【薄口ソース】の2種類を用意しましたので♪
今夜のおかずにどうぞ♪(笑

【濃口ソース】(笑
【背景色が変更出来ます♪】 ⇒ <<<<<<

************** 以下をコピペでご使用くださいね **************

<center>【背景色が変更出来ます♪】 ⇒ <span style="font-size:1px;color:#ffffff;"><<input type="button" style="font-size:13px;color:#000000;" value="★"onClick="bg03.style.backgroundColor='#000000';"><<input type="button" style="font-size:13px;color:#006666;" value="★" onClick="bg03.style.backgroundColor='#006666';"><<input type="button" style="font-size:13px;color:#006699;" value="★" onClick="bg03.style.backgroundColor='#006699';"><<input type="button" style="font-size:13px;color:#666699;" value="★" onClick="bg03.style.backgroundColor='#666699';"><<input type="button" style="font-size:13px;color:#990066;" value="★" onClick="bg03.style.backgroundColor='#990066';"><<input type="button" style="font-size:13px;color:#cc0066;"value="★" onClick="bg03.style.backgroundColor='#cc0066';"><<div id="bg03" style="width:500px;overflow:auto;border:2px ridge #CCCCCC;padding:0px;"></span><span style="font-size:13px;color:#cccccc;line-height:21px;">
★記事(画像&文字など)★
</span></div></center>

【薄口ソース】(笑
【背景色が変更出来ます♪】 ⇒ <<<<<<

************** 以下をコピペでご使用くださいね **************

<center>【背景色が変更出来ます♪】 ⇒ <span style="font-size:1px;color:#ffffff;"><<input type="button" style="font-size:13px;color:#DCDCDC;" value="★"onClick="bg04.style.backgroundColor='#DCDCDC';"><<input type="button" style="font-size:13px;color:#ccffcc;" value="★" onClick="bg04.style.backgroundColor='#ccffcc';"><<input type="button" style="font-size:13px;color:#99ffff;" value="★" onClick="bg04.style.backgroundColor='#99ffff';"><<input type="button" style="font-size:13px;color:#ccccff;" value="★" onClick="bg04.style.backgroundColor='#ccccff';"><<input type="button" style="font-size:13px;color:#ffffcc;" value="★" onClick="bg04.style.backgroundColor='#ffffcc';"><<input type="button" style="font-size:13px;color:#ffcccc;"value="★" onClick="bg04.style.backgroundColor='#ffcccc';"><<div id="bg04" style="width:500px;overflow:auto;border:2px ridge #CCCCCC;padding:0px;"></span><span style="font-size:13px;color:#003366;line-height:21px;">
★記事(画像&文字など)★
</span></div></center>

2007/11/23 11:48 | Blogカスタム | トラックバック(0) | コメント(8) | page top↑
backgroundColor変更 Script〔DIV〕
【背景色が変更出来ますぅ~♪】 ⇒ <<<<<<<

07/11/20 現在!
PIXIE&FC2の表示が当ブログ上で誠に不安定ですので、
一度PIXIEをお借りして記事をUPしましたが。。。
変更いたしましたので、あしからず♪

<マウスオンクリック&Wクリックでご覧くださいねぇ~♪>

前回の背景色変更用Scriptのソースですぅ~♪
DIVとTABLEの両バージョンで作ってみました。
TABLEタイプは、記事のレイアウトが複雑に組み込めるのですが。。。
ソースが、あまり綺麗ではないので。。。(笑
今回は、簡単にレイアウトし易い♪
DIVタグで作成した物をUPしてみました♪

※gooブログでも使えるように(多分?)お呪いもかけてありますぅ~(笑
"goo"(/-x-)/ ~<<<<<お呪い>>>>>

※今回のソースは、gooブログ用にアレンジしてありますので。。。
投稿画面内のプレビューでは、ボタンが小さく表示されますが、
そのまま投稿していただくと、普通の大きさで表示される予定です(笑

★追記 σ(=^ω^=) ニャ~♪
青空さん♪が色付きボタンで、素敵にアレンジしていましたので♪
そちらの方法もご紹介しますねぇ~♪
【こちらのボタンでも変更出来ますぅ~♪】 ⇒ <<<<<<

下のstyleを<input>内に記述しますと上記のような色付きのボタンになります♪
style="background-color:ボタン背景色;font-size:13px;color:ボタン文字色;"

<input>タグは、他のボタン形状なども使用できますので。。。
色々とアレンジしてご使用くださいねぇ~゚・*:..。o☆゚・*:..。o♪

【背景色変更 Script〔DIV〕用のソースですぅ~♪】

************** 以下をコピペでご使用くださいね **************

<center>【背景色が変更出来ますぅ~♪】 ⇒ <span style="font-size:1px;color:#ffffff;"><<input type="button" value="黒" onClick="bg02.style.backgroundColor='#000000';"><<input type="button" value="緑" onClick="bg02.style.backgroundColor='#009999';"><<input type="button" value="青" onClick="bg02.style.backgroundColor='#006699';"><<input type="button" value="茶" onClick="bg02.style.backgroundColor='#cccc99';"><<input type="button" value="灰" onClick="bg02.style.backgroundColor='#999999';"><<input type="button" value="赤" onClick="bg02.style.backgroundColor='#660000';"><<div id="bg02" style="width:500px;overflow:auto;border:2px ridge #CCCCCC;padding:0px;"></span><span style="font-size:13px;color:#00ccff;line-height:21px;">
★記事(画像&文字など)★
</span></div></center>

2007/11/21 01:47 | Blogカスタム | トラックバック(0) | コメント(18) | page top↑
BGカラーチェンジ

<マウスオン&クリックで見てねぇ~♪>

テンプレートのbackgroundColor(背景色)をJavaScriptを使って♪
ボタン1つで簡単に変えられるようにしようと思ったのですがぁ~(笑
一度!CSSで背景を指定してしまいますと。。。
これが!なかなか厄介でしてぇ~(笑
出来るとは思うのですが、今日のところは時間切れ♪
って、事で。。。
記事単位で背景色を簡単に変えるボタンを作ってみましたぁ~(笑
【お好きな背景色ボタンを押してご覧くださいねぇ~♪】
2007/11/19 02:02 | Blogカスタム | トラックバック(0) | コメント(8) | page top↑
可愛いニャン♪

ネットから。。。
可愛いネコの画像を集めてみましたぁ~♪
全部で、15枚有りますのでサムネイルをスクロールして、クリックでご覧くださいね♪
 < <画像〔1〕 <画像〔2〕 <画像〔3〕 <画像〔4〕 <画像〔5〕
 <画像〔6〕 <画像〔7〕 <画像〔8〕 <画像〔9〕 <画像〔10〕
 <画像〔11〕 <画像〔12〕 <画像〔13〕 <画像〔14〕 <画像〔15〕 <

2007/11/17 04:12 | 昆虫&動物 | トラックバック(0) | コメント(24) | page top↑
イベントスタイル

<画像にマウスカーソルを載せて♪クリック&Wクリックでご覧くださいねぇ~♪>

onmouseover,onmouseout,onclick,ondblclick の各イベントごとに。。。
スタイルで〔'progid:DXImageTransform.Microsoft〕フィルターを指定してみました♪
お好きなフィルター効果♪やイベントの組み合わせでアレンジしてくださいねぇ~♪

【上記のソースですぅ~♪】
<center><SPAN style="font-size:1px;color:#000000;"><<img id="j71113" src="★最初の画像アドレス★" style="border-width:3px;border-style:groove;border-color:#cccccc;" width="380" onmouseover="j71113.style.filter='progid:DXImageTransform.Microsoft.Pixelate(Duration=2,MaxSquare=40,)';j71113.filters[0].apply();j71113.src='★オンマウス画像アドレス★';j71113.filters[0].play();" onmouseout="j71113.style.filter='progid:DXImageTransform.Microsoft.Slide(slideStyle=SWAP,Duration=1)';j71113.filters[0].apply();j71113.src='★マウスアウト画像アドレス★';j71113.filters[0].play();" onclick="j71113.style.filter='progid:DXImageTransform.Microsoft.Pixelate(Duration=2,MaxSquare=40)';j71113.filters[0].apply();j71113.src='★クリック画像アドレス★';j71113.filters[0].play();" ondblclick="j71113.style.filter='progid:DXImageTransform.Microsoft.Pixelate(Duration=2,MaxSquare=40)';j71113.filters[0].apply();j71113.src='★Wクリック画像アドレス★';j71113.filters[0].play();" alt="説明文">></SPAN></center>

画像は。。。
食べかけのリンゴ&足利名物♪古印最中ですぅ~(笑

2007/11/13 21:21 | Blogカスタム | トラックバック(0) | コメント(34) | page top↑
ミニチュアオーキッド

<この部分にリンクはありません♪><><プレウロタリス属の仲間ですぅ~♪><プレウロタリス属の仲間ですぅ~♪><トリセテラ属の仲間ですぅ~♪><トリセテラ属の仲間ですぅ~♪><>
〔4ヵ所の色違い部分をクリックしてご覧ください♪〕

先日♪ご紹介出来なかった。。。
ミニチュア オーキッドの残り二種ですぅ~♪
詳細は解らないのですが。。。
最初の2枚がプレウロタリス属で♪
下の2枚が、トリセテラ属のラン科の植物ですぅ~♪

ジャパネットWEBスタジオの生放送を見ながら。。。
記事を書いてますぅ~(笑

2007/11/12 22:53 | 花&植物 | トラックバック(0) | コメント(10) | page top↑
fade-in


<ランタナ&水滴>
【マウスオンクリック&Wクリックで見てねぇ~゚・*:..。o☆゚・*:..。o♪】

お久し振りの水滴画像ですぅ~♪
今日は、とぉ~ってもスローな一日でしたぁ~♪

2007/11/10 22:33 | 水滴 | トラックバック(0) | コメント(22) | page top↑
ホーム古いページへGO♪

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