練習

2016年5月14日 (土)

ロールオーバー

http://hana-katumi.cocolog-nifty.com/blog/2010/08/post-f4de.html

①記事の作成に写真をいつも通り画像挿入で二枚入れる。

②ロールオーバーのタグをHTMLの編集を開いて張りつける。
 <IMG SRC="★" onmouseover="this.src='■'" onmouseout="this.src='▲'">

③最初に画像挿入した画像のタグを赤い文字だけコピーしそれぞれの場所へ貼りつける。(下記画像参照)

④記事の作成へ戻り画像挿入で入れた二枚の画像はDELキーで消す。

ロールーオーバータグ(HTMLの編集へ貼りつけたら両サイドの<>を半角に直すこと)

<IMG SRC="★" onmouseover="this.src='■'" onmouseout="this.src='▲'">

★▲へ入れる画像のURL1(500px)

<p><img title="Ran1dscf0352" border="0" alt="Ran1dscf0352" src="http://hana-katumi.cocolog-nifty.com/photos/uncategorized/2010/08/17/ran1dscf0352.jpg" style="MARGIN: auto; DISPLAY: block" /> </p>
(の文字だけをコピーして★と▲の場所へ貼りつけて★と▲は消す)

へ入れる画像のURL2(500px)

<p><img title="Ran1dscf0351" border="0" alt="Ran1dscf0351" src="http://hana-katumi.cocolog-nifty.com/photos/uncategorized/2010/08/17/ran1dscf0351.jpg" style="MARGIN: auto; DISPLAY: block" /> </p>

(の文字だけをコピーして■の場所へ貼りつけて■は消す)

| | コメント (0) | トラックバック (0)

2016年3月10日 (木)

桜の画像で遊んでみた

Capture20160310214040


Capture20160310214847


Capture20160310215145

| | コメント (2) | トラックバック (0)

2015年4月15日 (水)

ロールオーバー

何年振りかに、ロールオーバーしてみました。

うまくいくかな?

写真の上にポイントをしてください!変身したら・・・

ロールオーバーの作り方

http://hana-katumi.cocolog-nifty.com/blog/2010/08/post-f4de.html

 

| | コメント (2) | トラックバック (0)

2013年10月29日 (火)

画像加工

毎日忙しくってパソコンに向かう時間が無い・・・

突貫工事で11月担当講習のテキストがやっとできました。

今回もpixlrで画像の加工です。

Photo

レイヤーを使ってこんなこともしてみました。

Hana


みなさん、喜んでくださるといいのだけれど・・・・

| | コメント (6) | トラックバック (0)

2013年5月15日 (水)

タオルフェア展示品

今治タオルフェアの展示品画像で遊んでみました。

5 6

1

2

Cats

4

| | コメント (0) | トラックバック (0)

2013年5月10日 (金)

練習2

本日は、PCデーター入力講習会、先生は若くってやさしいい・・・・

なに?私とは全然違うって?

すみませんね、声が大きいのは地声です・・・・

Hana

こんなんも、できました。

2

Photo_3


Photo_5


| | コメント (4) | トラックバック (0)

2013年5月 9日 (木)

講習練習

1_2




| | コメント (4) | トラックバック (0)

2012年11月10日 (土)

HTMLたぐ見本

①右から左への移動指定
    </p><marquee>通常はこのような感じです</marquee><p>

  ②左から右へ移動指定
   </p><marquee direction="right">&gt;左から右へ移動</marquee><p>

  ③往復させる動きを指定 
 </p><marquee behavior="alternate">左右の移動を繰り返す</marquee><p>


  ④移動速度を変える(右から左)

</p><marquee scrolldelay="85" scrollamount="6"><p>標準</p></marquee>

<marquee scrolldelay="50" scrollamount="10" truespeed="true"><p>速く</p></marquee>

<marquee scrolldelay="200" scrollamount="3">遅く</marquee><p>

⑤右からスクロールして左で止まる
</p><marquee behavior="slide">ご訪問ありがとう</marquee>

※追伸

上記タグを使いココログでアップする時は、確認はせず、保存してアップしてください。確認や再編集してップすると、ココログの場合<p></p>が自動的に付いて動かない時があります。

※必要な方は、上記をwordなどへコピーして保存してください。

| | コメント (0) | トラックバック (0)

2012年9月14日 (金)

花火

花火が楽しそうなので、手抜きですが、まねごとをしてみました。

Anigif

| | コメント (4) | トラックバック (0)

2012年7月 7日 (土)

パズコレ

7月7日自修室(午後)講習で、お気に入り画像で作るジグゾーパズルを作成しました。

見本をブログの記事とサイドバーに貼ってみました。皆さん遊んでみてください。

※注意

パズコレで遊んだりする場合は、FlashPlayer9以上の環境が必要です。

(環境が整っていないと白くなって画像が現れない)

お持ちでない方は、こちらからダウンロードしてください。

クリックFlashPlayer ダウンロードページ

今夜は、咳がこんこんと酷いので寝ます。おやすみなさい。

| | コメント (19) | トラックバック (0)

より以前の記事一覧