| 第1行: | 第1行: | ||
<templatestyles src="模板:Blurimage/styles.css" /><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: 1rem; margin-{{{align|right}}}:0.5rem !important;"> | |||
<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: 1rem; 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);">{{Blurimage/图片|{{{file|Lvl10.jpg}}}|{{{hovertext|}}}|{{{imgwidth|300px}}}|{{{alt|}}}}}</div> | <div class="no-margin-p fit-image" style="margin:0;box-shadow: 0px 0px 10px rgba(0,0,0,0.6);">{{Blurimage/图片|{{{file|Lvl10.jpg}}}|{{{hovertext|}}}|{{{imgwidth|300px}}}|{{{alt|}}}}}</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; color: white;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="blurbehind" style="background: rgba(0,0,0,0.2);padding: 1rem 1em;position:relative; font-size: {{{font-size|90%}}}; font-weight: bold; color: white;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> | ||
2026年8月9日 (日) 10:38的最新版本
这是一个更棒的图片嵌入模板,为何不来试试呢。(你只需要填入file(即图片文件名)以及caption(下方文字)即可)【file 支持 http(s):// 开头的图床链接,如 https://cdn.jsdelivr.net/gh/...,将自动以图片方式显示,宽度受 imgwidth 控制(注意:链接需以图片扩展名结尾且不带 query 参数)】(可选的参数:width宽度,align浮动方向(即靠左还是靠右),hovertext鼠标悬停在这个模板上时显示的文字,font-size图片下方说明文字的字体大小,alt图片的描述文本,imgwidth,图片宽度,图片高度是自动调整)(不常用的参数:top模糊背景的水平偏移,bg-align模糊背景的水平对齐方向)
| 参数 | 描述 | 类型 | 状态 | |
|---|---|---|---|---|
| width | width | 无描述 | 未知 | 可选 |
| align | align | 无描述 | 未知 | 可选 |
| file | file | 无描述 | 未知 | 可选 |
| hovertext | hovertext | 无描述 | 未知 | 可选 |
| alt | alt | 无描述 | 未知 | 可选 |
| font-size | font-size | 无描述 | 未知 | 可选 |
| caption | caption | 无描述 | 未知 | 可选 |
| top | top | 无描述 | 未知 | 可选 |
| bg-align | bg-align | 无描述 | 未知 | 可选 |
| imgwidth | imgwidth | 无描述 | 未知 | 可选 |
