アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！ -250ページ目

ブログ画像一覧を見る

このブログをフォローする

<< 前のページへ最新 | 248 | 249 | 250 | 251 | 252 | 最初次のページへ >>

Flashを使ちゃお～ 4

準備はいいでしょうか？

Flashを使ちゃお～

Flashを使ちゃお～ 2

Flashを使ちゃお～ 3

いよいよFlashをブログに設置します

見本で使っていますフラッシュバックスさまのFlashを設置するためのHTMLです

↓コレを加工します（赤字部分だけですそれ以外はそのままで）

document.open();
document.writeln('<div id="h_ameba"><embed src="bn02b.swfをアップしたURL" width="760" height="228" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer " type="application/x-shockwave-flash" wmode="transparent"></div>');
document.close();

※　600*180　→　760*228 に拡大しています（ 800*240　とか）
※　URLと縦と横、以外はそのままさわらないで下さい

↓document.open(); から document.close(); までをwinでしたらメモ帳とかに貼り付けて

　　（それ以外の余計なものは書かないで）
↓header.js と名前をつけてshift_jisで保存（名前は適当です　拡張子.jsは変えたらダメです）
↓header.js をサーバーにアップ（アップしたURLを調べておきます）

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　関係無いですがこのバナーもFlash　→

フリープラグインの中でしたらどこでもかまいませんので↓

※　2ヶ所以上へ設置する場合はid名と、js名を適当に変更ください
　　その場合、現在ブログで使用しているid名は使ってはダメです
　　header、member、helpなどは使用済みですので使えません

CSSに

div#h_ameba{
position:absolute;
top:0px;
left:0px;
z-index:50;
}

※位置の決め方はペタぼたんと同じです

※2つ以上設置する場合は違うid名で同じCSSを作ってください

以前にペタぼたんとか使用していない場合は
↓これもCSSにコピペしてください（すでにある場合は不要です）

#frame {
position: relative;
}

スタンダードのグリーン（ピーチ、グレイ、ブルー）の場合は
ヘッダーの縦が小さく、バックに背景色がありますので

縦をFlashにあわせ（だいたいでＯＫ）背景を白にしておきます

#header{
height:230px;
background-color:#ffffff;
}

すでにカスタマイズをやっていて画像とかが設定してある場合で
Flashからはみ出たり、じゃまになる場合は外してください

＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋

ココのブログで使っていますゴジラアメーバのFlashを設置するためのHTMLです（Flash 8）

↓コレを加工します

document.open();
document.writeln('<div id="top_ameba"><embed src="ameba.swfをアップしたURL" width="550" height="200" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer " type="application/x-shockwave-flash" wmode="transparent"></div>');
document.close();

＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋

↓SWiSH でサイドのバナーを作ったときのHTMLです(サイドバーのバナーです)

↓コレを加工します

document.open();
document.writeln('<embed src="exlink.swfをアップしたURL" width="195" height="45" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer " type="application/x-shockwave-flash" wmode="transparent">');
document.close();

※バナーですので表示位置を動かしませんので　<div id="h_ameba"> と </div>は書いていません

　また、位置もそのままですのでCSSも使いません

↓banner.js と名前をつけてshift_jisで保存（名前は適当です）
↓banner.js をサーバーにアップ

表示させたい所に（とうぜんフリープラグインの中でのことですが）

※くっつきすぎの場合は前後に<br>をいれて改行してください

自分でやっておいてなんですが・・・・・

HTMLにはいっぱい書かれているのに・・・・

URLと縦と横だけって・・・・・・

こんなんでいいの？

って～のが感想です

正直・・・・

よくわかっていません・・・・　　　質問はNGで

こんなんで設置できた方はコメントください

Flashを使ちゃお～くす玉

Flashを使ちゃお～くす玉　2

Flashを使ちゃお～ 3

Flashのテキスト部分のカンタンな作り方です

標準エディタで記事を書くにして

ここで文章、リンク、改行を作ります

できましたら

HTMLタグを表示にしてコピーします

※上の画像は実際のタグとは違っています

コピーしたタグをbn02b.txtに貼り付けます

（青字部分です、赤字部分は消さないで下さい）

//タイトル(半角英数のみ)
&ttl=Flash&

//テキスト
&tx=<p><a href="http://ameblo.jp/flash-top/"><strong >トップページ</strong></a>
</p>
<br />
<p>このブログは <br />スタンダードスキンで、<br />Flashを使うことが出来るかの実験をしています</p>
<p>興味のある方は<br />アメブロ向上企画書までどうぞ</p>
<br />
<p>　　　　　　　　実験委員</p>
<br />
<p><a href="http://ameblo.jp/exlink/ ">アメブロ向上企画書</a>
</p>
<br />
<img src="http://stat.ameba.jp/user_images/dd/6b/10087572224.gif " border="0" />
&