模板:外链图片:修订间差异
跳转到导航
跳转到搜索
(实装居中功能) |
无编辑摘要 |
||
(未显示3个用户的11个中间版本) | |||
第1行: | 第1行: | ||
{{#switch: {{{位置|}}} | <includeonly>{{#if: {{{文字|}}}| | ||
|右=<img src="{{{地址}}}" width="{{{宽度}}}px" style="float:right"/> | {{{!}}{{#switch: {{{位置}}} | ||
|中=<div style="padding:0px 0px; border: thin solid #FFFFFF; margin:0 auto;"><table style="height:100%; width:100%; text-align:center;"><tr><td><img src="{{{地址}}}" width="{{{宽度}}}px"/></td></tr></table></div> | |左=style="float:left;max-width:{{{宽度}}}px" | ||
|#default=<img src="{{{地址}}}" width="{{{宽度}}}px" style="position:relative;left:{{{位置}}}%"/> | |中=style="margin:0 auto;max-width:{{{宽度}}}px" | ||
}} | |右=style="float:right;max-width:{{{宽度}}}px" | ||
|#default=style="position:relative;left:{{{位置}}}%;max-width:{{{宽度}}}px"}} | |||
<noinclude> | {{!}} style="background:#FAFAFA; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; padding: 2px"{{!}}<img src="{{{地址}}}" width="{{{宽度}}}px" referrerPolicy="no-referrer"/><br> | ||
<span style="font-size:90%">{{{文字}}}</span> | |||
{{!}}} | |||
|{{#switch: {{{位置|}}} | |||
|右=<img src="{{{地址}}}" width="{{{宽度}}}px" style="float:right;" referrerPolicy="no-referrer"/> | |||
|中=<div style="padding:0px 0px; border: thin solid #FFFFFF; margin:0 auto;"><table style="height:100%; width:100%; text-align:center;"><tr><td><img src="{{{地址}}}" width="{{{宽度}}}px" referrerPolicy="no-referrer"/></td></tr></table></div> | |||
|左=<img src="{{{地址}}}" width="{{{宽度}}}px" style="float:left" referrerPolicy="no-referrer"/> | |||
|#default=<img src="{{{地址}}}" width="{{{宽度}}}px" style="position:relative;left:{{{位置}}}%" referrerPolicy="no-referrer"/> | |||
}}}}</includeonly><noinclude> | |||
本模板用来放置外链图片 | 本模板用来放置外链图片 | ||
==使用方法== | ==使用方法== | ||
<nowiki>{{外链图片|地址=|宽度=|位置=}}</nowiki> | <nowiki>{{外链图片|地址=|宽度=|位置=|文字=}}</nowiki> | ||
【地址】填入图片地址 | *【地址】填入图片地址 | ||
【宽度】填入需要显示图片的宽度(像素) | *【宽度】填入需要显示图片的宽度(像素) | ||
【位置】填入图片的对齐方式或是精确位置——“右”为靠右,“中”为居中,填入数字0~ | *【位置】填入图片的对齐方式或是精确位置——“右”为靠右,“中”为居中,填入数字0~100为从左至右浮动(负数或超过100会使图片超出界面),位置留空默认使图片根据文字的位置排版(见最下方的范例),填入“左”会使图片强制靠左(忽视文字排版)。 | ||
*【文字】将图片及图片下方空处插入表格,用于对图片进行文字说明。如果不添加文字这一项,图片就不会被插入表格。 | |||
==范例== | ==范例== | ||
{{隐藏|标题=宽度50,位置右|内容=<pre>{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=右}}</pre>}} | {{隐藏|标题=宽度50,位置右|内容=<pre>{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=右|文字=}}</pre>}} | ||
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=右}} | {{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=右|文字=}} | ||
{{隐藏|标题=宽度50,位置80|内容=<pre>{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=80}}</pre>}} | {{隐藏|标题=宽度50,位置80|内容=<pre>{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=80|文字=}}</pre>}} | ||
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=80}} | {{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=80|文字=}} | ||
{{隐藏|标题=宽度200,位置50|内容=<pre>{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=200|位置=50}}</pre>}} | {{隐藏|标题=宽度200,位置50|内容=<pre>{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=200|位置=50}}</pre>}} | ||
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=200|位置=50}} | {{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=200|位置=50}} | ||
{{隐藏|标题=宽度200,位置中|内容=<pre>{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=200|位置=中}}</pre>}} | {{隐藏|标题=宽度200,位置中|内容=<pre>{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=200|位置=中}}</pre>}} | ||
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=200|位置=中}} | {{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=200|位置=中}} | ||
{{隐藏|标题= | {{隐藏|标题=宽度100,位置左(图片强制靠左)|内容=<pre>左侧文字{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=左}}右侧文字</pre>}} | ||
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=}} | 左侧文字{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=左}}右侧文字<br><br><br><br><br> | ||
{{隐藏|标题=宽度100,位置留空(图片跟随文字排版)|内容=<pre>左侧文字{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=}}中间文字{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=}}右侧文字</pre>}} | |||
左侧文字{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=}}中间文字{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=}}右侧文字 | |||
{{隐藏|标题=两端并列|内容=<pre>{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=左}}{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=右}}</pre>}} | |||
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=左}}{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=右}} | |||
<br><br>{{隐藏|标题=添加文字说明,位置中|内容=<pre>{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=中|文字=233333}}</pre>}} | |||
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=中|文字=233333}} | |||
{{隐藏|标题=添加文字说明,位置右|内容=<pre>{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=右|文字=一只宽100像素并居右的滑稽}}</pre>}} | |||
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=右|文字=一只宽100像素并居右的滑稽}} | |||
==带放大功能的== | |||
{{大外链图片|地址=http://ww2.sinaimg.cn/mw690/006qlhMLgw1facae0vurkj30jg2p24qp.jpg|大图地址=http://ww2.sinaimg.cn/large/006qlhMLgw1facae0vurkj30jg2p24qp.jpg|宽度=240px}} | |||
<nowiki>{{大外链图片|地址=http://ww2.sinaimg.cn/mw690/006qlhMLgw1facae0vurkj30jg2p24qp.jpg|大图地址=http://ww2.sinaimg.cn/large/006qlhMLgw1facae0vurkj30jg2p24qp.jpg|宽度=240px}}</nowiki> |
2022年12月9日 (五) 18:19的最新版本
本模板用来放置外链图片
使用方法[编辑源代码]
{{外链图片|地址=|宽度=|位置=|文字=}}
- 【地址】填入图片地址
- 【宽度】填入需要显示图片的宽度(像素)
- 【位置】填入图片的对齐方式或是精确位置——“右”为靠右,“中”为居中,填入数字0~100为从左至右浮动(负数或超过100会使图片超出界面),位置留空默认使图片根据文字的位置排版(见最下方的范例),填入“左”会使图片强制靠左(忽视文字排版)。
- 【文字】将图片及图片下方空处插入表格,用于对图片进行文字说明。如果不添加文字这一项,图片就不会被插入表格。
范例[编辑源代码]
宽度50,位置右 |
---|
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=右|文字=}} |
宽度50,位置80 |
---|
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=80|文字=}} |
宽度200,位置50 |
---|
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=200|位置=50}} |
宽度200,位置中 |
---|
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=200|位置=中}} |
宽度100,位置左(图片强制靠左) |
---|
左侧文字{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=左}}右侧文字 |
左侧文字右侧文字
宽度100,位置留空(图片跟随文字排版) |
---|
左侧文字{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=}}中间文字{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=}}右侧文字 |
左侧文字中间文字右侧文字
两端并列 |
---|
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=左}}{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=50|位置=右}} |
添加文字说明,位置中 |
---|
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=中|文字=233333}} |
233333 |
添加文字说明,位置右 |
---|
{{外链图片|地址=http://tb2.bdstatic.com/tb/editor/images/face/i_f25.png|宽度=100|位置=右|文字=一只宽100像素并居右的滑稽}} |
一只宽100像素并居右的滑稽 |
带放大功能的[编辑源代码]
{{大外链图片|地址=http://ww2.sinaimg.cn/mw690/006qlhMLgw1facae0vurkj30jg2p24qp.jpg|大图地址=http://ww2.sinaimg.cn/large/006qlhMLgw1facae0vurkj30jg2p24qp.jpg|宽度=240px}}