無邪気で天真爛漫なホッピーと慎重(ビビリ!?)なノアとの日常をつづっています♪

ほぴのあボーイズ Dog*Walk

ブログのコト

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

投稿日:2005年11月11日 更新日:

ブログカスタマイズ犬と海
テンプレートをお借りしている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も参考になります。

  • この記事を書いた人
  • 最新記事
ヒトミ

ヒトミ

東京在住。犬のいない生活なんて考えられない!犬中心の毎日を送っています。趣味はアジリティー(ドッグスポーツ)と写真。

-ブログのコト
-,

Copyright© ほぴのあボーイズ Dog*Walk , 2018 All Rights Reserved.