* KAORのブログ講座 *

色付の点線を引く方法(wiki文法)

色付きの点線を引く方法

色付きの点線を引く方法を紹介します。

使用例

※Firefox等のブラウザだと正しく表示されない可能性があります

基本文法

||<#FFFFFF' style='width:550px;border-bottom:1px dotted #●●●●●●;padding:0px'``||

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

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

(カラーコードの例)
赤・・・ff0000
青・・・0000ff
黄・・・ffff00
その他のカラーコードはこちら→カラーコード一覧

書き換え方の例

||<#ffffff' style='width:550px;border-bottom:1px dotted #FF66FF;padding:0px'``||

応用編

便箋のように使う方法です。

使用例
* KAORのブログ講座 *へようこそ
普段の日記などにも使える便箋風ラインです
コピーペーストでご利用ください♪

書き換え方の例

||<#ffffff' style='width:550px;border-bottom:1px dotted #FF66FF;padding:0px'``||
* KAORのブログ講座 *へようこそ
||<#ffffff' style='width:550px;border-bottom:1px dotted #FF66FF;padding:0px'``||
普段の日記などにも使える便箋風ラインです
||<#ffffff' style='width:550px;border-bottom:1px dotted #FF66FF;padding:0px'``||
コピーペーストでご利用ください♪
||<#ffffff' style='width:550px;border-bottom:1px dotted #FF66FF;padding:0px'``||

---

ブログ名　* 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?10430840I
http://www28.atpages.jp/yblninja/ninja.php

色付きの細線を引く方法(wiki文法)

色付きの細線を引く方法

色付きの細線を引く方法を紹介します。

使用例

※Firefox等のブラウザだと正しく表示されない可能性があります

基本文法

||<#●●●●●●' width=550' ``||

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

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

(カラーコードの例)
赤・・・ff0000
青・・・0000ff
黄・・・ffff00
その他のカラーコードはこちら→カラーコード一覧

書き換え方の例

||<#ffff00' width=550' ``||

== 応用編 ===

便箋のように使う方法です。

使用例
* KAORのブログ講座 *へようこそ
普段の日記などにも使える便箋風ラインです
コピーペーストでご利用ください♪

書き換え方の例

||<#0000ff' width=550' ``||
* KAORのブログ講座 *へようこそ
||<#0000ff' width=550' ``||
普段の日記などにも使える便箋風ラインです
||<#0000ff' width=550' ``||
コピーペーストでご利用ください♪
||<#0000ff' width=550' ``||

---

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

---

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=ichienshop55&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?10430840r

簡単な線を引く方法(wiki文法)

簡単な線を引く方法

wiki文法を使って簡単な線を引く方法を紹介します。
その方法もまた、簡単です。

使用例1
* KAORのブログ講座 *

---

※線の色はブログの背景によって変わるようです。

文法

----

注意
線と線の間に文字を入れる際は、

----
ここに文字
----

ではなく

----ここに文字
----

と打つと無駄なスペースがなくなりスマートになります。

---

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

---

http://i.yimg.jp/images/auct/blogparts/Seller300250Yellow.swf?s=2&cl=0&sl=fm_pastel&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?10430840q

簡単な表を作る方法

簡単な表を作る方法

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