フォトライフの青い縁取り(枠線)を取る方法
フォトライフの写真を日記内に表示すると、青い枠線や下線が表示されることがあります。
もし、この枠線を表示させたくない場合には、
「管理ツール画面 > デザイン > 詳細デザイン設定」のスタイルシート欄に、次の内容を記述(追加)します。
img.hatena-fotolife { border: none; }
もし、枠線を消すのではなく、色を変えたい場合には、このように記述します。
(「3」の部分を大きい数字にすると枠線が太くなります。また、「#babcbe」は色の番号です。)
img.hatena-fotolife { border: solid 3px #babcbe; }
このように書くと、こんな感じになります。
フォトライフに関する内容は、下記のリンク先が詳しいです。
「はてなダイアリーガイド「はてなフォトライフと合わせて使う」」
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%d6%a4%cf%a4%c6%a4%ca%a5%d5%a5%a9%a5%c8%a5%e9%a5%a4%a5%d5%a4%c8%b9%e7%a4%ef%a4%bb%a4%c6%bb%c8%a4%a6%a1%d7
<補足>写真ごとに違う枠にする方法
コメントでのやまさん(id:tadashi32)の質問に対して、夢鳥さん(id:yumetori)がやり方を教えてくれました。ありがとうございます。
とりあえず、フォトライフの写真で「枠なし」と「枠あり」の2パターンを例に説明してみます。
スタイルシートには、次のように記述します。
/* フォトライフ 枠なし */ img.hatena-fotolife { border: none; } /* フォトライフ 枠あり */ div.foto_border img.hatena-fotolife { border:solid 3px #babcbe; }
日記の編集画面では、次のように記述します。
- 枠なしの場合
f:id:tama_fk:20050424142809:image
- 枠ありの場合
<div class="foto_border"> f:id:tama_fk:20050424142809:image </div>
そうすると、このように表示され、写真ごとに枠を変えることが可能になります。
- 枠なしの場合
- 枠ありの場合