ベストアンサー

Movable Typeのテンプレートをカスタマイズ

2005/04/07 08:13

初心者なんですけど、 Movable Typeのデザインで、タイトル（題名といいますか・・・）を画像にしたいのですが、スタイルシートに記述すればよいのでしょうか？それともindexファイルに記述すればよいのでしょうか？

atk18
お礼率13% (143/1041)

ブログ
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

UkiwaKamome
ベストアンサー率100% (4/4)

2005/04/08 12:51 回答No.1

Movable Typeのデフォルトのテンプレートを使っている、ということでよろしいでしょうか？基本的にはスタイルシートに記述しても、indexファイルに記述しても効果は同じだと思いますが、スタイルシートに記述するほうがスマートでしょう。 MTのデフォルトテンプレートの場合、<body>タグの少し下に<div id="banner">というタグがあると思います。この<div id="banner">タグから</div>タグまでがメインページのタイトル部分になっています。そして、スタイルシートもデフォルトの状態であれば #banner { font-family: Georgia, 'Times New Roman', serif; color: #FFFFFF; background-color: #000000; text-align: left; padding: 15px; border-bottom: 1px solid #FFFFFF; height: 39px; } などとなっている部分があると思いますので、そこに次のように"background～"以下を追加します。"backgruond-color"は削除したほうがいいでしょう。"white"の部分は、画像がエラーで表示されなかったときに代わりに表示させるカラーを指定します。 #banner { font-family: Georgia, 'Times New Roman', serif; color: #FFFFFF; text-align: left; padding: 15px; border-bottom: 1px solid #FFFFFF; height: 39px; 　　　　background: white　url(http://www.画像のＵＲＬ) } これでタイトル部分に画像が表示されるはずです。あとは画像のサイズなりがすっきり収まるように#banner部分を微調整すればよいでしょう。