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

実験中につき・・・・

表示がおかしくなっています・・・・


やっぱ・・・・


使えそうにないですね・・・・



-----------------------------


実験終了しました・・・・

結論・・・・

使えません!!



実験中においでいただいたみなさま

ものすごく使えない状態になっていたと思います

IEでしたら・・・・文句のコメントをしようにもボタンがなくてコメントも出来ない・・・

ご迷惑をおかけいたしてすみませんでした m(_ _)m



↓??左にスクロールバー




↓カレンダーが・・・・???


面白いのはコレだけ・・・・  IEで見た場合だけですが

あとは不都合だらけでした

よって封印!

Flashを使ちゃお~ くす玉 2

ここまではいいですか~?

Flashを使ちゃお~ くす玉


では忍者ブログにログイン・・・管理ページに入ります


左のメニューから 便利ツール → ファイルアップロード



参照ぼたんを押してパソコンの中からアップするファイルを指定します

※1度に1つしかアップできません

kusudama1.swf と kusudama1.txt の2つをアップしてください



アップしたらkusudama1.swfのURLを調べます(kusudama1.txtのURLは不要です)


ファイル名の上で右クリック

プロパティ で、URLがわかります

メモ帳とかにコピーしておいてください




※画像はこれから後にアップしますkusudama.jsですがkusudama1.swfも同じです



ここでいったん忍者ブログから離れます・・・


WINでしたらメモ帳を開いてください


document.open();
document.writeln('<div id="kusudama"><embed src="kusudama1.swfのURL" width="80" height="130" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer " type="application/x-shockwave-flash" wmode="transparent"></div>');
document.close();


赤字部分に先ほど調べたkusudama1.swfのURLを記入して kusudama.js として保存します(shift_jis)



保存が出来ましたら再度、忍者ブログに kusudama.js をアップしてから  kusudama.js のURLを調べます


これで忍者ブログは終わりです



次はアメブロ、フリープラグインの中でしたらどこでもかまいませんので


<script type="text/JavaScript" src="kusudama.jsのURL"></script >


さらにCSSに・・・・


div#kusudama {
position:absolute;
top: 0px;
right: 0px;
z-index:50;
}


配置の位置あわせはペタぼたん と同じです



ここで・・・・

z-index:50; ペタのときもでてきました z-index:100;

これは重なりを意味します

0が基準で値が大きいものほど上に表示されます

レイヤーの順番のようなっていったほうが理解できる方もおられるかも(レイヤーとは違いますが)

つまりz-index:100;のペタぼたんの方がz-index:50;のくす玉より上に表示されるわけです

よくみるとくす玉の紐がペタぼたんの下になっているのがわかると思います

数字は1.2.3でいいのですが・・・なんせ大雑把なもんですから・・・・・


また・・・・

#frame {
position: relative;
}


コレがまだCSSにない場合はこちらも貼り付けてください

(1つ有ればいいので前に使った場合はさらに書く必要はありません)


以上でくす玉がブログに貼りつくはずです



フラッシュバックス さまへのリンクは忘れないで下さい



Flashを使ちゃお~

Flashを使ちゃお~ 2

Flashを使ちゃお~ 3

Flashを使ちゃお~ 4

Flashを使ちゃお~ くす玉

Flashを使ちゃお~ くす玉

ここまでFlashを記事にしてきましたが・・・

めちゃくちゃ反応がありません・・・・(T_T)


やはりむずかしいというイメージがあるのでしょうか?

自分で好きなように作れない・・・

気に入った素材がない・・・・

メンドウだ・・・・

な、感じでしょうか?


私自身、Flashはもう6.7年さわっていません

以前はホームページに使う画像もFlash

会社で使う印刷の版下もFlash

・・・・Fireworksではありません

・・・・Illustratorでもありません

それだけFlashにはまっていた時期がありました


なぜ使わなくなったかは

まったくおぼえていません


でも、またさわりたくなってきています



で、・・・・・・・・

みなさまにも使っていただけるようなワンポイントのFlash

ペタぼたんの下についています「クス玉」

これを説明します






まずは

フラッシュバックス さま → 左メニューの中から「ユニーク」 → くす玉の「詳細とダウンロード」


くす玉にもいくつかのタイプがありますが文章を入力できる

自由入力( 外部ファイルで文章を設定可能)

こちらをダウンロード 自分のパソコンの適当な所に保存してから解凍します


ダウンドードした kusudama1.zip を解凍すると

kusudama1というフォルダーができて中に

kusudama1.swf

kusudama1.txt

sample.html

素材解説.html

の、4つのファイルが現れます・・・・


設定はkusudama1.txtを開きます


//テキストの設定
&tx=
 10
 Kg
 ダ
大イ
成エ
功ッ
!ト
&


赤字部分はそのままで・・・・・

青字部分が表示されます

横2列、縦7行が表示されます


■10
■Kg
■ダ
大イ
成エ
功ッ
!ト


わかりやすくしてみました

■は全角のスペースです

これでどう表示されるかは上の画像を参考にしてください

7文字2行は案外むずかしいですよ

うまく文章の配置を考えてください


ココのブログの場合は


//テキストの設定
&tx= ぺ
おタ
願大
い歓
し迎
ま!!
す &



↑コレをkusudama1.txtに上書き保存します


次にアメブロにはこれらのファイルはアップできませんので

別にファイルをアップするサーバーを何とかします


アメブロですでに忍者ツール(アクセス解析など)を使われている方が多いので

忍者でブログを借りちゃってください・・・・

同じ忍者でもホームページはダメです

ホームページの方は外部からの呼び出しが出来ません

すでに別のサーバーを利用している場合はそれでかまいません


とりあえずはファイルをダウンロード、解凍、テキストを作成、忍者ブログを借りる

続きは次回に・・・・・



Flashを使ちゃお~

Flashを使ちゃお~ 2

Flashを使ちゃお~ 3

Flashを使ちゃお~ 4

Flashを使ちゃお~ くす玉 2