日々わんこと徒然日記

Wikiタグ実験

猫の手倶楽部

猫の手倶楽部

上
||<#EF75BC' style='font-family: "HGP創英角ﾎﾟｯﾌﾟ体";font-size:20pt;font-weight:bold;color:#962700;border: dotted 12px #8E00CC; width=160px height=50px '``猫の手倶楽部||

下
||<#EF75BC' style='font-family: "HGP創英角ﾎﾟｯﾌﾟ体";font-size:20pt;font-weight:bold;color:#FFFFFF;border: dotted 8px #8E00CC; width=160px height=50px '``猫の手倶楽部||

久しぶりにWiki文法タグ作成サイトで実験してみました。

楽だわ・・・。

カラーの表組み

『ダイエット＆シェイプアップ宣言』に使っている表組みのタグです。

*文字が黒文字の場合

日付		体重増減		体脂肪率増減		筋肉率		基礎代謝		ＢＭＩ		内臓脂肪レベル		体年齢
8/23		(-)		(-)		24.0%		1276kcal		27.3		9		54
8/26		- 0.2kg		- 0.8%		24.4%		1278kcal		27.2		9		54

||<#ffffff'``||
||||<#ffffbf'width=70'``日付
||||<#ffffbf'width=70'``体重増減
||||<#ffffbf'width=70'``体脂肪率増減
||||<#ffffbf'width=70'``筋肉率
||||<#ffffbf'width=70'``基礎代謝
||||<#ffffbf'width=70'``ＢＭＩ
||||<#ffffbf'width=70'``内臓脂肪レベル
||||<#ffffbf'width=50'``体年齢
||<#ffffff'``||
||||<#ffffbf'``8/23
||||<#ffffbf'``(-)
||||<#ffffbf'``(-)
||||<#ffffbf'``24.0%
||||<#ffffbf'``1276kcal
||||<#ffffbf'``27.3
||||<#ffffbf'``9
||||<#ffffbf'``54
||<#ffffff'``||
||||<#ffffbf'``8/26
||||<#ffffbf'``- 0.2kg
||||<#ffffbf'``- 0.8%
||||<#ffffbf'``24.4%
||||<#ffffbf'``1278kcal
||||<#ffffbf'``27.2
||||<#ffffbf'``9
||||<#ffffbf'``54
||<#ffffff'``||

*文字が白抜きの場合

日付		体重増減		体脂肪率増減		筋肉率		基礎代謝		ＢＭＩ		内臓脂肪レベル		体年齢
06/8/23		(-)		(-)		24.0%		1276kcal		27.3		9		54
07/2/16		- 2.3kg		- 1.3%		24.4%		1246kcal		26.3		8		52

||<#ffffff'``||
||||<#2b60ff'style='font;color:#ffffff'width=70'``日付
||||<#2b60ff'style='font;color:#ffffff'width=70'``体重増減
||||<#2b60ff'style='font;color:#ffffff'width=70'``体脂肪率増減
||||<#2b60ff'style='font;color:#ffffff'width=70'``筋肉率
||||<#2b60ff'style='font;color:#ffffff'width=70'``基礎代謝
||||<#2b60ff'style='font;color:#ffffff'width=70'``ＢＭＩ
||||<#2b60ff'style='font;color:#ffffff'width=70'``内臓脂肪レベル
||||<#2b60ff'style='font;color:#ffffff'width=50'``体年齢
||<#ffffff'``||
||||<#2b60ff'style='font;color:#ffffff'``06/8/23
||||<#2b60ff'style='font;color:#ffffff'``(-)
||||<#2b60ff'style='font;color:#ffffff'``(-)
||||<#2b60ff'style='font;color:#ffffff'``24.0%
||||<#2b60ff'style='font;color:#ffffff'``1276kcal
||||<#2b60ff'style='font;color:#ffffff'``27.3
||||<#2b60ff'style='font;color:#ffffff'``9
||||<#2b60ff'style='font;color:#ffffff'``54
||<#ffffff'``||
||||<#2b60ff'style='font;color:#ffffff'``07/2/16
||||<#2b60ff'style='font;color:#ffffff'``- 2.3kg
||||<#2b60ff'style='font;color:#ffffff'``- 1.3%
||||<#2b60ff'style='font;color:#ffffff'``24.4%
||||<#2b60ff'style='font;color:#ffffff'``1246kcal
||||<#2b60ff'style='font;color:#ffffff'``26.3
||||<#2b60ff'style='font;color:#ffffff'``8
||||<#2b60ff'style='font;color:#ffffff'``52
||<#ffffff'``||

表の全長は５４０で計算しますが、最後尾の部分は指定よりも１５くらい長めの表示になってます。
その辺を考慮して指定をすると調整しやすいです。

継続して同じ表を使いたいときは、メモ帳などを利用して雛型を残しておきます。
表の色を変えたいときは、メモ帳の『編集』で『置き換え』で一括変更できます。

画像に縁取り、並べてみる ２

||＜#ffffff'``||
||||＜#11ffff'width=180'``[ [ attached(1) ] ]
||||＜#11ff77'width=180'``[ [ attached(2) ] ]
||||＜#11ff00'width=165'``[ [ attached(3) ] ]
||＜#ffffff'``||

*表示させるためには「＜」を半角入力する。
*タグは半角でつめて入れること。

画像を並べてみる。

可愛いアバターを作れるＨＰを見つけました。
並べて表示も挑戦しました。

||||[ [ attached(1) ] ]||||[ [ attached(2) ] ]||||[ [ attached(3) ] ]||
||||'''gif'''||||'''jpg'''||||'''png'''||

gif		jpg		png

*上のタグは表示させるためにスペースが入れてあります。
*実際に入れるときは半角でつめること。

可愛いアバターが作れるサイト
(Candybar Dollmaker3)で作りました。
英語で説明文が書かれているけど簡単ですよ。

フォントいろいろ その他

前記事で「g」の下部が切れたので高さも指定しました。

||<#FFFFFF'style='font-family:Lucida Handwriting;font-size:30pt;color:#4169e1;height:60px'``Very good||

Very good

高さを指定しない場合。

||<#FFFFFF'style='font-family:Lucida Handwriting;font-size:30pt;color:#4169e1'``Very good||

Very good

と、こうなるわけです。