ファビコンを導入してみた

ブログカスタマイズのお勉強中です。

今回はファビコンを導入してみました。

ファビコンとはこういったものです。
favicon.jpg

ブラウザ(InternetExplorerやFireFox)のタブに表示されていると思います。

簡単に導入できてオリジナリティが出せるので、お勧めです。

続きを読む
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

SyntaxHighlighter を導入してみた

更新
2013年07月04日(木)

ちょくちょくブログをカスタマイズするお勉強をしてます。つまり HTML と CSS の勉強中です。

独学なので見様見真似ですが、少しずつ成長しているような気がします(笑)

今回はソースコードを表示するのに、『SyntaxHighlighter』を使うと便利で表現力が上がるということで、導入してみました。

Alex Gorbatchev
SyntaxHighlighter
⇒http://alexgorbatchev.com/SyntaxHighlighter/

続きを読む
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

格闘ゲーム GIFアニメ

サイトの紹介です。

以前にも触れましたが、格闘ゲームでGIFアニメを作成することがあります。

SF4 chun stand SF4 chun sorry

でもその作業は結構大変、しかも、FC2ブログはアップロードできる画像サイズが500KBまでというGIFアニメには厳しい制限があります。

SF4 chun special

そして、背景を透過処理しようとなるとさらに大変です。

chunny-ts-stance.gif

ということで、既存のGIFアニメを探してみました。

続きを読む
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

マウスオーバーで画像を切り替える方法

自分用の備忘録です。

マウスオーバー(マウスカーソルを重ねる)で画像を切り替える方法は何通りかあるようですが、HTMLによって切り替える方法です。

通常、FC2ブログの編集画面で画像を張り付けると下記のように記述される。

<img src="画像のURL" alt="画像タイトル" border="0" width="***" height="***" />

マウスオーバーで画像を切り替える場合、下記のように記述する。

<img src="画像のURL" alt="画像タイトル" border="0" width="***" height="***" onmouseover="this.src='切り替える画像のURL';" onmouseout="this.src='元の画像のURL';" />

つまり、 /> の前に下記を付け足せばよい。

コピペ用

onmouseover="this.src='';" onmouseout="this.src='';"

※ this.src=' ' 部分に画像URLを記入すること

img src="画像のURL" と onmouseout="this.src='元の画像のURL';" はどちらも同じ画像のURLとなる。

サンプル
エボリアヌーメ v101

ソースコード抜粋
<img src="http://blog-imgs-60.fc2.com/k/u/m/kumarajyu/20130622011546250s.jpg" alt="" border="0" width="297" height="93" onmouseover="this.src='http://blog-imgs-60.fc2.com/k/u/m/kumarajyu/20130622011549f2cs.jpg';" onmouseout="this.src='http://blog-imgs-60.fc2.com/k/u/m/kumarajyu/20130622011546250s.jpg';" />

この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

【PCE】 レディファントム 【攻略記17 最終編】

更新
2013年06月30日(日)

攻略記も今回で最後になりました。

P01.jpg

最後のまとめ記事となります。

続きを読む
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

【PCE】レディファントム【攻略記16 ACT.10(後編)】

ゲーム本編はこれで終わりです。

P01.jpg

今回後略するのは [ACT.10(後編)] です。

続きを読む
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

【PCE】レディファントム【攻略記15 ACT.10(前篇)】

いよいよこれが最終章です。

P01.jpg

今回後略するのは [ACT.10(前篇)] です。

続きを読む
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

【PCE】レディファントム【攻略記14 ACT.9】

ゲーム本編も佳境に入ります。

P01.jpg

今回後略するのは [ACT.9] です。

続きを読む
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

【PCE】レディファントム【攻略記13 追加キャラクターデータ】

攻略記も終わりに近づきましたが、ここで一旦本編から離れます。

P01.jpg

今回は[ACT.9]以降に登場する[追加キャラクターデータ]をまとめて紹介します。

続きを読む
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

【PCE】レディファントム【攻略記12 ACT.8】

ヴァドとの戦いもこれで最後です。

P01.jpg

今回後略するのは [ACT.8] です。

続きを読む
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m
ページ下部までご覧いただきありがとうございました。
プロフィール

Deka-E

Author:Deka-E

ブログ4年目のブロガーです。
HTML/CSSが理解できる程度で成長が止まってます。
JavaScriptはサッパリ分からんです。

カウンター
総閲覧者数:
現閲覧者数:
検索フォーム
ジャンル別リンク
★は相互リンクさせていただいています

RSSリンクの表示
カレンダー
05 | 2013/06 | 07
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -
Twitter
管理人Deka-Eのツイート
サイドバー2下の追尾スペース