バカネコ日記

フリーページ

保存ﾌｧｲﾙ見方

< 新しい記事

新着記事一覧(全963件)

過去の記事 >

全て | カテゴリ未分類 | バカネコＰＣ講座 | バカネコのお話

2004年08月15日

まず、おわび。
昨夜、このサイトの更新直後に、見てくださった方、間違いがありました。

お気づきの方もおられると思いますが、 border="0" 　の位置が狂っておりました。
深夜、気づいて修正しました。　現在は、問題ありません。　混乱した方、ごめんなさい。

昨日までの分は、バカネコ講座案内を更新しましたので、まとめて、
ザーッと読みたい方はご利用下さい。　→　リンク作成法のまとめ

では、溶けたネコを横目に、まずいコーヒーを飲みながら、
本日の「お題」、リンクの下線を消す方法についてお話ししましょう。

え？　なんで、まずいコーヒーかって？
いつもはネスレのゴールドブレンドなんですが、別のメーカーの安いヤツを
買ってみたんです。　それが超ハズレ（泣）

【仔猫の里親募集中】
ふにゃあ～、ハラ減ったよぉ～

　　　↑この子猫の里親を募集しています。

本来リンクであることを示すために、ひかれている下線ですが、
邪魔になることがあります。

たとえば、バカネコ村の住民台帳などがその例です。
バカネコ村は、現在１２７名の方に住んでいただいておりますが、
この台帳は、すべて、リンクを張ってあります。

これだけ数が多いと、下線があると、かえって見づらくなりますので、
消してしまいました。

テキストリンクの基本形は
<a href="URL">テキスト</a>
でしたね。

下線を消すには、これにスタイルを指定します。
例によって呪文をひとこと、追加するだけです。
追加するパラメータ(呪文)は　 style="text-decoration: none;" 　です。

やってみましょう。
<a href="URL">テキスト</a>
　　↓
<a href="URL" style="text-decoration: none;">テキスト</a>

実際に、URLにバカネコ日記のアドレスを入れて、試してみると
以下のようになります。

普通のリンク　　→　テキスト

下線無しリンク　→　テキスト

style="text-decoration: none;" 　の意味は、テキスト部分を、
飾り(デコレーション)無しのスタイルにせよ、という命令だったわけです。

これに、別ウィンドウで開く機能を付け加えるには、
<a href="URL" target="_blank" style="text-decoration: none;">テキスト</a>
とすればＯＫ。

いかがですか。　こうやれば、邪魔になる下線は表示しないように出来ます。
テキストの部分を、○○さん、と人の名前に置き換えたのが、
バカネコ村の住民台帳です。

この記事が良かったと思う人は１票！　クリック　→

バカネコ講座はまとめて読めます。　→ マップはこちら

画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。
子猫の里親募集にお力添えをいただける方、または、このサイトの新着記事の通知をご希望の方はご利用ください。
バカネコ村住民として村役場に登録しています。

お気に入りの記事を「いいね！」で応援しよう

最終更新日 2004年08月16日 17時03分07秒
コメント(17) | コメントを書く

■コメント

Re:テキストリンク下線の消し方(08/15)

ユンカース0630 さん

こんにちは！

今日は１番です！

とても勉強になりました！

説明も分かりやすいです！

早速やってみます！

ありがとうございました。
(2004年08月16日 16時52分28秒)