スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
ブログタイトル文字を画像にしてロールオーバーにする
ブログタイトル文字を自分の好みのフォントにしたい、
なおかつロールオーバーしたいというときの方法。

簡単なのはfont-familyで指定したらいいのだけど
そのフォントが見る側のPCにインストールされていないと
違うフォントで表示されてしまいます。

それをしないためにはタイトル画像にして
入れてしまえば簡単。

でもロールオーバー好きな私は
タイトル画像とタイトル文字を別々に設定しています。

先ず画像作成ソフトなんかで好みの文字を2種類作成。
それをファイルアップロードして以下のように。

<!-- brandingはタイトルやサイトの説明を記述するブロックです -->
<div id="branding"><!-- branding -->
<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
<p><%introduction></p>
</div><!-- /branding -->

青字の部分を削除して

<!-- brandingはタイトルやサイトの説明を記述するブロックです -->
<div id="branding"><!-- branding -->
<h1><a href="<%url>" accesskey="0" title="<%blog_name>">
<img src="普段表示したい画像url" width="○" height="○" border="0" alt="○"
onMouseOver="this. src='カーソルを合わせた時に表示したい画像url' "
onMouseOut="this. src='普段表示したい画像url' "/>
</a></h1>
<p><%introduction></p>
</div><!-- /branding -->

換わりに赤字の部分を挿入する。

確かこれだけで出来たハズ・・・
あてにならねぇ~;

~プチモールブログ用:FC2でも使えるものあり~

コメントの投稿

Secret
(非公開コメント受付中)

コメント

Profile

まり

Author:まり
B'z大好き・稲葉さんLoveな
東京・田舎方面生息の会社員♀

ハワイが心の故郷♪
2012年4月から柴ワンコが家族になりました。

Calendar+Archives
07 ≪│2017/08│≫ 09
- - 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 31 - -
Entry
Category
Comment
RSS
Mail Form

名前:
メール:
件名:
本文:

Counter
Seach
Link

今すぐブログを作ろう!

Powered By FC2ブログ

By FC2ブログ

今すぐブログを作ろう!

Powered By FC2ブログ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。