查看“︁模板:Blurimage”︁的源代码

<center><div class="marginblock" style="display: inline-flex; box-shadow: 2px 2px 6px rgba(0,0,0,0.6); width:{{{width|300px}}}; overflow: hidden; z-index: 4; position:relative; float:{{{align|right}}}; padding:0; flex-direction: column; clear:{{{align|right}}};margin-{{{align|right}}}:0.5rem !important;">
<div class="no-margin-p fit-image" style="margin:0;box-shadow: 0px 0px 10px rgba(0,0,0,0.6);">[[File:{{{file|Lvl10.jpg}}}|{{{imgwidth|300px}}}|{{{hovertext|}}}|alt={{{alt|}}}|link=]]</div>
<div class="blurbehind" style="background: rgba(0,0,0,0.2);padding: 1rem 1em;position:relative; font-size: {{{font-size|90%}}}; font-weight: bold; text-shadow: 0px 0px 3px black; box-shadow: 0px 0px 10px rgba(0,0,0,0.6); z-index: 5; float:right; margin:0;">{{{caption|这个小玩意比原来的那个图像块漂亮多了。为什么不用用呢？}}}</div>
<div class="mobile-hidden cover-image" style="position: absolute; top:{{{top|0}}}; {{{bg-align|left}}}:0; z-index: -1;">[[File:{{{file|Lvl10.jpg}}}|link=]]</div>
</div></center>



<noinclude>
[[Category:模板]]

<templatedata>
{
	"params": {
		"width": {},
		"align": {},
		"file": {},
		"hovertext": {},
		"alt": {},
		"font-size": {},
		"caption": {},
		"top": {},
		"bg-align": {},
		"imgwidth": {}
	},
	"description": "这是一个更棒的图片嵌入模板，为何不来试试呢。（你只需要填入file（即图片文件名）以及caption（下方文字）即可）（可选的参数：width宽度，align浮动方向（即靠左还是靠右），hovertext鼠标悬停在这个模板上时显示的文字，font-size图片下方说明文字的字体大小,alt图片的描述文本，imgwidth,图片宽度，图片高度是自动调整）（不常用的参数：top模糊背景的水平偏移，bg-align模糊背景的水平对齐方向）"
}
</templatedata></noinclude>