S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
2005年 09月 20日
タイトル編集~解説編~。
タイトルロゴをテキストから画像へ変更するのに、
ボクは以下のような方法でやりました。

まずHTML部分から
<div class=HEADER>
  <$header$>
</div>
を探して『<$header$>』を削除し、
新たに自分のBlogへのリンクとUPした画像URLを記述します。
こんな感じです。

<div class=HEADER>
<a href="http://uskh.exblog.jp/">
<img src="タイトル画像.gif" width="302" height="61" border="0" ALIGN="LEFT">
</a>
</div>

あとはCSS部分で位置等を微調整します。
どちらかというといらない部分(Fontサイズとか)を削除するほうが多いかな。

DIV.HEADER{
BACKGROUND-REPEAT : NO-REPEAT;
MARGIN : 50PX 0PX 0PX 15PX;
}

これで完了です。
最初は画像URLもCSS部に書きたかったんですけど、
どうしても画像が中央寄せになってしまって断念しました。
まぁ、見栄え重視なのでこれ良し!とします。

あとURL部のFont色変更ですが、
気付くまでにかなり時間がかかりました。
最初は

DIV.URL {
FONT : NORMAL 9PT/100% TAHOMA;
COLOR : #F3DD16;
PADDING : 130PX 10PX 0PX;
TEXT-ALIGN:RIGHT;}

を一生懸命変更していたのですが、
黒字のままでした。

しばらくして『あっ、これリンクだ』と気がつきました。
なので、新たに、

DIV.URL A:LINK {
COLOR: #F3DD16;
TEXT-DECORATION: NONE; }
DIV.URL A:VISITED {
COLOR: #F3DD16;
TEXT-DECORATION: NONE; }
DIV.URL A:HOVER {
COLOR: #F3DD16;
TEXT-DECORATION: NONE; }

を足してやるのが正解だったんですねぇ。
なんで、こんな簡単な事に気付かなかったんだろう。
修行が足りないなぁ。

って感じで、ヘッダー部分の編集は終了。
今度は本文部分に取り掛かろうと思います。
[PR]
by usk_h | 2005-09-20 22:12 | CSS/HTML
<< 記事移行してみました。 最近のdukiちゃん(娘)情報。 >>
Top

usk_h blog(ユースケ・エイチ ブログ)です。usk_h(僕)、T-miちゃん(嫁)、dukiちゃん(長女)、noriちゃん(次女)、soh君(長男)の5人暮らし。好きなことを、好きなだけ、好きな時間に書いてる勝手気ままなBlogです。
カテゴリ
以前の記事
フォロー中のブログ
Link
最新のトラックバック
Sleipnirを導入
from チャレンジャー月海の華麗なる軌跡
早朝サッカー
from 沈んでゆく夕日を見て。
初収穫、
from 雑学的ブログ
検索
ライフログ
KTM
H.M.K.U
SOFFet
ファンモン
その他のジャンル
記事ランキング
ブログジャンル
画像一覧
QR-cord
Banner