カテゴリ:│├リンク( 4 )

記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
 

リンクで遊ぶ

はじめに

 リンクにマウスを乗せると可愛いアイコンやイメージを表示する初心者向けの記事です。リンク関連のネタは簡単だけど、面白いことがまだできるところなので、いろいろ工夫をすると楽しいですよ。

ここにマウスを置いてね


詳細>>
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2005-12-30 12:13 | │├リンク | Trackback | Comments(2)
 

イメージリンクの外側の枠を消す方法 その2


図1に示すような、バナーを利用したリンクをよく見かけます。
バナーでリンクしたい方もいらっしゃると思いますので、今回はこのバナーのリンクについて記事にしたいと思います。


ぽっとの陽だまり研究室


図1 バナーリンク例


通常の設置方法


通常アンカータグの間にイメージのタグを入れればバナーリンクが出来ます。ただし図2に示すようにバナーの周りに青いラインが入ってしまうため、imgタグにborder=0を追加するなどしてラインを消すことを行います。


a0031863_13364980.jpg

【設置タグ】
<a href="リンク先"  title="タイトル" ><img src="イメージファイルURL" alt="イメージ内容" ></a>


図2バナーの周りに青いラインが・・・



バナーリンクの設置の一例

<a href="リンク先" title="タイトル" ><img src="イメージファイル" alt="イメージ内容" border=0 ></a>



一気に消したい方に


でも、 border=0入れるの面倒だったりします。^^;
そこで一気にバナーの周りの線を消したい方はCSS編集に以下のコードを追加してみるのはいかがでしょうか。
全てのタグを修正することなく、バナーの周りの青い線が消えます。



CSS編集
/*アンカータグに含まれるイメージタグの周りの線を消す*/
a img {border:none;}




今日のポイント
  • border: none;でイメージのく周りのラインを非表示にしています。

  • スタイルシートで一気に指定しているので、バナーリンクの周りにラインを入れたい場合はスタイルシートを消すだけでOKです。



難易度:★


ぽっと

[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2005-03-12 13:31 | │├リンク | Trackback(1) | Comments(13)
 

イメージをリンクしたときの外側の枠を消す方法


今日は、初心者向けのネタです^^

イメージファイルをリンクしたときに外側に青い枠などが表示されることを経験されたことはありますか?
 私は初めてイメージファイルをリンクしようとしたときに外側の枠が青くなって困ったことがあります。そのときは、色々調べた結果やっと分かりました。
そのときの方法を公開します。

1.通常のリンク方法


<a href="リンク先"><img src="イメージファイル名"></a>




2.IMG にborder=0を追加


<a href="リンク先><img src="イメージファイル" border=0></a>



もうお分かりですね、IMG SRC="" の後にborder=0を追加しています。周りの枠のサイズを0にすることにより枠を消しています。



ぽっと

CopyRight(C) 2004 All rights reserved by potto37
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-07-20 21:42 | │├リンク | Trackback | Comments(10)
 

■リンクをボタンのように押し下がるようにしました

 リンクにマウスが重なると、ボタンを押したように押し下がるようにいじってみました。押し下げ量を大きくすると、押した感じが変で使いづらかったので、小さくしました。

スキン編集

ここにマウスカーソルを置いてみて下さい。



CSS編集
A:HOVER{
COLOR: #813888;
position:relative; top: 1px; left: 1px; ←ここに追加します
TEXT-DECORATION: UNDERLINE;
}

みんと♪


# by minto7mimi | 2004-06-16 07:36 | スキン編集
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-07-13 08:39 | │├リンク | Trackback(4) | Comments(2)
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。