|
この記事は、ｒｕｎさんの記事 を私のブログに転載しようとしたところ、 で書いた事情で、記事の体裁が崩れてしまう為（そのまま転載した記事は、http://blogs.yahoo.co.jp/ubiquitous_budda/56961023.html ）、出来るだけ同じになる様、私の方で、元の文章や素材を使い、ＵＰし直したものです。 残念ながら、上で書いた様な事情で、この記事を転載しても、今のところは、同じ様に体裁が崩れてしまいます。 が、元記事が2009年5月30日で閉鎖する予定の為、今の段階で、確認の上、ＵＰするものです。元記事のリンクは、元記事のブログ閉鎖後は、意味を成さなくなると考えますので、私のブログに転載もしくはコピペした記事に置き換えています。 ☆★☆★☆
今度は画像を枠で囲みたいと思います wiki文法使用にチェックを入れてください。 画像の位置については をご覧ください。枠については をご覧ください。 囲みたい画像を画像添付に開いてください。 ↓枠の種類です border：の後につけたい枠の種類をいれてください。 double solid dashed dotted ridge groove inset outset まずsolidの枠で囲んでみたいと思います。 枠の、種類 太さ 色 ||||<#FFFFFF'style='border:solid 20px red;color:Aqua;font-size:5pt'``[[attached(１,left)]]|| 上の指定のborder:solid 5px red のborder:の後の部分は、枠の種類（上記）、太さ（ピクセルで指定）、色を指定している訳です。 文字も入れてみましょう。 ついでに、枠の太さを１０ｐｘに変えてみます。 枠の、種類 太さ 色；文字の色 ||||<#FFFFFF'style='width:180px;border:solid 10px red;color:blue;font-size:10pt'``[[attached(１,left)]]画像に枠をはめてみました|| 背景色も変えてみましょう。枠を２０ｐｘと云うメチャクチャ太めにしてみます。後で枠の種類を変えた際に、違いを判りやすくするためです。 最初に１６進法で色を指定 ||||<#FFFF00'style='width:180px;border:solid 20px red;color:blue;font-size:10pt'``[[attached(１,left)]]画像に枠をはめてみました|| 変わりました。最初の#FFFF00が背景色（全体の色）を指定しています。この指定方法については、 をご覧下さい。 他の枠でも作ってみましょう。元の記事では、様々に色や枠の太さを変えていますが、比較を容易にするため、ここでは、同じ太さ（＝２０ｐｘ）、同じ色で行います。 ここまでは、枠の形状自体が違います。以下は、枠の影の付き方が違うのですが…何の意味があるのか、よほど太くしないと、差は判らないかも知れません。そこで、枠の太さを３０ＰＸにまで太くしてみます。 色々、色なんかも変えて、自分でテストしてみてください。すると、使い途が出て来るのかも…。 ☆★☆★☆ この記事の、書き方のうち [[attached(１,left)]] の部分は、wiki文法が動作しない様に、数字を全角に替えて書いています。ですので、コピペして使わずに、そのままキーボードで入力するか、コピペした場合は数字の部分を半角に変えてください。 ☆★☆★☆ もっとも、ヤフー・ブログがサポート対象としているのは、http://help.yahoo.co.jp/help/jp/blog/blog-47.html に記載されているものが全てであり、上の書き方はサポート対象外になります。 それ故に、ケータイからwebブラウザを使わずに、こうした記事を閲覧した場合、 で書いた様な問題が発生します。しかし、同じ記事で、その問題点を回避する方法も示していますので、参考にしてください。
|
||||||||||||||||||||||||||||||||
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
コメント（0）
