FC2ブログ
2019/09
≪08  1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30   10≫
文字リンクでおしゃれにアピール。
リンクとは見たい(見せたい)ページにジャンプできる機能の事です。
例えばこのページにリンクを張りたい時にはhttp://blogs.yahoo.co.jp/taka_nonno/26535142.html
 
とアドレスを表示しますと下線が付きますね。これがリンクです。
よく他の人のページで ここをクリックとか、書いてありますね。
勿論アドレスのままでも構いませんが、アドレスをそのまま表示するより、
文字に置き変えて見せるのが文字リンクという手法です。

①普通の文字リンクです。
ハピネス気分でお山歩
基本的な書式です。
↓記号      ↓アドレス    ↓半角空白 ↓文字  ↓記号
[http://blogs.yahoo.co.jp/taka_nonno ハピネス気分でお山歩]

②普通の文字リンクに枠をつけてみました。
     
ハピネス気分でお山歩

||<#FFFFFF' style='border: solid 2px #FF5580;font:12pt'``[http://blogs.yahoo.co.jp/taka_nonno ハピネス気分でお山歩]||

③カラー背景だと、かなり目立ちます。

ハピネス気分でお山歩

||<#66ffff' style='font-size:13pt;font-family:書体名;filter:chroma;'``[http://blogs.yahoo.co.jp/taka_nonno ハピネス気分でお山歩]||

④グラデーションにすると、なお目立ちます。

ハピネス気分でお山歩

||<#ffffff' style=font-size:20px;font-family:Georgia;font-weight:bold;color:#ffffff;padding:8px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff00,endcolorstr=#2BFF60,gradienttype=0);``[http://blogs.yahoo.co.jp/taka_nonno ハピネス気分でお山歩]||
※間違いなくおやりになる方法は使いたいタグを丸ごとコピーして、アドレス、文字だけ入れ替えることです。アドレスと文字の間には必ず入力モードを半角英数にして一個分の空白を設けなければいけません(ココ重要)

転載はご自由に。


転載元:ハピネス気分でお山歩

スポンサーサイト



Secret
(非公開コメント受付中)