Home > カスタマイズ方法

カスタマイズ方法 - ロゴ部分について

画像の場合

既存レイアウトそのままご利用の場合、最大で横300px程度・縦130px程度の画像となります。

作成したロゴを「logo.jpg」としてimagesフォルダへ保存して下さい。

gif・pngでも構いませんが、この場合はhtmlも合わせて変更する必要があります。

テキストの場合

ロゴ画像を用意できなくテキスト表示される場合は、htmlファイルの以下の場所を変更して下さい。

<!-- タイトル --><p class="logo"><a href="index.html" accesskey="1"><img src="../images/logo.jpg" alt="CSSデザインサンプル" width="280" height="80" /></a></p>

<!-- タイトル --><p class="logo"><a href="index.html" accesskey="1">CSSデザインサンプル</a></p>

またテキストの場合は custom.css の下記部分のコメントタグを外します。

/*

.logo a {
  font-size: 140%;
  color: #000;
}

.logo a:hover { color: #f00; }

*/

↓↓↓↓↓

.logo a {
  font-size: 140%;
  color: #000;
}

.logo a:hover { color: #f00; }

Page top