お蔵入り
ブログのタイトル背景にフラッシュ
ブログのタイトルの背景にフラッシュを置く方法が知りたいです。現在「卒業写真」のデザインをベースに、画像を編集して使っています。 左上の画像だけフラッシュで動いている状態にしたいのですが、可能でしょうか？？
ちなみにフラッシュのデータはアップロード出来ないと思うので、自分のWebsiteの方に置こうかと思っています。
2006-03-09 16:20の質問
この質問は、３０日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google
回答(2)
1.
2006-03-09 21:06:58
レイヤーを作り、上から重ねるように表示します。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。「スタイルシート（CSS）」の右隣、「トップページ」を選びます。
bodyタグの下あたりに追加してください。
修正前の例)
<body>
修正後の例)
<body>
<div id="titleflash" style="position:absolute; width:300px; height:300px; z-index:10; left: 0px; top: 40px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/...; width="32" height="32">
<param name="movie" value="test.swf">
<param name="quality" value="high">
</object>
</div>
終わったら「この内容で保存する」を選んで保存します。
次に、スタイルシートで背景を表示しないようにする方法も紹介します。上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
変更前の例)
#banner,#subbanner{
background:url(http://parts.blog.livedoor.jp/img/usr/graduation/header01.jpg) no-repeat;
height:407px;
text-align:left;
margin:-54px auto 0;
}
変更後の例)
#banner,#subbanner{
height:407px;
text-align:left;
margin:-54px auto 0;
}
終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」ボタンを押せば完了です。
なお、「個別記事ページ」、「カテゴリアーカイブ」、「月別アーカイブ」についても、同様の方法で修正できます。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。「スタイルシート（CSS）」の右隣、「トップページ」を選びます。
bodyタグの下あたりに追加してください。
修正前の例)
<body>
修正後の例)
<body>
<div id="titleflash" style="position:absolute; width:300px; height:300px; z-index:10; left: 0px; top: 40px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/...; width="32" height="32">
<param name="movie" value="test.swf">
<param name="quality" value="high">
</object>
</div>
終わったら「この内容で保存する」を選んで保存します。
次に、スタイルシートで背景を表示しないようにする方法も紹介します。上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
変更前の例)
#banner,#subbanner{
background:url(http://parts.blog.livedoor.jp/img/usr/graduation/header01.jpg) no-repeat;
height:407px;
text-align:left;
margin:-54px auto 0;
}
変更後の例)
#banner,#subbanner{
height:407px;
text-align:left;
margin:-54px auto 0;
}
終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」ボタンを押せば完了です。
なお、「個別記事ページ」、「カテゴリアーカイブ」、「月別アーカイブ」についても、同様の方法で修正できます。
2.
2006-03-13 18:25:22
お友達のブログにフラッシュ素材を使っています
そのブログはブログタイトルの画像がフラッシュです
そのフラッシュの素材屋さんをご紹介します
とっても素敵ですよｗｗ
もしご存知ですたらすみません
http://naturalbreeze.cside.com/
くれぐれも規約をお読みになってお試しくださいねｗ
そのブログはブログタイトルの画像がフラッシュです
そのフラッシュの素材屋さんをご紹介します
とっても素敵ですよｗｗ
もしご存知ですたらすみません
http://naturalbreeze.cside.com/
くれぐれも規約をお読みになってお試しくださいねｗ
Ads By Google
コメント(7)
#1. 試験利用者
2006-03-09 20:56:17
テンプレートを修正したら大丈夫なのでしょうが、ちゃんと見ないと分かりませんね。banner内あたりに書くことになりそうです。
#2. 試験利用者
2006-03-09 20:57:15
http://blog.livedoor.com/design_demo/graduation_cm...
レイヤーで配置した方が早いかもしれませんね。
#3. 試験利用者
2006-03-09 21:07:29
回答を書いてみましたが、細かなところは試行錯誤していくしかないように思います。分からないところは、またコメントにでも書いてください。
#4. KK3
2006-03-11 12:53:21
タイトル部分の画像(写真3枚の画像)の上にレイヤーで上に重ねるという事でしょうか？ちなみに写真3枚のjpg画像の部分を同じサイズのフラッシュに変えることは出来ないんですよね？
よくわかってなくてすいません
#5. 試験利用者
2006-03-11 15:48:08
スタイルシートの部分にフラッシュ画像を置くことができません。よって、設置はhtml側に書いていかないといけません。フラッシュは、ブラウザの上に重ねて表示する仕組みなんです。
#6. 試験利用者
2006-03-11 15:51:07
もし、全面的に画像を配置したいということになれば、全部をフラッシュで作らないといけないことになりますが、ブログの仕組み上、難しいというよりもできないだろうなとも思っています。
#7. 試験利用者
2006-03-11 15:52:22
画像のサイズは、似せて作ることはできますから、試行錯誤していけば、ぴったりにもできますよ。私が書き出した指定などは一例なので修正して使ってください。
