![[11]](https://s.yimg.jp/i/jp/blog/p3/images/paging_for2.gif){kind=small}
★『Wiki文法使用』にチェックを入れて下さいね
||<#ffffff' style=font-size:30px;font-family:Georgia;font-weight:bold;color:#ffffff;padding:15px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#000000,endcolorstr=#ff0000,gradienttype=0);``炎のバリスタ||
||<#ffffff' style=font-size:30px;font-family:Georgia;font-weight:bold;color:#000000;padding:15px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#00cc00,endcolorstr=#00ffff,gradienttype=1);``炎のバリスタ||
||<#ffffff' style=border-style:solid;border-color:#000000;border-width:3px;font-size:30px;font-family:Georgia;font-weight:bold;color:#ffffff;padding:15px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ff00cc,endcolorstr=#0066ff,gradienttype=0);``炎のバリスタ||
||<#ffffff' style=border-style:solid;border-color:#000000;border-width:3px;font-size:30px;font-family:Georgia;font-weight:bold;color:#990099;padding:15px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ff0033,endcolorstr=#ffff99,gradienttype=1);``炎のバリスタ|| ★説明★ ・【Ｗｉｋｉ文法使用】にチェックを入れてください。 ・コピペして使用する場合は、文字列の折り返し部分に『改行』が入ってますので、 その部分は詰めてくださいね。 例えば、１番上のタグで説明すると、 『padding』と『:15px』の間、『endcolorstr=#ff0』と『000』の間に改行があるので注意！ ・赤文字の部分を自由に変更できます
転載は自由ですが、コメント＆ポチよろしくね (o^∇^o)ﾉ |
wiki文法
[ リスト | 詳細 ]
転載元: 
コメント（0）
   ―――――――――――――――――――――――――――――――――――――――――――――― �，離宗璽� ||<#ffffff' style='width:560px;font-family:麗流隷書;font-size:25pt;font-weight:bold;color:#b888c4;text-align:center;filter:wave(add=true)glow(color=#002BAA,strength=7);background=clear;word-spacing:560px;line-height:1.0;' ``ココに文字ね♡|| ―――――――――――――――――――――――――――――――――――――――――――――― �△離宗璽� ||<#ffffff' style='width:560px;font-family:HGP創英角ﾎﾟｯﾌﾟ体;font-size:25pt;color:#FF95E4;text-align:center;filter:wave(add=true)shadow(color=#FF00BF,direction=135,strength=10);background=clear;word-spacing:560px;line-height:1.0;' ``ココに文字ね♡|| ―――――――――――――――――――――――――――――――――――――――――――――― ��のソース ||<#ffffff' style='width:560px;font-family:HG創英角ﾎﾟｯﾌﾟ体;font:25pt;color:#0088ff;text-align:center;filter:wave(add=true);background=clear;;word-spacing:560px;line-height:1.0;' ``ココに文字ね♡|| ―――――――――――――――――――――――――――――――――――――――――――――― |
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
この中に表示されているのがそのテーブルで使用したソースになってます。 基本編２行５列の表を作ってみます。
||１−１||１−２||１−３||１−４||１−５|| ||２−１||２−２||２−３||２−４||２−５|| 「|文字列|」で１つのセルを表し行の最初と最後の「|」で行を指定します
セルのセンタリングテーブルを組むと列の最大文字幅にセルの幅が固定されますセンタリングしたい場合はそのセルの頭に「||」を追加します。 センタリングしたい場合列すべてをセンタリングする必要があります。 そうしないと次に説明する結合が優先されるため。
||１２３４５||６７８９０|| ||||１２３||６７８|| 左下がセンタリングをしたセル。センタリングしないと文字は左寄せで表示されます。
セルの結合基本形のテーブルの場合、横方向(行方向)の結合のみ使えます。但し、半角記号は１０個までしか連続で使えないため５列までしか結合できません
結合するセルの右端に文字を書く。
結合されたセルは「||」で表しスペースを空けない 最初のイメージとしてはこんな感じです。
||１−１||１−２||１−３||１−４|| || ||２−１||２−３||２−４|| ||３−１|| ||３−３||３−４|| ||４−１||４−２|| ||４−４|| || || || ||５−４||空いてるセルの空白を削除します(完成形) ||１−１||１−２||１−３||１−４|| ||||２−２||２−３||２−４|| ||３−１||||３−３||３−４|| ||４−１||４−２||||４−４|| ||||||||５−４|| 結合されたセルはセンタリングされてしまいます。
|
||||||||||||||||||||||||||||||||||||
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
この中に表示されているのがそのテーブルで使用したソースになってます。 各行の１つのセルのみ色を変える
||１−１||１−２||１−３||１−４||<#FFFF99' ``１−５|| ||２−１||２−２||２−３||<#FFFF99' ``２−４||２−５|| １つのセルのみ背景を変える場合は基本のままで大丈夫です。
各行の複数のセルのみ色を変える
||１−１||<#FFFF99' ``１−２||１−３||１−４||<#FFFF99' ``１−５|| ||<#FFFF99' ``２−１||<#FFFF99' ``２−２||<#FFFF99' ``２−３||<#FFFF99' ``２−４||<#FFFF99' ``２−５|| １行に２箇所以上セルの色を変えようとすると文字列の前に「`」が表示されちゃいます。
これを解決するには*行の区切り(改行)に「||||」を使う *記述するとき１行を１つのセルのみ記述する *最後の「||」は記述しない これでとりあえず解決できます。 やってみます。
|||| ||１−１ ||<#FFFF99' ``１−２ ||１−３ ||１−４ ||<#FFFF99' ``１−５ |||| ||<#FFFF99' ``２−１ ||<#FFFF99' ``２−２ ||<#FFFF99' ``２−３ ||<#FFFF99' ``２−４ ||<#FFFF99' ``２−５ |||| この場合、背景色を指定していないセルの背景は無色(白)になります。
まだ、改行のところに薄い水色っぽい線が残るのが気になります。これを消すには「||」の間に「<#ffffff' 」を入れて背景を白くします
||<#ffffff' ``|| ||１−１ ||<#FFFF99' ``１−２ ||１−３ ||１−４ ||<#FFFF99' ``１−５ ||<#ffffff' ``|| ||<#FFFF99' ``２−１ ||<#FFFF99' ``２−２ ||<#FFFF99' ``２−３ ||<#FFFF99' ``２−４ ||<#FFFF99' ``２−５ ||<#ffffff' ``|| ちなみに最後の改行の命令は省略することが可能です。 また、テーブルの改行命令を使用した場合背景色を指定しないと白くなるので 背景をすべて白にしたい場合は背景色の指定はいりません。
||<#ffffff' ``|| ||１−１ ||１−２ ||１−３ ||<#ffffff' ``|| ||２−１ ||２−２ ||２−３ これは今、説明書いてて気づきました(笑)
|
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
|
今日はテーブルの記事を書く余裕がないので、これでお茶を濁そう(笑) ||<#0000FF' colspan=4 style=width:600px;height:3px;``` `|| ||<#000000' rowspan=9 style=padding:0px;text-align:center;``[[embed(フラッシュ用URL,0,115,330)]] ||<#90EE90' colspan=3 style=padding:0px;background-image:url(背景のドラのURL);color=BLUE;font-size=200%;text-align:center;width:530px;height:40px;font-weight:bold``ちゃ〜さんのひとりごとへようこそ♪[[img(リンクを貼られないためのURL)]] ||<#0000FF' colspan=3 style=width:600px;height:3px;padding:0px;``` `|| ||<#0000CD' colspan=3 style=padding:1px;text-align:center;color=WHITE;font-weight:bold;``ゆっくりしていってくださいねー。なんかコメントぷり〜ず ||<#0000FF' colspan=3 style=width:600px;height:3px;padding:0px;``` `|| ||<#FFFFFF' style=padding:0px;width:150px;text-align:center;``[[embed(さすらいペット)]] ||<#FFFFFF' style=padding:0px;width:150px;text-align:center;``[[embed(ズル犬２号)]] ||<#FFFFFF' style=padding:0px;width:150px;text-align:center;``[[embed(じゃす)]] ||<#0000FF' colspan=3 style=width:600px;height:3px;padding:0px;``` `|| ||<#66CCFF' style=padding:3px;text-align:center;width:150px;``[http://homepage3.nifty.com/waytowin/ WAY TO WIN] ||<#33FF99' colspan=2 style=padding:2px;color=#000000;width:400px;``山本昌選手のＨＰ キャンプ日誌掲載中 ||<#0000FF' colspan=3 style=width:600px;` `|| ||<#66CCFF' style=padding:2px;text-align:center;width:150px;``[http://www.fukudome1.com/ FUKUDOME1.COM] ||<#33FF99' colspan=2 style=padding:2px;color=#000000;width:400px;``福留孝介選手のＨＰ 不定期に日記がＵＰされます ||<#0000FF' colspan=4 style=width:600px;height:3px;``` `|| [[embed(さすらいペットのカウンタ用)]] えーっと、メニュー用のフラッシュは別のサーバーから引っ張ってきてます。
ただ改行してるとつまらないので色付のラインに変更。 幅の指定をいろいろしてますが、560を超えた分は無視されるので数値いじってないです。 http://f010.sasurai.com/f010/file/counter.php?uid=charge72&ncut=http://f010.sasurai.com/f010&tseconds=1
|
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
