* KAORのブログ講座 *

画像に影をつける方法(wiki文法)

画像に影をつける方法

そのまま載せた画像は味気ない！
そんな方のために画像に影をつける方法を紹介します。

使用例

※元は普通のフリー画像です
※Firefox等のブラウザだと見れない可能性があります

基本文法

通常は
||<#FFFFFF'style='filter:Blur(strength=8,direction=135)' ``[[attached(●)]]||
※使用例と同じ感じになります

応用したい方は
||<#FFFFFF'style='filter:Blur(strength=■,direction=▲)' ``[[attached(●)]]||

●・・・画像番号(半角数字)　※画像をアップロードした順番
■・・・影の強さ(半角数字)　※通常は6〜10程度。0にすると影がなくなります。
▲・・・影の角度(半角数字)

影の角度一覧
上右・・・45
右下・・・135
上左・・・315
左下・・・225

基本文法の書き換え方
基本文法中の ● を 画像番号 に書き換える。
基本文法中の ■ を 目的の影の強さの数字 に書き換える。
基本文法中の ▲ を 目的の影の角度の数字 に書き換える。

書き換え方の例

||<#FFFFFF'style='filter:Blur(strength=12,direction=135)' ``[[attached(３)]]||
※実際に使う際、数字は半角にします

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://www.tokyovalley.com/yahoo_blog/article/article.php
http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=selbycojp&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://x7.byoubu.com/bin/ll?104308409

簡単な表を作る方法

簡単な表を作る方法

wiki文法を使って簡単な表を作る方法を紹介します。
工夫次第でブログを見やすくまとめることができます。

使用例
時間割表

	月	火	水	木	金
1時間目	F	L	X	M	A
2時間目	Q	Z	M	W	P
3時間目	K	G	F	S	C

ブログ記事一覧表

文字(wiki文法)

画像(wiki文法)

レイアウト(wiki文法)

などなど.....

基本文法

||ここに文字||　※これが表の1マス分です。これを複数繋げることで表となります。

書き換え方の例

横に繋げる場合
||KAORのブログ講座||KAORのブログ講座||

縦に繋げる場合
||KAORのブログ講座||
||KAORのブログ講座||

このようにURLを組み込むことも可能です。
||[http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw/ KAORのブログ講座]||

注意

||ここに文字|| と ||ここに文字||
を繋げる場合は、必ず
||ここに文字||ここに文字||
とすること。

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://www.tokyovalley.com/yahoo_blog/article/article.php
http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=k_k_nets&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://x7.byoubu.com/bin/ll?104308406

画像の表示位置を変える方法(wiki文法)

画像の表示位置を変える方法

「画像添付」で載せた画像、通常は記事の一番上に表示されます。
それを、wiki文法を使って好きな位置に載せる方法を紹介します。

使用例
このように好きな場所に画像を載せることができます。

基本文法

[[attached(●)]]　※この基本文法を画像を載せたい位置に書き込む

●・・・画像番号(半角数字)　※画像をアップロードした順番

基本文法の書き換え方
基本文法中の ● を 画像番号 に書き換える。

書き換え方の例

[[attached(３)]]　※実際に使う際、数字は半角にします

応用編

このwiki文法を応用し、更に記事中央に表示したり右端に表示することができます。

使用例

基本文法

[[attached(●,■)]]　※この基本文法を画像を載せたい位置に書き込む

●・・・画像をアップロードした順番(半角数字)
■・・・画像の位置情報(半角英字)

基本文法の書き換え方
基本文法中の ● を アップロードした順番の番号(上から順に1〜) に書き換える
基本文法中の ■ を 位置情報に書き換える

位置情報一覧
左・・・left
中央・・・center
右・・・right

書き換え方の例

[[attached(３,center)]]　※実際に使う際、数字は半角にします

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=precious_auction_store&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://www.tokyovalley.com/yahoo_blog/article/article.php
http://x7.byoubu.com/bin/ll?104308408

文字の位置を変える方法(wiki文法)

文字の位置を変える方法

wiki文法を使って文字の位置を変える方法を紹介します。

使用例

KAORのブログ講座

KAORのブログ講座

KAORのブログ講座

基本文法

ここに文字

●・・・文字位置情報(半角英字)

基本文法の書き換え方
基本文法中の ● を 表示したい位置情報 に書き換える。

位置情報一覧
左・・・left
中央・・・center
右・・・right

書き換え方の例

||<#FFFFFF'style='width:560px;text-align:center'``KAORのブログ講座||

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=selbycojp&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://www.tokyovalley.com/yahoo_blog/article/article.php
http://x7.byoubu.com/bin/ll?104308407

文字の色を変える方法(wiki文法)

文字の色を変える方法

wiki文法を使って文字の色を変える方法を紹介します。

使用例

KAORのブログ講座

KAORのブログ講座

KAORのブログ講座

基本文法

ここに文字

●●●●●●・・・カラーコード6桁(半角英数字)
カラーコード一覧

基本文法の書き換え方
基本文法中の ●●●●●● を 表示したい色のカラーコード6桁 に書き換える。

(カラーコードの例)
赤・・・dd0000
青・・・0000dd
黄・・・dddd00
その他のカラーコードはこちら→カラーコード一覧

書き換え方の例

||<#FFFFFF'style='color:#dd0000'``KAORのブログ講座||

---

ブログ名　* KAORのブログ講座 *
URL　http://blogs.yahoo.co.jp/gpiegsdvuxjcvweguw

---

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=k_k_nets&di=0&od=0&ti=&pt=2&dotyid=aucy%2Fp%2FoY.q42SxJKnKBiiAft0P8hSx.mwc_lQ-&sid=2219441&pid=878398084
http://www.tokyovalley.com/yahoo_blog/article/article.php
http://x7.byoubu.com/bin/ll?104308405