×
创建新页面
在此填写您的页面标题:
我们当前在FBC镜像站上拥有288个页面。请在上方输入您的页面名称或点击以下任意标题来开始编写页面!



FBC镜像站
288个页面
分类:

模板:Blurimage:修订间差异

ZiluoUwU
ZiluoUwU留言 | 贡献 (撤销ZiluoUwU讨论)的修订版本2756
 
第1行: 第1行:
{{CSS|模板:Blurimage/styles.css}}
<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的最新版本

Lvl10.jpg
这个小玩意比原来的那个图像块漂亮多了。为什么不用用呢?
Lvl10.jpg

这是一个更棒的图片嵌入模板,为何不来试试呢。(你只需要填入file(即图片文件名)以及caption(下方文字)即可)【file 支持 http(s):// 开头的图床链接,如 https://cdn.jsdelivr.net/gh/...,将自动以图片方式显示,宽度受 imgwidth 控制(注意:链接需以图片扩展名结尾且不带 query 参数)】(可选的参数:width宽度,align浮动方向(即靠左还是靠右),hovertext鼠标悬停在这个模板上时显示的文字,font-size图片下方说明文字的字体大小,alt图片的描述文本,imgwidth,图片宽度,图片高度是自动调整)(不常用的参数:top模糊背景的水平偏移,bg-align模糊背景的水平对齐方向)

模板参数[编辑模板数据]

参数描述类型状态
widthwidth

无描述

未知可选
alignalign

无描述

未知可选
filefile

无描述

未知可选
hovertexthovertext

无描述

未知可选
altalt

无描述

未知可选
font-sizefont-size

无描述

未知可选
captioncaption

无描述

未知可选
toptop

无描述

未知可选
bg-alignbg-align

无描述

未知可选
imgwidthimgwidth

无描述

未知可选