HTML講座w
最近どうも調子わるく、INしてはちんで、
マイナスな経験値をたたき出しているシェフです。 ( ノω-、)

あー ビシャスいきてぇ~!

ということで、今日は「匿名希望さんの姉貴」さんからの質問に答えますw

レスでは、到底かけないので、こっちで書きますねw

まずブログのTOP画像を変えたいとの質問なので、それから。
ノーブラで読んでくださいね ∵(´ε(○=(・∀・*)

まず、ブログは簡単にスキンを変えれるっていうのが売りなわけですが、
テーブルの大きさ、画像を変えるには、それなりの覚悟がいります。w
やっぱりソースをいじるからです。
しかも、そのスキンによって、すでに骨組みが決まっているわけですから、
極端にいじると、その骨組みまで崩す恐れがあるのと、
今後記事を貯めていくと、支障をきたす可能性もあります。

ので、簡単に細かいところは気にせずに、ちゃっちゃと変えてみましょうw

まず、スキンの編集画面を開いちゃってください。
最初に下側の窓の「CSS」をおさわりしちゃいます(*´д`*)ハァハァ
e0021201_1154589.gif
この赤い部分をまずかえますね。 
上側の赤い場所は、ブログの背景を指定していますので
すべて消しちゃってください。「;」は残しておいてくださいよw
その下の「200」ですが、画像の高さを示しています。
200では、高すぎるので150に直してください。

つぎは、もう少し下に、同じような記述があるので、これも削除しちゃってください。#IMAGE|e0021201_1221623.gif|200603/19/01/|mid|551|273#]これは、ブログ内容の背景部分です。

スタイルシート部分はこれでおしまい。
次はHTML部分にうつります。

今プレビューを押すと、こういう感じになってると思われます。
e0021201_1282037.gif
もしなってなかったら、編集をキャンセルして、
ノーブラのところからやり直してください ∵(´ε(○=(・∀・*)





HTML編集のところで、「マイイメージアカウントにイメージを登録」って
いうところがあると思います。
e0021201_12115017.gif

そこを、トイレに行ってから、クリックしてください。(謎)

ちゃんと手は洗いましたか?(*´ω`*)
e0021201_12143123.gif
の画面がでてきたとおもいます。
なんでもいいので、「参照」で画像を選んで送信してください。

ここは、エキサイトの画像倉庫になります。ここに預けておいた画像を
TOP画像に使うわけです。

下の四角の枠の中に画像名が出てきたら、
それをクリックして「イメージURLコピー」を押してください。

このアドレスが、画像の場所になります。

HTML編集に戻って、次の場所に、次のように打ち込んでください。
e0021201_12215791.gif

<div class="TOP">の後に
<img src=●●●●● width="780" height="150">

●●の部分は、先ほどのURLを貼り付けてください。

今の画面はこんな感じのはずです。
e0021201_1231983.gif


あともう少しですb

画像の下に隙間がありますよね
ここには、自分のブログのURLが載るスペースがあって、
テーブルが入ってるみたいです。これが高さを広げているんですね
こいつをのけます。
e0021201_12361537.gif
この赤い部分を一度に削除してください。

問題は、空白が残らないこと!
空白が残ると、それが高さを残してしまいますので。

プレビューをみるとこんな感じですね。
e0021201_1238435.gif


あとは、SSでもとって、780*150の大きさの画像を作り、
先ほどの代わりにURLを打ちかえればいけると思います。

もし、できなかった時は、
全裸でやるところから、やり直してみてください。∵(´ε(○=(・∀・*)
[PR]
by motochef | 2006-03-19 11:54 | メイプル
<< ズームアップ ディブさん120おめちょー!&... >>