「テンプレート:Image」の版間の差分
| 29行目: | 29行目: | ||
-->"><!-- | -->"><!-- | ||
--><div style="<!-- | --><div style="<!-- | ||
| − | -->width:{{#expr:{{{width|0}}}+{{{wd|0}}}-{{{right|0}}}-{{{left|0}}}}}px;<!-- | + | -->width:{{#expr:{{{width|0}}}+{{{wd|0}}}-{{{rt|{{{right|0}}}}}}-{{{lt|{{{left|0}}}}}}}}px;<!-- |
-->height:{{#expr: | -->height:{{#expr: | ||
{{{height|0}}} | {{{height|0}}} | ||
| 72行目: | 72行目: | ||
-->position:absolute;<!-- | -->position:absolute;<!-- | ||
-->top:{{#expr:0-{{{y|0}}}-{{{上|0}}}}}px;<!-- | -->top:{{#expr:0-{{{y|0}}}-{{{上|0}}}}}px;<!-- | ||
| − | -->left:{{#expr:0-{{{x|0}}}-{{{left|0}}}}}px;<!-- | + | -->left:{{#expr:0-{{{x|0}}}-{{{lt|{{{left|0}}}}}}}}px;<!-- |
-->max-width:{{{resize|{{{wd|1000}}}}}}px !important;<!-- | -->max-width:{{{resize|{{{wd|1000}}}}}}px !important;<!-- | ||
-->" src="{{#switch:{{{type|null}}} | -->" src="{{#switch:{{{type|null}}} | ||
2017年12月27日 (水) 15:40時点における版
テンプレートの解説Bleeding line
相关应用
protype
<div style="position:relative;display:inline-block;">
<div style="position:absolute;top:0;left0;max-width:1000px !important;width:260px;height:430px;overflow:hidden;">
<img src="{{filepath:画像の名前.png}}" width="480px" style="position:absolute;left:-130px;top:-130px;"/>
</div>
</div>
Attributes 説明
- fullname(short):description
- display(dis)：this attribute decided element's display type,the default value is block。CSS display 属性
- type：The default value is null.The valid parameter could be tall,wide,box,outer,div.Tall image use 'tall',wide image use 'wide',and there will be a scrollbar.'box' just as framed box that could be a description area,use text(txt) to write sth.'div' that makes pic attribute no limit.
- phase(p)：the default value is null,the valid parameter could bediv。(But I just forget what can it do)
- text(txt)：description.the default value is 'description'.If the type is box、outer、tall、wide,there will be a border:1px solid #ccc.
- p-ht：Tips：Do not use this with outer-y.
- link-text：Add a link-text to description area，outer link is not OK。
- link：outer link is not OK。
- pic：The default value is null.If want to use outer picture,use 'outer' type。
- Tips：These Attributes ues 'px',just be a number,percent is not surported.
- wd：Decided width,the default value is 0.Element width,picture wide.
- ht：Decided height,the default value is 0.Element height.
- k：Decided aspect ratio,the default value is 0,only if ht=0,ht=wt*k.
- width：Decided bleeding line,the default value is 0，Sprites mode.
- height：Decided bleeding line,the default value is 0，Sprites mode.
- x：Decide Bleeding line horizontal offset，the default value is 0，Sprites mode.
- y：Decide Bleeding line vertical offset，the default value is 0，Sprites mode.
- radius：border-radius,the default value is 0.
- resize：resize a picture,it will overwirte partial wd&width.Sprites mode.
- If you want a srcollbar that must be a resize attribute.IMPORTANT
- left(lt)：Cut off from left,the default value is 0。
- up：Cut off from top,the default value is 0。
- left(lt)：Cut off from right,the default value is 0。
- down(dn)：Cut off from bottom,the default value is 0。
- out-x：Decide element horizontal offset，the default value is 0。
- out-y：Decide element vertical offset，the default value is 0。
Tips
- If you don't kown a picture's size,you can ues resize to set it's size.That makes wd and width equls resize,just ues x&y to offset the picture.
- just like：……|resize=100|wd=100|ht=100|x={{#expr:100*0}}|y={{#expr:120*3}}……
例
{{image|display=inline-block|pic=Wynn_the_Wind_Charmer.jpg|wd=250|ht=250|type=box|p-ht=25|text=風霊使いウィン|link-text=風霊使い ウィン}}
{{image|display=inline-block|pic=Wynn_the_Wind_Charmer.jpg|wd=250|ht=250|x=20|y=-100|out-ht=20}}
{{image|display=inline-block|pic=Wynn_the_Wind_Charmer.jpg|wd=250|ht=250|up=20|lt=30|rt=85}}
{{image|display=inline-block|pic=Wynn_the_Wind_Charmer.jpg|wd=500|ht=250|radius=30|lt=125|rt=125|up=150|down=-150}}
{{image|display=inline-block|pic=Wynn_the_Wind_Charmer.jpg|width=200|height=200|resize=250|x=80|y=80|down=30|rt=30|type=box|p-gt=-25|txt=風霊使いウィン}}
caption
caption
