==教えることは自分育て==
|
下は卒業課題のサンプル作品です。
マーキーで海中散歩です。素材はこちらからいただきました。 ★作り方を順を追って説明いたします。 1 まず素材集めです。素材 アニメーションGIF等で検索してください。気に入ったのが見つかりましたら、右クリックで名前を付けて保存→適当なフォルダ(ブログでCSSのimageで可)に保存。 アニメーションGIFは、必ず.gifで保存しますよ。 背景画像JPG 500×314 アニメGIF(蝶)38×37 アニメGIF(トンボ)50×50 アニメGIF(カエル)32×32 2 では、投稿です。<div></div>で、背景画像の枠(領域)を確保します。 3 インラインCSSで背景画像、画像の幅・高さをいれます。背景画像は、記事を非公開にしてダミーで記事内に貼り、後で削除でもよいし、マイイメージアカウントに登録してURLをとってもいいですよ。 <div style="background-image:url(http://pds.exblog.jp/pds/1/200707/31/21/b0063421_18262342.jpg);width:500px;height:314px;"></div> これで背景に画像が入りました。 ↑インラインCSSの場合、ダブルコーテーションが入れ子になりますので、url()内のダブルコーテーションは付けないで下さい。 4 次にマーキーで<div></div>内にアニメGIFを動かします。上からまず蝶を飛ばしましょう。<div style="background-image:url(http://pds.exblog.jp/pds/1/200707/31/21/b0063421_18262342.jpg);width:430px;height:311px;"><marquee>蝶の画像の擬似タグ</marquee></div> 次にトンボは、<marquee width="100" scrollamount="2" behavior="alternate">トンボの擬似タグ</marquee>としました。 さて、ここで問題です。カエルはどういうタグをつかったでしょうか? 答えはソースです。 マーキーのいろいろなタグは、カテゴリー「マーキー」をご覧下さい。 アニメGIFの間隔は、<br>で調整します。
by otomi7771
| 2007-07-31 13:20
|TOPに戻る
|
カテゴリ
■上級ブログアイテム ├スキン編集ヘルプ ├タグの説明 ├タグでサムネイル ├リンクについて ├クラス名の付け方 ├基本的な枠 ├TOPに戻る ├TOP画像の変更 ├ポラロイド風写真 ├エキサイトブログタグ ├CSSでぼかし ├記事タイトルの変更 ├カレンダーの変更 ├コメント欄の変更 ├ロールオーバー ├エキサイト以外のリンク ├スクロールバー ├蛍光ペンでマーク ├Jtrim(画像作成) ├マーキー ├色見本 ├絶対パスと相対パス ├万華鏡 ├アニメーション └アニメ素材 ■ブログ中級アイテム ├RSS機能 ├ネームカード ├スライドショー ├つぶろぐ └フラシュの埋め込みタグ ■ブログ初級アイテム ├色々な画像の貼り方 ├ビューウインドウの活用 ├画像は小、ビューは大 ├文字の編集 ├文字の色・文字サイズ ├トラックバック ├Moreの設定 ├ビデオ映像のリンク ├時計 ├ビデオ映像の埋め込み ├BGMの埋め込み ├テンプレート作成機能 ├投稿日時の変更 ├黒猫の画像 ├画像URLで投稿 ├携帯電話から送信 ├YouTubeの貼り付け └下書き ◆Reflet(波打つアニメ) ◆PhotoScape ◆花火のHPの作り方 ◆FC2の登録方法 ◆QRコードの作り方 リンク集
フォロー中のブログ
ブログの玉手箱 自由奔放 旅の記憶 Ⅰ otomiの徒然なるままに 周りを見渡せば 日々是是 自然の恩恵に感謝Ⅲ ☆彡 雲よ 風よ ☆ミ デジカメとの散歩Ⅱ 生涯現役日々是好日 心 を 寄 せ て ワン子のいる暮らし 以前の記事
2013年 02月 2009年 09月 2009年 07月 2009年 01月 2008年 09月 2008年 06月 2008年 05月 2008年 03月 2007年 08月 2007年 07月 2007年 06月 2007年 05月 2007年 04月 2007年 03月 2006年 07月 2006年 05月 2005年 03月 2004年 12月 2004年 11月 タグ
Jtrim(6)
タグ(4) リンク(2) サムネイル(2) SNF(2) TOP画像(2) ネームカード(2) マーキー(2) アニメ(2) 万華鏡(1) ぼかし(1) サイン(1) スククロールバー(1) スライドショー(1) パス(1) 画像URL(1) 記事タイトル(1) 投稿日時(1) つぶろぐ(1) RSS(1) 最新のトラックバック
検索
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
|
ファン申請 |
||