タイトルを画像にする方法について質問があります。似た質問が以前、このフォーラムでもありましたが質問させてください。
現在、文字でタイトルが表示されていますが、特殊な文字フォントを使いたいので、タイトルを画像にしたいと考えています。
そこで、タイトルを画像にする方法としては、「タイトル画像」の機能を使うことで解決されるのでしょうか?現在のタイトル位置にそのまま画像を適用させたいです。
よろしくお願い致します。
ご質問ありがとうございます。
ページレイアウトにあるタイトル画像は CMONOS.JP の古いバージョンとの互換性のために残してあるものでして、、、ナビゲーションのタイトルとはまったく別のものです(^^;。
ただ、ページの上部にタイトルっぽくイメージを挿入するには今でも使える機能ではないかと思います。
Vicuna を利用している場合、タイトルを画像にするには Vicuna スキンを改造する必要があります。
3-context.css に div#header p.siteName について指定している部分があるかと思います。
こちらに、たとえば次のような指定を追加するとよいのではないでしょうか。
display: block;
width: タイトル画像の横幅
height: タイトル画像の高さ
background: transparent url('タイトル画像のURL') no-repeat;
text-indent: -999px;
font-size: 1px;
overflow: hidden;
以上参考になりましたら幸いですm(_ _)m。
ご回答ありがとうございます。
すっかり忘れていました。Vicunaスキンを直接改造する必要がありましたね。
CSSを眺めてみましたが、分かりやすく書いてあったので、改造しやすそうです。
ところで、3-context.css に div#header p.siteName について編集しました。が、何も変化ありません。
どうでしょうか??
/lib/css/vicuna/3-context.css
を書き換えて、元のファイルと差し替えましたでしょうか。
div#header p.siteName {
margin: 13px 4px 0;
width: タイトル画像の横幅
height: タイトル画像の高さ
}
div#header p.siteName a {
display: block;
width: タイトル画像の横幅
height: タイトル画像の高さ
background: transparent url('タイトル画像のURL') no-repeat;
text-indent: -999px;
font-size: 1px;
overflow: hidden;
}
こんなかんじかなと思います。
以上参考に鳴りましたら幸いです。
勘違いして、別のCSSファイルを書き換えてました。
希望通りのことが出来そうです。ありがとうございます!