- 2008年5月12日 15:05
- Movable Type
タイトルロゴを作成。
管理画面より「新規作成」→「ファイルアップロード」。
アップロードするファイルを選択し、アップロード先を「<サイトパス>images」に指定。
アップロード。
アップロードされたファイルは、サーバのブログサイトフォルダの「images」に生成される。
「一覧」→「アイテム」で確認できる。
次に、ローカルにある「mt-static/themes/style-smartCanvas」の「3-context.css」を開く。
「Website Title」の項で、「div#header p.siteName a」を以下に書き換え。
div#header p.siteName a {
display: block;
width: 200px; /* 画像の幅 */
height:50px; /* 画像の高さ */
text-indent: -9999px; /* textを飛ばす */
outline: none; /* クリック時の枠線を消す */
background-image: url(画像のパス);
background-repeat: no-repeat;
background-position: 0px 0px; /* point 位置調整 */
border-bottom: none;
padding-bottom: 10px; /* 画像の高さに合わせて調整 */
}
画像のパスは「images/画像」でいいらしいが、うまくいかなかったので、このサイトでは絶対パスを適用。保存後アップロードして、ブログサイトの更新をすれば反映される。