簡単な説明文付きの画像リンクの設置方法 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

こんばんは。

同じ土俵に立とうせず、ただ場外から座布団と罵声を投げかけるだけの人、人の言う事の揚げ足を取って、ただそれだけの事で優越感に浸ろうとする人。

ああ!そんな人には、なりたくない!!


などと叫びながら、がらっと内容を変えて、記事の下の方のリンクについて書かせて頂きます(笑)。←精神錯乱?^^;


これは、よくカスタマイズの事を教えて頂いているネットビジネス研Q室(新館) さんの記事の下の部分の画像です。



このようなリンクは、たぶんプラグインや、スキン本体のHTML、あるいはCSSの設定を組み合わせて造るんだと思います。

ん~ん、自分には、ちょっとハードルが高いので、自分にもご紹介出来る、記事下あたりに設定するといいかもしれないリンクの設定方法をご紹介してみます。


いちばん簡単なのは、このようなものだと思いますが、

>>この続きはこちら

これを、簡単な説明文付きの画像リンクにしてみるのはどうでしょうか・・





サイズの違う画像を使ってみました。






(サンプル画像選定のセンスは、この際、問題外の外!!ということで^^;)


この設定のHTMLコードは次のようになります。

<div align="center"><p style="width:150px;border:1px #ff0066 solid;padding:0px 20px 10px 10px;text-align:center;">
<a href="移動先のURL"title="オンマウス時の説明文" target="_blank"><IMG SRC="画像のURL" width="150" alt="(^∇^)"
<font size="4"><font color="#0000ff"><b>>>続きはこちら</b></font></font></a>
</p></div>


赤字のURLにそれぞれ、お好みの移動先、画像のURLを貼り付けて下さい。なお、画像の元のサイズが大きいものであっても、自動的に縮小されて表示されます。


こんなちょっとした設定で、ライバルに差をつけられるかもしれませんね^^;

参考になると、うれしいのですが・・


☆ブィブィ-( ^-゚)v






一目惚れして欲しい。 会うたびに何度でも。
$あんなこと そんなこと どうでもいいこと...-相武紗季