Home > 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/画像」でいいらしいが、うまくいかなかったので、このサイトでは絶対パスを適用。保存後アップロードして、ブログサイトの更新をすれば反映される。

 

Comments:0

Comment Form

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

Trackbacks:0

TrackBack URL for this entry
http://www.ayabin.jp/mt4.1/mt-tb.cgi/5
Listed below are links to weblogs that reference
タイトルロゴ from XREAMEMO

Home > Movable Type > タイトルロゴ

Feeds

Return to page top