ぴろぴろ☆ぴろりん日記

簡単に色付き罫線を引きたい

http://img.blogs.yahooo.co.jp/notfound.gif?1135579191

簡単な記述で色付き罫線が引けます。 初心者にも分かりやすいように心がけてます。

簡単に色付き罫線が引ける。　

ここに文章を書くことが出来ます。
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
アイウエオカキクケコサシスセソタチツテトハヒフヘホマミムメモヤユヨラリルレロワン

||<#990000' width=570' ``||
ここに文章を書くことが出来ます。
||<#009900' width=570' ``||
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵ
||<#000099' width=570' ``||
アイウエオカキクケコサシスセソタチツテトハヒフヘホマミムメモヤユヨラリルレロワン
||<#999900' width=570' ``||

||<#990099' width=570' ``||

||<#009999' width=570' ``||

||<#990000' width=570 height=5' ``||
||<#009900' width=570 height=5' ``||
||<#000099' width=570 height=5' ``||
||<#999900' width=570 height=5' ``||
||<#990099' width=570 height=5' ``||
||<#009999' width=570 height=5' ``||
||<#ff0000' width=570 height=5' ``||
||<#00ff00' width=570 height=5' ``||
||<#0000ff' width=570 height=5' ``||
||<#ffff00' width=570 height=5' ``||
||<#ff00ff' width=570 height=5' ``||
||<#00ffff' width=570 height=5' ``||
　　　↑色指定　　↑幅指定　↑太さ指定
色はカラーサンプルで選んでください

---

ここに文字を記入することも出来ます。

ここに文字を記入することも出来ます。

||<#00ffff' width=570' ``''' ここに文字を記入することも出来ます。'''||
||||<#aaffff' width=570 height=70'``''' ここに文字を記入することも出来ます。'''||

●「||||」でセンタリングです。

文字センタリングでも色付き罫線が引ける。

文字センタリングでも色付き罫線が引ける。色バックも出来る。

文字センタリングでも色付き罫線が引ける。

文字センタリングでも色付き罫線が引ける。

文字センタリングでも色付き罫線が引ける。

||<#00aaaa' width=570' ``||
||||<#ffffff' ``文字センタリングでも色付き罫線が引ける。||
||<#00cccc' width=570' ``||
||||<#ffffcc' ``文字センタリングでも色付き罫線が引ける。色バックも出来る。||
||<#00cccc' width=570' ``||
||||<#ffffcc' style='padding:0,0' ``文字センタリングでも色付き罫線が引ける。||
||<#00aaaa' width=570' ``||
||||<#ffffcc' style='padding:0,0;color:#ff0000' ``文字センタリングでも色付き罫線が引ける。||
||<#00aaaa' width=570' ``||
||||<#ffffcc' style='padding:0,0;font:bold;color:#ff0000' ``文字センタリングでも色付き罫線が引ける。||
||<#00aaaa' width=570' ``||

●センタリングの場合はこのようにします。
<#ffffcc色を指定すればバックに色も付きます。
行間詰めたい場合は　style='padding:0,0　を足します。
文字に色付けたい場合は　color:#ff0000　を足します。
太字は　font:bold　を足します。
要素と要素の間は　；　で区切ります。

カラーサンプルへ

やりたいことから検索できるWiki文法パート１へ	やりたいことから検索できるWiki文法パート２へ

(C)京都写真日記：SUZUTA

転載元: 京都写真日記：Wiki文法を使いこなそう

やりたいことから検索できるＷｉｋｉ文法・スタイルシート目的別リスト

基礎編：タイトル・引用・リンク　＞　実例を示してその記述を書いてます。コピペできます。

タイトル＆引用で改行する方法　＞　ちょとしたアイデアでこんなことも出来ます。

顔アイコン･マーク　＞　かわいいマークや絵文字が簡単に挿入できます。♥ ♥ ♥

簡単な画像の配置　＞　基本的な画像の表示方法を書いてます。

複数画像の配置　＞　画像のレイアウトのやり方を書いてます。

画像の配置と文章の回り込み　＞　簡単に画像と文字に背景色付けてレイアウト出来ます。

画像の配置：表組みを使って　＞　画像と文章を好きな所に配置できます。

表組みで配置した画像を拡大表示　＞　サムネールからオリジナルの画像サイズがポップアップします。

背景色＆拡大表示　＞　背景に色をつけてカラフルに♪

Wikiで大きい文字　＞　簡単に文字を大きくしたり色を付けたり出来ます。

背景と枠に色を付けたい　＞　枠の種類が選べて幅の調整が出来ます。額縁風の枠もあります。

文字を大きくして色を付けたい　＞　背景や文字に色が付けられます。

画像と文章をセンタリングしたい　＞　画像の上下に文字をセンタリングして表示できます。

色バックに画像を配置して白文字にしたい　＞　記述がかなり長くなりますがコピペすれば大丈夫。

行間、文字間隔を調整したい　＞　使う機会は少ないかもしれませんが何かの時に覚えておくと便利かも。

Wikiで絵文字　＞ １キロバイトの素材屋さんの絵文字の使い方を紹介します。

セルの余白を調整したい　＞　余白を調整すると文章がセンタリングできます。

スコアボード　＞　文字を出来るだけ大きくして簡単に書く方法　＞　コピペできます。

テーブルセル内で改行＆センタリングしたい　＞　任意の場所で改行＆センタリングできます。

１行の中で文字の大きさを変えたい　＞　文字を大きくしたり色付けしたり出来ます。

画像にタイトルや説明文を入れて並べたい　＞　画像の上下に文章を入れてレイアウトできます。

画像からリンクしたい　＞　画像をクリックすると他のサイトや違う画像に移動できます。

サッカーニュースを設置したい　＞　サッカーファンタジスタのサッカーニュースが簡単に設置できます。

Yahooの天気予報を設置したい　＞　Yahooの天気図がコピペで簡単に設置できます。

背景画像を指定したい　＞　背景画像の上に文章が書けます。

背景画像を原稿風にしたい　＞　背景画像を使って原稿のように見せます。

背景画像で行間調整したい　＞　行間や改行、センタリング、文字の大きさ指定できます。

背景画像の位置を指定したい　＞　背景画像を任意の位置に指定できます。

カーソルが乗ったら画像が変わるようにしたい　＞　少し難しいですがコピペすれば簡単に出来ます。

簡単テンプレート【4・3・2枚用】　＞　タイトル入りサムネール（画像拡大します）レイアウトできます。

表組みの幅をそろえて色をつけたい　＞　テーブルの幅を指定して文字センタリングが簡単に出来ます。

背景画像に画像と説明文を入れたい　＞　組み合わせたら新しいことが出来ます。画像は拡大できます。

文中にクリックしたら拡大する縮小画像を入れたい　＞　縮小画像が文章の途中に簡単に入れられます。

顔アイコンや文字から画像にリンクを貼りたい　＞　簡単に画像にリンク出来ます。　　

(C)京都写真日記

転載元: 岩手っ子日記。