(ノ゜ρ゜)ノ ォォォ・・ォ・・ォ・・・・ でっ 出来ました 我ながら素敵な色だわ
ワーイ♪ゝ(▽`*ゝ)(ノ*´▽)ノワーイ♪ 完成です ・・雛形3 |
いかがでしたでしょうか? 今回の画像差し替え ひな形によっては右クリック→プロパティーで出来ないものもあります 色々試してみるのもいいでしょうね
応用編です ・・・・・クッピー
今回のスライドショーは色々なものに応用できることがわかりました。
例えば お嬢さんの写真を親戚やお友達に また 花の育っていく過程を
スライドショーにしたり 便利ですよね ・・・・エル |
そこのところはね スクロールそれぞれに名称がついているのだけど↑のソースのところ カラー番号が006600になっているところがあるでしょう 今回は その番号を統一してみてください
| なるほどね。 クッピー よくわかったわ。 色を変えてみるわね。 ところで スクロールのところの色はどう変えればいいの? |
('-'*)(,_,*)('-'*)(,_,*) ウンウン よく出来たわね。 後はmidiをつけるだけだわね。 ところで エル 背景がグラデーションになっているでしょう。
今日はちょっと難しいけど ソースの中を覗いてみましょうね。 (~-~;)ヾ(-_-;) オイオイ... そんなにびびらないでよ。
ここからは 応用編です お時間がありましたら やってみてください 
そのグラデーションだけ変えてみよう。 すべての色にはカラーコード番号がついているのよね。 今 私がそのサンプルで使っている背景の色薄い緑と濃い緑は 番号が濃い緑のほうが#006600 で 薄いほうが#ffffcc です。 その部分を変えるだけでも 雰囲気がすごく変わりますよ
この部分です。
BODY {
BORDER-RIGHT: #006600 4px ridge; BORDER-TOP: #006600 4px ridge; FONT-SIZE: 8pt; FILTER: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#ffffcc,
endColorstr=#006600, gradientType=1); ; SCROLLBAR-SHADOW-COLOR: #eadace; COLOR: #eadace; SCROLLBAR-ARROW-COLOR: #eadace; SCROLLBAR-TRACK-COLOR: #006600; BORDER-BOTTOM: #006600 4px ridge; FONT-STYLE: normal; FONT-FAMILY: "MS UI Gothic; SCROLLBAR-BASE-COLOR: #006600
ここにカラーコードがあるHPを参考までに載せておきますね。 好きな色に変えてみてくださいね
色々なところで紹介してますから Yahooで カラーチャートと検索してみるのもいいと思います。
http://village.infoweb.ne.jp/~reiko/Color_Chart.html
http://www.yastudio.com/color/

(o^-^o) ウフッ 悪いわね わ〜 いっぱいあるわね。 。。。o(゜^ ゜)ウーン 悩んでしまうわ。 じゃあ この5枚ね。
1枚ずつ 名前をつけて保存ね。 よし出来たわ。 そしたら 上図のように 画像を【右クリック】 → 【プロパティー】
→ 【参照】 【OK】 と行くのね ('-'*)(,_,*)('-'*)(,_,*) ウンウン (ノ゜ρ゜)ノ
ォォォ・・ォ・・ォ・・・・ 画像が変わった!!クッピ (T-T )( T-T)ウルウル 私って すごい!! じゃあ 後の4枚も同じ要領で・・・・ クッピー コーヒー飲んでいてもいいわよ。 V(○⌒∇⌒○)
ルンルン わ〜 プレビューでみたら 変わっているわ。
文章の入れ方は 習ったから大丈夫よ。 クリックして 文章のところに白い枠が出たわ。 これでいいわね |
...((((ノ^^)ノ ウヒョヒョヒョ(o_ _)o ドテッ エル!! (;^_^A アセアセ・・・ そう言うだろうと思って 私も用意しているわよ
用意周到のクッピーよ (-^▽^-) オーホッホ 哲パパから 写真をお借りしたのよ この中から5枚選んで マイドキュメントに保存してね 保存方法は覚えているわよね。 右クリックして【名前をつけて保存】です
あああ 肝心なこと忘れていたわ (;^_^A アセアセ・・・
なるべく 画像のサイズは 5枚とも同じにしてね。 素材サンプル
あのー クッピー クッピー様 姫 コーヒー飲んでいるところ 悪いのだけど。 σ(^_^)アタシ 画像用意してないのよ。
(*^.^*)エヘッ いつものように 画像サンプル貸して欲しいのだけど・・・ いや〜 自分でやるときは 立派な 私の自画像でも用意するわよ。
オホホホ!!γ(▽´ )ツヾ( `▽)ゞオホホホ!! |
参図1
('-'*)(,_,*)('-'*)(,_,*) ウンウン そうね スクロールを下のほうに移動するといいわよね。 画像が5枚見えてきたでしょう
その画像を【右クリック】すると ↓の参図1が見えるでしょう そしたら 【プロパティー】をクリック 【参照】 そして画像を保存しているところに行きますね。 【開く】で【OK】して ここで【OK】ボタンをクリックします。 コーヒー いただきまーーす ~~■P_o(^-^o) COFFEE
( ̄。 ̄)ホーーォ。 素敵なひな形だわ これを今回使うのね。 ダウンロードをクリックして開くね
('-'*)(,_,*)('-'*)(,_,*) ウンウン じゃあ 早速 OEを立ち上げて ▼マークの 雛形の選択ね
(ノ゜ρ゜)ノ ォォォ・・ォ・・ォ・・・・ いつの間に kuppyが侵入 ちゃんとフォルダーが出来ていたわ。
頭のいいPCだわね 代わりたいわ ・・・・・( ̄。 ̄ )ボソ.. はい! ひな形出したわよ あれれ!!!
画像がないわ あら スクロールを下にすると 見えてきたわ。 o(*^▽^*)oあはっ♪ 私って
せっかちだわね |
お役に立ててうれしいわ。 エルそんなところに寝転がっていては風邪引くわよ。
えっ!! 疲れたですって 今日はもっと長く講座やるわよ ほら 起きてよ。 前回は画像を変えること やってみましたか?♪と♪のなかを選択して画像挿入からでしたよね。 今回は画像差し替えをやってみましょう。
またまた あやなおたかしゅんさんからお借りして来たのを 編集してSAMPLEにしました。 雛形の中のDLをクリックしてダウンロードしてくださいね。 開くをクリックすると 【Stationery】の中に 【kuppy】 【sample2】のひな形が出来ます。
クッピー 前回はありがとう.。 おかげで動くひな形 雪を降らせることが出来たわ。 そして この講座を見ていらっしゃる方から
たくさんのひな形メールいただいたの。 みんなすごく上手だったわ |
1-1 OEで 動かしてみよう
第4章 画像差し替え
(スライドショー)