HOME
Google

Back|  |パソコンライフの入り口HOMEHP作成支援記事メニュー
バナーの上にテキスト文字を乗せちゃおうか…
[2001年05月24日(木)]

 久しぶりの更新になってしまったわ…。
 なので、少し改装しながら内容を見直したりしてたのだけど、このコーナー、何時の間にか一年経っていたのね…と、改めて気がついたりして。

 今までCGIを使って、ブラウザで記事を書くようにしていたのだけれど、内容的にタグを使うことが多くなってきたので、この機会にエディタで作成してFTPする本来の方式に戻してみました(ちょっとリンク状態が不安だけど…)。
 これで、記事内で自由に画像を表示して説明したりできるようになるわ〜。

 というわけで、
 今回は、「ソフトを使わずに、バナーにテキスト文字を乗せる」方法です。

バナーはGigguratの↓を使ってみますね。


 この方法は制約はあるけど、手軽に乗せる文字を変更できるので重宝かも。

 こんな感じにできます。
文字を指定

ソースは↓
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="200" HEIGHT="40"><TR><TH BACKGROUND="ha_b_005.jpg"><FONT SIZE="5" COLOR="#FFFFFF">文字を指定</FONT></TH></TR></TABLE>

青文字の所は、バナーの縦横サイズを入れます。赤字は画像のファイル名です。緑の部分はバナーの色とかを見ながら、好みに設定してくださいませ。紫はテキストの文字列です。リンク先のコーナー名とか入れます。後は、その文字列にリンクを指定しておけばOK。
Giggurat
←例題としてはこんな感じ。ブラウザの機能で戻ってね。


ただ、バナーのサイズに対して余り多き過ぎる文字サイズを指定すると、思い切りレイアウトが崩れるので注意してね。
それと、他のサイトからのリンク用のバナーには向かない方法なので御注意を。

※バナーとか画像のサイズが知りたい時は、WinでIEの場合は、ブラウザの画像の上で右クリックして、「プロパティ」をクリック。画像の場所のURLと一緒に、画像サイズが表示されます。

Copyright(C)2000-2004, MIYAKO/Giggurat All right reserved.

サイト名:「パソコンライフの入り口」 管理人:美也子
URL:http://giggurat.vivian.jp/miyako/life/newsmenu.htm
mail:giggurat@yd.vivian.jp
バナーURL:http://giggurat.vivian.jp/miyako/life/gazou/miyako.gif      当サイトは、リンクフリーです。