トップ画像にリンクを張る

ブログカスタマイズ犬と海 テンプレートをお借りしているMilliさんに教わって、トップ画像を差し替え(ロゴと文字入れ)てリンクを張りました。
【HTMLテンプレート】 <h1 id="top">{blog_name}</h1>    ↓ <h1><a href="ブログURL" title="ブログタイトル"><span>ブログタイトル</span></a></h1> 【CSSテンプレート】 div#banner の height:150px; と background-image:~ を削除 以下を書き換え div#banner h1{ font-size:18px; font-weight:bold; } div#banner h1 a{ width:画像の横幅(700pxにするとよいでしょう); height:画像の縦幅; background-image:url(画像のURL); display:block; } div#banner h1 span{ display:none; } div#banner p.description{ display:none; } ブログタイトルも説明文もタイトル部分に文字としては表示されなくなりますので、必要なものは画像に載せちゃってください。
→ 詳細はMillibarさんの犬と海 Ver1.00をご覧ください。その他のTipsも参考になります。
人気blogランキング



投稿者:ヒトミ | 2005.11.11 22:05 | Serene Bach | コメント(0) | トラックバック(1) |

Serene Bachのエントリー12件

→ Serene BachからMovable Typeへ:移行方法
→ DrecomRSSのブログリストを利用して更新情報を表示
→ Dog*Walkブログの分割
→ 新着表示プラグインを導入
→ ちょちさんのエントリタイトル用画像をお借りしました♪
→ 記事タイトルの背景をカテゴリーアイコンと統一
→ サイドメニューにカテゴリアイコン画像設定
→ ステータス文字変更に挑戦
→ 並べ替えのプラグイン、便利です!
→ TBピープルにトラックバックすると文字化け発生
→ SB2.03Rで作成した記事を修正すると
→ スパムフィルター(簡易版)が1.1.1にバージョンアップ!

URLとリンク

このエントリーのURL:

このエントリーへのリンク:

コメントを投稿



トラックバック

このエントリーのトラックバックURL:

この一覧は、次のエントリーを参照しています: トップ画像にリンクを張る:

» 文字入れ 画像 送信元 人気Blogランキング[今週17位]
テンプレートをお借りしているMilliさんに教わって、トップ画像を差し替え(ロゴと文字入れ)てリンクを張りました。 【HTMLテンプレート】 <h1 id="top">{blog_name}</h1> ↓ <h1><ahref="ブログURL" title="ブログタイトル"><span>ブログ ... [詳しくはこちら]

プロフィール
ヒトミの似顔絵


プロフィールの詳細はこちらをどうぞ!
↓
→ ヒトミ
→ ハマの黒ヒョウ
プロフィール画像は、300人の絵師から選んでマイ似顔絵を作れる!マイピク!で作ってもらいました♪
ブログランキング
犬blogをランキングでチェック!

にほんブログ村 犬ブログへ

キャバリアカレンダー


ベルジアンカレンダー
最新記事
目次
その他

since 1998.02