角を丸〜く

2008年02月04日
こんにちはダーリンです。

「もっと手軽に写真の角丸をつけた〜〜い。」
今日は、そんな方の為にイメージタグの前後にチョコチョコッとテキストをコピーペーストするだけで角が丸くなっちゃう裏技（？）を紹介します。

まずいつも通り記事型ページ作成画面をたちあげ、いつも通りに記事を投稿します。
そしていつも通りに写真を登録しましょう。
20080204205956.png
▲こんな風になりましたか？

次にエディタ上部にある「HMTL」アイコンをクリックしてください。
html_hensyu.gif

すると▼このようなウィンドウが立ち上がります。
20080204211730.png

これは直接HTMLをテキストベースで編集するウィンドウです。
使い方はワープロとだいたい同じなので、なんら気にする事はありません。
この一行目に
<link href="http://www.potika.net/contents/_css/labo_style.css" rel="stylesheet" type="text/css" />
をコピーペーストしてください。

次にimgタグの前後にそれぞれのタグでくくります。

■前
<div class="image_r15">
<span class="tl">.</span><span class="tr">.</span>

■後
<span class="bl">.</span><span class="br">.</span>
</div>


つまりは▼こんな感じになります。
<div class="image_r15">
<span class="tl">.</span><span class="tr">.</span>
<img style="float: left" src="http://staff.potika.net/image/free/EA157_1.jpg" border="0" alt="EA157_1.jpg" width="431" />
<span class="bl">.</span><span class="br">.</span>
</div>


あとはエディタの左下の「挿入」ボタンをクリックしてHMLT編集ウィンドウを閉じます。

いかがですか？編集エディタ上に配置された写真の角が丸くなっていませんか。
丸くなっていればそのまま「記事を投稿する」ボタンをクリックして公開してください。

丸くなっていなければ、エディタ上部にある「やりなおし」アイコンをクリックして、再度チャレンジしてみてください。
yarinaoshi.gif

何かと暗い話題の多くてギスギスしてる昨今、写真くらいは角を立てずにいきませんか？


.. EA157_2.jpg ..




 
コメントを見る・書く(4)
トラックバックされた記事(0)
この記事へのトラックバックURL ボットからトラックバックURLを保護しています