筹资小组件
[[embed]]
<iframe src="//scp-wiki-cn.wdfiles.com/local—files/nav%3Aside/styleFrame.html?bhl" name="typeFrame"></iframe>
[[/embed]]
[[note]]作者：ChaosMageXChaosMageX
感谢以下人员的帮助：aismallardaismallard
感谢以下人员的投入：stormbreathstormbreath、WoedenazWoedenaz 与 CityToastCityToast[[/note]]

引言

来看，筹资小组件，满足你所有的线上乞讨需求！该组件是一个有着华美外观，超级可定制的链接，可通往托管于外部的第三方筹资网站。它附带有一个进度条，以标记出你目前为止所筹集的资金数量以及你的最终筹资目标。从简单的偶尔捐赠以及提示到全面的项目或活动，该组件旨在提供一种有视觉吸引力的方式，以将筹资网站链接至你自己的 WikiDot 页面中。

注意：使用前请先阅读

该组件的所有使用操作必须符合 SCP 维基的资助守则

在页面中使用该组件前请先仔细阅读守则，且请不要害怕询问网站职员，以确保对该组件的使用完全符合资助守则。

我最初设计这个组件时是想做个看起来跟 GoFundMe 自己的嵌入式小组件相似的东西，用于自己写代码时正在筹资的一个筹资活动。我没有使用 GoFundMe 那个含有社交媒体追踪器以及其它无用的臃肿软件的嵌入式小组件，而是决定制作我自己的 WikiDot 组件，外观受到 GoFundMe 小组件的启发，且亦具有类似的功能。这就是成果了，远远不止是一个对 GoFundMe 小组件的模仿。这个组件现在应该是通用的而且充分可定制，可以用在任何第三方筹资网站上。

空白模板

以下是在页面中创建筹资小组件所需最基本的代码。只需复制黏贴代码并提供前四个参数的值即可。

目前已筹集的资金数量 ↦
总共需筹集的资金数量 ↦
筹资人名称 ↦
该筹资网站/主页面链接 ↦
货币符号与千位分隔符 ↦
筹资活动的象征图像 ↦
捐赠表格页面链接 ↦
托管该筹资活动的网站名称 ↦
资金用途的简短描述 ↦
 [[include :scp-wiki-cn:component:fundraiser-widget
 |amt=
 |goal=
 |title=
 |main_url=
 |curr_sym=$|num_sep=,
 |image_url=无
 |donate_url=无
 |logo_text= @@@@
 |description= @@@@
 ]]

参数

参数被分为三个等级，等级 1 为必填参数，等级 2 为半可选的参数，而等级 3 则是完全可选填的参数。

1 级参数：

这些参数是组件的核心参数，定义了其用途。每个筹款活动必须拥有一个独特的值。
参数描述
amt
（数量）		目前为向目标金额进发而筹集到的金额数量，控制进度条并将出现在进度消息之中。
goal
（目标）		筹资活动的最终目标金额数量，控制进度条并将出现在进度消息之中。
若设定为负数或零，则进度条与进度消息都将消失。
title
（标题）		你的筹资活动名称，用于标题文本之中，亦可作为托管筹资活动的第三方网站主链接。
main_url
（主链接）		链接至托管该筹资活动主页面的第三方网站链接。

2 级参数：

这些参数必须引入才能使组件正常运作，但可以保留其默认值，或者也可以覆写该值。半可选只是个我对仍需引入但已在空白模板中提供了无需修改的值的参数的术语称呼，这些值在你想要或需要的时候可以修改。这也是该表格拥有默认值一列的原因。
参数默认值描述
curr_sym
（货币符号）		$在进度消息中于已筹集的金额以及目标金额前添加的货币符号。
例子有美元（$），英镑（£）以及欧元（€）。
num_sep
（数字分隔符）		,在进度消息中于已筹集的金额以及目标金额的千位与百万位后添加的分隔符。
例子有逗号（ , ）以及某些人使用的句点（ . ）。
image_url
（图像链接）		无指向能够代表筹资活动的在线图片文件链接。
该图片亦将在被点击时充当 main_url（主链接）的链接。
如果你没有或不想用图片，使用值无即可令其消失。
donate_url
（捐赠链接）		无链接至你托管在第三方网站的筹资活动捐赠页面，亦即捐赠按钮所链接到的地方。
若你没有捐赠直链，则使用值 none ，而捐赠按钮将转而链接至 main_url（主链接）。
logo_text
（标志文本）		@@@@你所使用的筹资网站名字，将显示在捐赠按钮右侧。1
如果你不想要标志，则可用值 @@@@ 来使此处留空。
description
（描述）		@@@@对你筹资活动的一段简短描述，将被放置在进度消息与捐赠按钮之间。
如果你不想要描述，则可用值@@@@来使此处留空。

3 级参数：

这些参数是真的可选，且可以完全从 [[include :scp-wiki-cn:component:fundraiser-widget]] 中省略，不会有任何副作用，在你想要给它一个独特的值时可以修改。.
参数描述
shape
（形状）		用该参数调整组件的形状与结构。
使用值 BHL 来调整小组件的形状以更好地符合黑色标记笔版式，移除了圆角并外移了阴影，且给捐赠按钮添加了悬浮滑动覆盖（如果 title_button= true 的话那么标题按钮也会如此）。
参见替代样式章节以查看更多细节与示例。
样式
（版式）		使用此参数以将组件的配色方案从默认样式修改为契合托管你筹资活动的第三方网站的样式，或者是契合黑标版式，或者是契合你在包含有本小组件的页面所使用的黑标衍生版式的样式。
参见替代样式章节以查看更多细节与示例。
title_button
（标题按钮）		使用值 true 以将本组件的标题修改为按钮的外观。
这可以与 --fr-title-bg- 及 --fr-title-border- 这两个可选样式变量相配合。这两个变量将覆盖版式，但你也可以将其覆盖。
参见替代样式章节以查看更多细节与示例。
参见你自己的样式章节以查看 --fr-title-bg- 和 --fr-title-border- 自定义样式变量的细节，而如果你懂得如何运用 CSS 的话，你也可以自己覆盖并自定义。
hide_desc
（隐藏描述）		使用值 true 以完全隐藏描述。
在创建了空白 @@@@ 描述时可以有效隐藏进度信息与捐赠按钮之间的空隙。
hide_donate
（隐藏捐赠）		使用值 true 以完全隐藏捐赠按钮与其右边的“标志”。
aux_class
（辅助类）		添加到本组件主要元素中的一个额外的辅助类，允许你更进一步地覆盖本组件的样式以及特定实例。
使用空格以添加更多的类。
这个参数实际上仅适用于知道如何运用 CSS 的人，且在你于同一页面中放入多个小组件时很有用，不过只有它们都有着与 shape（形状）和 theme（样式）参数不同的外观时才会起作用。
这些参数与可选的标题与捐赠按钮图标有关。这些可选功能受到了 Ko-Fi 捐赠按钮中嵌入的动画图标的启发。
参数描述
title_icon_show
（标题图标显示）		使用值 true 以在标题/标题按钮文本左边放上一个标志。
这个标志的外观取决于以下两个参数的值。
title_icon_anim
（标题图标动画）		应用至标志上的动画，该参数必须遵守 CSS3 的动画属性格式，并需使用已定义的 CSS3 @keyframes 规则。
使用值 icon-wiggle 3s infinite 以使用该组件的一个预定义动画，可以使标志每 3 秒轻微变大、摇动两次，然后缩回原大小。
title_icon_url
（标题图标链接）		标题/标题按钮标志的图片文件，将被缩放至约 30 x 30 像素大小。
若该参数未填或无效，你将会在标题文本的左边得到一个空格。
donate_icon_show
（捐赠图标显示）		使用值 true 以在捐赠按钮文本左边放上一个标志。
这个标志的外观取决于以下两个参数的值。
donate_icon_anim
（捐赠图标动画）		与 title_icon_anim（标题图标动画）参数相似，但将会应用至捐赠按钮中的图标上。
参加以上 title_icon_anim（标题图标动画）参数的描述以获取使用该参数的说明。
donate_icon_url
（捐赠图标链接）		捐赠按钮标志的图片文件，将被缩放至约 30 x 30 像素大小。
若该参数未填或无效，你将会在捐赠按钮文本的左边得到一个空格。

示例

以下为展示筹资小组件是如何在给定的参数值下与其默认样式共同工作的示例。注意：某些示例会在 description（描述）参数值的某些行末使用字符 \ 。这是 WikiDot 的新行符，允许你写出多行代码，而这些代码将在结果页中编译为一整行/段。当为任何参数给定一个多行的值时，这个符号是不需要的，而我仅会在某些示例中使用以使代码易于阅读与复制。

示例 1：

+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 1000
 |goal= 10000
 |title= 医疗账单
 |main_url= https://www.gofundme.com/f/医疗账单
 |curr_sym=$|num_sep=,
 |image_url= http://scp-wiki.wikidot.com/local--files/你的页面/医疗账单.png
 |donate_url= https://www.gofundme.com/f/医疗账单/donate
 |logo_text= GoFundMe
 |description= 请帮我支付我的健康保险未支付的部分。
 ]]
创建了一个完整的小组件，这个小组件与 GoFundMe 自己的嵌入式小组件相似。

[[div class="fr-image shape-fr-{$shape} {$aux_class} img-fr-http://scp-wiki.wikidot.com/local--files/component:fundraiser-widget/MedicalBills.png
"]]
[[image http://scp-wiki.wikidot.com/local--files/component:fundraiser-widget/MedicalBills.png
link="*https://www.gofundme.com/f/medical-bills
"]]

[[div_ class="fr-title shape-fr-{$shape} {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/medical-bills"]] 医疗账单
 [[/a]] [[/div]]
[[div_ class="fr-progress-cont shape-fr-{$shape} {$aux_class}"
style="display:[[#ifexpr 10000 > 0 | block | none]];"]]
[[span class="fr-prog-bar shape-fr-{$shape} {$aux_class}"
style="width: calc(1000
/ 10000
    • 100%);"]]
[[/span]]

[[span class="fr-neg-before" style="display:[[#ifexpr 1000
< 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(1000
) < 1000000000000 | none | inline]];"]] [[#expr abs(1000
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(1000
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(1000
) < 1000000000 | none | inline]];"]] [[#expr (abs(1000
) - abs(1000
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(1000
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(1000
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(1000
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(1000
) < 1000000000 | none | inline]];"]] [[#expr (abs(1000
) % 1000000000 - abs(1000
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(1000
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(1000
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(1000
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(1000
) < 1000 | none | inline]];"]] [[#expr (abs(1000
) % 1000000 - abs(1000
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(1000
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(1000
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(1000
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(1000
) < 0.000000000001 | none | inline]];"]] [[#expr abs(1000
) % 1000 - abs(1000
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(1000
) < 0.000000000001 | inline | none]];"]] [[#expr abs(1000
) ]] [[/span]] [[/span]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 10000
< 0 | inline | none]];"]]- $ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(10000
) < 1000000000000 | none | inline]];"]] [[#expr abs(10000
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(10000
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(10000
) < 1000000000 | none | inline]];"]] [[#expr (abs(10000
) - abs(10000
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(10000
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(10000
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(10000
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(10000
) < 1000000000 | none | inline]];"]] [[#expr (abs(10000
) % 1000000000 - abs(10000
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(10000
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(10000
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(10000
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(10000
) < 1000 | none | inline]];"]] [[#expr (abs(10000
) % 1000000 - abs(10000
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(10000
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(10000
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(10000
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(10000
) < 0.000000000001 | none | inline]];"]] [[#expr abs(10000
) % 1000 - abs(10000
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(10000
) < 0.000000000001 | inline | none]];"]] [[#expr abs(10000
) ]] [[/span]] [[/span]] ！ [[/span]]

请帮我支付我的健康保险未支付的部分。

[[div_ class="fr-button-cont shape-fr-{$shape} {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/medical-bills/donate" class="fr-button-donate shape-fr-{$shape} {$aux_class} donate-fr-https://www.gofundme.com/f/medical-bills/donate"]] 立即捐赠 [[/a]] [[a target="_blank" href="https://www.gofundme.com/f/medical-bills" class="fr-button-backup shape-fr-{$shape} {$aux_class} donate-fr-https://www.gofundme.com/f/medical-bills/donate"]] 立即捐赠 [[/a]] [[/div]] [[/div]][[/div]]

示例 2：

+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 2000
 |goal= 1500
 |title= 帮我买个新炉子
 |main_url= https://www.gofundme.com/f/新炉子
 |curr_sym=€|num_sep=.
 |image_url= 无
 |donate_url= https://www.gofundme.com/f/新炉子/donate
 |logo_text= @@@@
 |description= @@@@
 |hide_desc= true
 ]]
创建了一个极简化的小组件，没有图片、标志及描述，但有自定义的货币符号以及数字分隔符。

[[div class="fr-image shape-fr-{$shape} {$aux_class} img-fr-无
"]]
[[image 无
link="*https://www.gofundme.com/f/new-stove
"]]

[[div_ class="fr-title shape-fr-{$shape} {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/new-stove"]] 帮我买个新炉子
 [[/a]] [[/div]]
[[div_ class="fr-progress-cont shape-fr-{$shape} {$aux_class}"
style="display:[[#ifexpr 1500 > 0 | block | none]];"]]
[[span class="fr-prog-bar shape-fr-{$shape} {$aux_class}"
style="width: calc(2000
/ 1500
    • 100%);"]]
[[/span]]

[[span class="fr-neg-before" style="display:[[#ifexpr 2000
< 0 | inline | none]];"]]- [[/span]]€ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(2000
) < 1000000000000 | none | inline]];"]] [[#expr abs(2000
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(2000
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(2000
) < 1000000000 | none | inline]];"]] [[#expr (abs(2000
) - abs(2000
) % 1000000000) / 1000000000 ]].
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(2000
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(2000
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(2000
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(2000
) < 1000000000 | none | inline]];"]] [[#expr (abs(2000
) % 1000000000 - abs(2000
) % 1000000) / 1000000 ]].
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(2000
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(2000
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(2000
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(2000
) < 1000 | none | inline]];"]] [[#expr (abs(2000
) % 1000000 - abs(2000
) % 1000) / 1000 ]].
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(2000
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(2000
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(2000
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(2000
) < 0.000000000001 | none | inline]];"]] [[#expr abs(2000
) % 1000 - abs(2000
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(2000
) < 0.000000000001 | inline | none]];"]] [[#expr abs(2000
) ]] [[/span]] [[/span]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 1500
< 0 | inline | none]];"]]- € [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(1500
) < 1000000000000 | none | inline]];"]] [[#expr abs(1500
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(1500
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(1500
) < 1000000000 | none | inline]];"]] [[#expr (abs(1500
) - abs(1500
) % 1000000000) / 1000000000 ]].
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(1500
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(1500
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(1500
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(1500
) < 1000000000 | none | inline]];"]] [[#expr (abs(1500
) % 1000000000 - abs(1500
) % 1000000) / 1000000 ]].
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(1500
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(1500
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(1500
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(1500
) < 1000 | none | inline]];"]] [[#expr (abs(1500
) % 1000000 - abs(1500
) % 1000) / 1000 ]].
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(1500
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(1500
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(1500
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(1500
) < 0.000000000001 | none | inline]];"]] [[#expr abs(1500
) % 1000 - abs(1500
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(1500
) < 0.000000000001 | inline | none]];"]] [[#expr abs(1500
) ]] [[/span]] [[/span]] ！ [[/span]]

[[div class="fr-desc shape-fr-{$shape} {$aux_class} hide-fr-desc-true"]] [[/div]] [[div_ class="fr-button-cont shape-fr-{$shape} {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/new-stove/donate" class="fr-button-donate shape-fr-{$shape} {$aux_class} donate-fr-https://www.gofundme.com/f/new-stove/donate"]] 立即捐赠 [[/a]] [[a target="_blank" href="https://www.gofundme.com/f/new-stove" class="fr-button-backup shape-fr-{$shape} {$aux_class} donate-fr-https://www.gofundme.com/f/new-stove/donate"]] 立即捐赠 [[/a]] [[/div]] [[/div]][[/div]]

示例 3：

+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 173
 |goal= 17300
 |shape= BHL
 |title= 众筹我的艺术项目
 |main_url= https://www.gofundme.com/f/艺术项目
 |curr_sym=£|num_sep=,
 |image_url= 无
 |donate_url= https://www.gofundme.com/f/艺术项目/donate
 |logo_text= GOFUNDME
 |description= 资助一下我最新的艺术创作！ 我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。 保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。
 ]]
创建了一个没有图片，有着自定义货币单位，且有着与黑色标记笔版式相似的替代形状。[[div class="fr-widget shape-fr-BHL {$aux_class} theme-fr-{$theme} tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-BHL {$aux_class} img-fr-无"]] [[image 无 link="*https://www.gofundme.com/f/art-project"]] [[/div]] [[div_ class="fr-title shape-fr-BHL {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/art-project"]] [[span class="fr-title-text shape-fr-BHL {$aux_class}"]]众筹我的艺术项目[[/span]] [[/a]] [[/div]] [[div_ class="fr-content shape-fr-BHL {$aux_class}"]] [[div_ class="fr-progress-cont shape-fr-BHL {$aux_class}" style="display:[[#ifexpr 173000 > 0 | block | none]];"]] [[div_ class="fr-prog-bar-cont shape-fr-BHL {$aux_class}"]] [[span class="fr-prog-bar shape-fr-BHL {$aux_class}" style="width: calc(173 / 173000
    • 100%);"]]
[[/span]] [[/div]] [[div_ class="fr-prog-text shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] [[span class="fr-neg-before" style="display:[[#ifexpr 173 < 0 | inline | none]];"]]- [[/span]]£ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(173) < 1000000000000 | none | inline]];"]] [[#expr abs(173) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(173) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(173) < 1000000000 | none | inline]];"]] [[#expr (abs(173) - abs(173) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(173) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(173) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(173) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(173) < 1000000000 | none | inline]];"]] [[#expr (abs(173) % 1000000000 - abs(173) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(173) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(173) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(173) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(173) < 1000 | none | inline]];"]] [[#expr (abs(173) % 1000000 - abs(173) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(173) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(173) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(173) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(173) < 0.000000000001 | none | inline]];"]] [[#expr abs(173) % 1000 - abs(173) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(173) < 0.000000000001 | inline | none]];"]] [[#expr abs(173) ]] [[/span]] [[/span]] [[span class="fr-prog-goal shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 173000 < 0 | inline | none]];"]]- [[/span]]£ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(173000) < 1000000000000 | none | inline]];"]] [[#expr abs(173000) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(173000) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(173000) < 1000000000 | none | inline]];"]] [[#expr (abs(173000) - abs(173000) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(173000) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(173000) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(173000) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(173000) < 1000000000 | none | inline]];"]] [[#expr (abs(173000) % 1000000000 - abs(173000) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(173000) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(173000) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(173000) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(173000) < 1000 | none | inline]];"]] [[#expr (abs(173000) % 1000000 - abs(173000) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(173000) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(173000) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(173000) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(173000) < 0.000000000001 | none | inline]];"]] [[#expr abs(173000) % 1000 - abs(173000) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(173000) < 0.000000000001 | inline | none]];"]] [[#expr abs(173000) ]] [[/span]] [[/span]] ！ [[/span]] [[/div]] [[/div]] [[div class="fr-desc shape-fr-BHL {$aux_class} hide-fr-desc-{$hide_desc}"]] 资助一下我最新的艺术创作！我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。保证会很诱人且令人高兴的！请参见筹资页面中我的在线作品集以证明我的才能。 [[/div]] [[div_ class="fr-button-cont shape-fr-BHL {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/art-project/donate" class="fr-button-donate shape-fr-BHL {$aux_class} donate-fr-https://www.gofundme.com/f/art-project/donate"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[a target="_blank" href="https://www.gofundme.com/f/art-project" class="fr-button-backup shape-fr-BHL {$aux_class} donate-fr-https://www.gofundme.com/f/art-project/donate"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[span class="fr-logo shape-fr-BHL {$aux_class}"]]GOFUNDME[[/span]] [[/div]] [[/div]][[/div]]

替代样式

以下为能够契合各种知名第三方筹资网站配色方案，或者是契合黑标版式配色方案，或者是契合你在包含有本小组件的页面所使用的黑标衍生版式的配色方案的替代样式例子。

黑色标记笔版式：

将 theme（样式）设置为以下任何一个值：
  • Black-Highlighter
  • BlackHighlighter
  • BHL
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 500
 |goal= 17300
 |shape= BHL
 |theme= BHL
 |title= 众筹我的艺术项目
 |main_url= https://www.gofundme.com/f/艺术项目
 |curr_sym=£|num_sep=,
 |image_url= 无
 |donate_url= https://www.gofundme.com/f/艺术项目/donate
 |logo_text= GOFUNDME
 |description= 资助一下我最新的艺术创作！ 我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。 保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。
 ]]
结果：[[div class="fr-widget shape-fr-BHL {$aux_class} theme-fr-BHL tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-BHL {$aux_class} img-fr-无"]] [[image 无 link="*https://www.gofundme.com/f/art-project"]] [[/div]] [[div_ class="fr-title shape-fr-BHL {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/art-project"]] [[span class="fr-title-text shape-fr-BHL {$aux_class}"]]众筹我的艺术项目[[/span]] [[/a]] [[/div]] [[div_ class="fr-content shape-fr-BHL {$aux_class}"]] [[div_ class="fr-progress-cont shape-fr-BHL {$aux_class}" style="display:[[#ifexpr 173000 > 0 | block | none]];"]] [[div_ class="fr-prog-bar-cont shape-fr-BHL {$aux_class}"]] [[span class="fr-prog-bar shape-fr-BHL {$aux_class}" style="width: calc(500 / 173000
    • 100%);"]]
[[/span]] [[/div]] [[div_ class="fr-prog-text shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] [[span class="fr-neg-before" style="display:[[#ifexpr 500 < 0 | inline | none]];"]]- [[/span]]£ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(500) < 1000000000000 | none | inline]];"]] [[#expr abs(500) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(500) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(500) < 1000000000 | none | inline]];"]] [[#expr (abs(500) - abs(500) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(500) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(500) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(500) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(500) < 1000000000 | none | inline]];"]] [[#expr (abs(500) % 1000000000 - abs(500) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(500) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(500) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(500) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(500) < 1000 | none | inline]];"]] [[#expr (abs(500) % 1000000 - abs(500) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(500) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(500) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(500) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(500) < 0.000000000001 | none | inline]];"]] [[#expr abs(500) % 1000 - abs(500) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(500) < 0.000000000001 | inline | none]];"]] [[#expr abs(500) ]] [[/span]] [[/span]] [[span class="fr-prog-goal shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 173000 < 0 | inline | none]];"]]- [[/span]]£ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(173000) < 1000000000000 | none | inline]];"]] [[#expr abs(173000) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(173000) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(173000) < 1000000000 | none | inline]];"]] [[#expr (abs(173000) - abs(173000) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(173000) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(173000) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(173000) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(173000) < 1000000000 | none | inline]];"]] [[#expr (abs(173000) % 1000000000 - abs(173000) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(173000) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(173000) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(173000) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(173000) < 1000 | none | inline]];"]] [[#expr (abs(173000) % 1000000 - abs(173000) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(173000) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(173000) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(173000) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(173000) < 0.000000000001 | none | inline]];"]] [[#expr abs(173000) % 1000 - abs(173000) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(173000) < 0.000000000001 | inline | none]];"]] [[#expr abs(173000) ]] [[/span]] [[/span]] ！ [[/span]] [[/div]] [[/div]] [[div class="fr-desc shape-fr-BHL {$aux_class} hide-fr-desc-{$hide_desc}"]] 资助一下我最新的艺术创作！我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。保证会很诱人且令人高兴的！请参见筹资页面中我的在线作品集以证明我的才能。 [[/div]] [[div_ class="fr-button-cont shape-fr-BHL {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/art-project/donate" class="fr-button-donate shape-fr-BHL {$aux_class} donate-fr-https://www.gofundme.com/f/art-project/donate"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[a target="_blank" href="https://www.gofundme.com/f/art-project" class="fr-button-backup shape-fr-BHL {$aux_class} donate-fr-https://www.gofundme.com/f/art-project/donate"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[span class="fr-logo shape-fr-BHL {$aux_class}"]]GOFUNDME[[/span]] [[/div]] [[/div]][[/div]]如果你好奇设置 theme= BHL，但并不设置 shape= BHL 时会发生什么的话，这里是它的代码以及结果：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 963
 |goal= 17300
 |theme= Black-Highlighter
 |title= 众筹我的艺术项目
 |main_url= https://www.gofundme.com/f/艺术项目
 |curr_sym=£|num_sep=,
 |image_url= 无
 |donate_url= https://www.gofundme.com/f/艺术项目/donate
 |logo_text= GOFUNDME
 |description= 资助一下我最新的艺术创作！ 我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。 保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。
 ]]
结果：[[div class="fr-widget shape-fr-{$shape} {$aux_class} theme-fr-Black-Highlighter tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-{$shape} {$aux_class} img-fr-无"]] [[image 无 link="*https://www.gofundme.com/f/art-project"]] [[/div]] [[div_ class="fr-title shape-fr-{$shape} {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/art-project"]] 众筹我的艺术项目
 [[/a]] [[/div]]
[[div_ class="fr-progress-cont shape-fr-{$shape} {$aux_class}"
style="display:[[#ifexpr 173000 > 0 | block | none]];"]]
[[span class="fr-prog-bar shape-fr-{$shape} {$aux_class}"
style="width: calc(963
/ 173000
    • 100%);"]]
[[/span]]

[[span class="fr-neg-before" style="display:[[#ifexpr 963
< 0 | inline | none]];"]]- [[/span]]£ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(963
) < 1000000000000 | none | inline]];"]] [[#expr abs(963
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(963
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(963
) < 1000000000 | none | inline]];"]] [[#expr (abs(963
) - abs(963
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(963
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(963
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(963
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(963
) < 1000000000 | none | inline]];"]] [[#expr (abs(963
) % 1000000000 - abs(963
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(963
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(963
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(963
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(963
) < 1000 | none | inline]];"]] [[#expr (abs(963
) % 1000000 - abs(963
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(963
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(963
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(963
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(963
) < 0.000000000001 | none | inline]];"]] [[#expr abs(963
) % 1000 - abs(963
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(963
) < 0.000000000001 | inline | none]];"]] [[#expr abs(963
) ]] [[/span]] [[/span]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 173000
< 0 | inline | none]];"]]- £ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(173000
) < 1000000000000 | none | inline]];"]] [[#expr abs(173000
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(173000
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(173000
) < 1000000000 | none | inline]];"]] [[#expr (abs(173000
) - abs(173000
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(173000
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(173000
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(173000
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(173000
) < 1000000000 | none | inline]];"]] [[#expr (abs(173000
) % 1000000000 - abs(173000
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(173000
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(173000
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(173000
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(173000
) < 1000 | none | inline]];"]] [[#expr (abs(173000
) % 1000000 - abs(173000
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(173000
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(173000
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(173000
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(173000
) < 0.000000000001 | none | inline]];"]] [[#expr abs(173000
) % 1000 - abs(173000
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(173000
) < 0.000000000001 | inline | none]];"]] [[#expr abs(173000
) ]] [[/span]] [[/span]] ！ [[/span]]

资助一下我最新的艺术创作！我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。

[[div_ class="fr-button-cont shape-fr-{$shape} {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/art-project/donate" class="fr-button-donate shape-fr-{$shape} {$aux_class} donate-fr-https://www.gofundme.com/f/art-project/donate"]] 立即捐赠 [[/a]] [[a target="_blank" href="https://www.gofundme.com/f/art-project" class="fr-button-backup shape-fr-{$shape} {$aux_class} donate-fr-https://www.gofundme.com/f/art-project/donate"]] 立即捐赠 [[/a]] [[/div]] [[/div]][[/div]]

GoFundMe 样式：

对于 GoFundMe 来说，你的 main_url（主链接）是你的 GoFundMe 筹资主页，而你的 donate_url（捐赠链接）则是你的 main_url（主链接）的末尾处附上一个 /donate。将 theme（样式）设置为以下任何一个值：
  • GoFundMe
  • GFM
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 1730
 |goal= 17300
 |theme= GoFundMe
 |title= 众筹我的艺术项目
 |main_url= https://www.gofundme.com/f/艺术项目
 |curr_sym=£|num_sep=,
 |image_url= 无
 |donate_url= https://www.gofundme.com/f/艺术项目/donate
 |logo_text= gofundme
 |description= 资助一下我最新的艺术创作！ 我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。 保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。
 ]]
结果：[[div class="fr-widget shape-fr-{$shape} {$aux_class} theme-fr-GoFundMe tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-{$shape} {$aux_class} img-fr-无"]] [[image 无 link="*https://www.gofundme.com/f/art-project"]] [[/div]] [[div_ class="fr-title shape-fr-{$shape} {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/art-project"]] 众筹我的艺术项目
 [[/a]] [[/div]]
[[div_ class="fr-progress-cont shape-fr-{$shape} {$aux_class}"
style="display:[[#ifexpr 17300 > 0 | block | none]];"]]
[[span class="fr-prog-bar shape-fr-{$shape} {$aux_class}"
style="width: calc(1730
/ 17300
    • 100%);"]]
[[/span]]

[[span class="fr-neg-before" style="display:[[#ifexpr 1730
< 0 | inline | none]];"]]- [[/span]]£ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(1730
) < 1000000000000 | none | inline]];"]] [[#expr abs(1730
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(1730
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(1730
) < 1000000000 | none | inline]];"]] [[#expr (abs(1730
) - abs(1730
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(1730
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(1730
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(1730
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(1730
) < 1000000000 | none | inline]];"]] [[#expr (abs(1730
) % 1000000000 - abs(1730
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(1730
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(1730
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(1730
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(1730
) < 1000 | none | inline]];"]] [[#expr (abs(1730
) % 1000000 - abs(1730
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(1730
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(1730
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(1730
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(1730
) < 0.000000000001 | none | inline]];"]] [[#expr abs(1730
) % 1000 - abs(1730
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(1730
) < 0.000000000001 | inline | none]];"]] [[#expr abs(1730
) ]] [[/span]] [[/span]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 17300
< 0 | inline | none]];"]]- £ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(17300
) < 1000000000000 | none | inline]];"]] [[#expr abs(17300
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(17300
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline]];"]] [[#expr (abs(17300
) - abs(17300
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(17300
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(17300
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline]];"]] [[#expr (abs(17300
) % 1000000000 - abs(17300
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(17300
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(17300
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(17300
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(17300
) < 1000 | none | inline]];"]] [[#expr (abs(17300
) % 1000000 - abs(17300
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(17300
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(17300
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(17300
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(17300
) < 0.000000000001 | none | inline]];"]] [[#expr abs(17300
) % 1000 - abs(17300
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(17300
) < 0.000000000001 | inline | none]];"]] [[#expr abs(17300
) ]] [[/span]] [[/span]] ！ [[/span]]

资助一下我最新的艺术创作！我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。

[[div_ class="fr-button-cont shape-fr-{$shape} {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/art-project/donate" class="fr-button-donate shape-fr-{$shape} {$aux_class} donate-fr-https://www.gofundme.com/f/art-project/donate"]] 立即捐赠 [[/a]] [[a target="_blank" href="https://www.gofundme.com/f/art-project" class="fr-button-backup shape-fr-{$shape} {$aux_class} donate-fr-https://www.gofundme.com/f/art-project/donate"]] 立即捐赠 [[/a]] [[/div]] [[/div]][[/div]]然后是启用了黑标版式形状适应的情况：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 2254
 |goal= 17300
 |shape= BHL
 |theme= GFM
 |title= 众筹我的艺术项目
 |main_url= https://www.gofundme.com/f/艺术项目
 |curr_sym=£|num_sep=,
 |image_url= 无
 |donate_url= https://www.gofundme.com/f/艺术项目/donate
 |logo_text= gofundme
 |description= 资助一下我最新的艺术创作！ 我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。 保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。
 ]]
结果：[[div class="fr-widget shape-fr-BHL {$aux_class} theme-fr-GFM tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-BHL {$aux_class} img-fr-无"]] [[image 无 link="*https://www.gofundme.com/f/art-project"]] [[/div]] [[div_ class="fr-title shape-fr-BHL {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/art-project"]] [[span class="fr-title-text shape-fr-BHL {$aux_class}"]]众筹我的艺术项目[[/span]] [[/a]] [[/div]] [[div_ class="fr-content shape-fr-BHL {$aux_class}"]] [[div_ class="fr-progress-cont shape-fr-BHL {$aux_class}" style="display:[[#ifexpr 17300 > 0 | block | none]];"]] [[div_ class="fr-prog-bar-cont shape-fr-BHL {$aux_class}"]] [[span class="fr-prog-bar shape-fr-BHL {$aux_class}" style="width: calc(2254 / 17300
    • 100%);"]]
[[/span]] [[/div]] [[div_ class="fr-prog-text shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] [[span class="fr-neg-before" style="display:[[#ifexpr 2254 < 0 | inline | none]];"]]- [[/span]]£ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(2254) < 1000000000000 | none | inline]];"]] [[#expr abs(2254) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(2254) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(2254) < 1000000000 | none | inline]];"]] [[#expr (abs(2254) - abs(2254) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(2254) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(2254) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(2254) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(2254) < 1000000000 | none | inline]];"]] [[#expr (abs(2254) % 1000000000 - abs(2254) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(2254) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(2254) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(2254) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(2254) < 1000 | none | inline]];"]] [[#expr (abs(2254) % 1000000 - abs(2254) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(2254) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(2254) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(2254) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(2254) < 0.000000000001 | none | inline]];"]] [[#expr abs(2254) % 1000 - abs(2254) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(2254) < 0.000000000001 | inline | none]];"]] [[#expr abs(2254) ]] [[/span]] [[/span]] [[span class="fr-prog-goal shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 17300 < 0 | inline | none]];"]]- [[/span]]£ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(17300) < 1000000000000 | none | inline]];"]] [[#expr abs(17300) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(17300) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline]];"]] [[#expr (abs(17300) - abs(17300) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(17300) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(17300) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline]];"]] [[#expr (abs(17300) % 1000000000 - abs(17300) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(17300) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(17300) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(17300) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(17300) < 1000 | none | inline]];"]] [[#expr (abs(17300) % 1000000 - abs(17300) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(17300) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(17300) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(17300) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(17300) < 0.000000000001 | none | inline]];"]] [[#expr abs(17300) % 1000 - abs(17300) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(17300) < 0.000000000001 | inline | none]];"]] [[#expr abs(17300) ]] [[/span]] [[/span]] ！ [[/span]] [[/div]] [[/div]] [[div class="fr-desc shape-fr-BHL {$aux_class} hide-fr-desc-{$hide_desc}"]] 资助一下我最新的艺术创作！我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。保证会很诱人且令人高兴的！请参见筹资页面中我的在线作品集以证明我的才能。 [[/div]] [[div_ class="fr-button-cont shape-fr-BHL {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="https://www.gofundme.com/f/art-project/donate" class="fr-button-donate shape-fr-BHL {$aux_class} donate-fr-https://www.gofundme.com/f/art-project/donate"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[a target="_blank" href="https://www.gofundme.com/f/art-project" class="fr-button-backup shape-fr-BHL {$aux_class} donate-fr-https://www.gofundme.com/f/art-project/donate"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[span class="fr-logo shape-fr-BHL {$aux_class}"]]gofundme[[/span]] [[/div]] [[/div]][[/div]]

IndieGoGo 样式：

对于 IndieGoGo 来说，你的 main_url（主链接）是你的 IndieGoGo 项目主页，而你的 donate_url（捐赠链接）则是无，因为 IndieGoGo 没有独立的捐赠表单页，至少据我所知是这样的，他们选择将那个表单放在一个模态对话框之中。将 theme（样式）设置为以下任何一个值：
  • IndieGoGo
  • IGG
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 3000
 |goal= 17300
 |theme= IndieGoGo
 |title= 雕像艺术项目
 |main_url= https://www.indiegogo.com/projects/艺术项目/
 |curr_sym=€|num_sep=.
 |image_url= 无
 |donate_url= 无
 |logo_text= INDIEGOGO
 |description= 资助一下我最新的艺术创作！ 我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。 保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。
 ]]
结果：[[div class="fr-widget shape-fr-{$shape} {$aux_class} theme-fr-IndieGoGo tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-{$shape} {$aux_class} img-fr-无"]] [[image 无 link="*https://www.indiegogo.com/projects/art-project/"]] [[/div]] [[div_ class="fr-title shape-fr-{$shape} {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.indiegogo.com/projects/art-project/"]] 雕塑艺术项目
 [[/a]] [[/div]]
[[div_ class="fr-progress-cont shape-fr-{$shape} {$aux_class}"
style="display:[[#ifexpr 17300 > 0 | block | none]];"]]
[[span class="fr-prog-bar shape-fr-{$shape} {$aux_class}"
style="width: calc(3000
/ 17300
    • 100%);"]]
[[/span]]

[[span class="fr-neg-before" style="display:[[#ifexpr 3000
< 0 | inline | none]];"]]- [[/span]]€ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(3000
) < 1000000000000 | none | inline]];"]] [[#expr abs(3000
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(3000
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(3000
) < 1000000000 | none | inline]];"]] [[#expr (abs(3000
) - abs(3000
) % 1000000000) / 1000000000 ]].
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(3000
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(3000
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(3000
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(3000
) < 1000000000 | none | inline]];"]] [[#expr (abs(3000
) % 1000000000 - abs(3000
) % 1000000) / 1000000 ]].
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(3000
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(3000
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(3000
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(3000
) < 1000 | none | inline]];"]] [[#expr (abs(3000
) % 1000000 - abs(3000
) % 1000) / 1000 ]].
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(3000
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(3000
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(3000
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(3000
) < 0.000000000001 | none | inline]];"]] [[#expr abs(3000
) % 1000 - abs(3000
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(3000
) < 0.000000000001 | inline | none]];"]] [[#expr abs(3000
) ]] [[/span]] [[/span]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 17300
< 0 | inline | none]];"]]- € [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(17300
) < 1000000000000 | none | inline]];"]] [[#expr abs(17300
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(17300
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline]];"]] [[#expr (abs(17300
) - abs(17300
) % 1000000000) / 1000000000 ]].
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(17300
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(17300
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline]];"]] [[#expr (abs(17300
) % 1000000000 - abs(17300
) % 1000000) / 1000000 ]].
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(17300
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(17300
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(17300
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(17300
) < 1000 | none | inline]];"]] [[#expr (abs(17300
) % 1000000 - abs(17300
) % 1000) / 1000 ]].
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(17300
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(17300
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(17300
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(17300
) < 0.000000000001 | none | inline]];"]] [[#expr abs(17300
) % 1000 - abs(17300
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(17300
) < 0.000000000001 | inline | none]];"]] [[#expr abs(17300
) ]] [[/span]] [[/span]] ！ [[/span]]

资助一下我最新的艺术创作！我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。

[[div_ class="fr-button-cont shape-fr-{$shape} {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="无" class="fr-button-donate shape-fr-{$shape} {$aux_class} donate-fr-无"]] 立即捐赠 [[/a]] [[a target="_blank" href="https://www.indiegogo.com/projects/art-project/" class="fr-button-backup shape-fr-{$shape} {$aux_class} donate-fr-无"]] 立即捐赠 [[/a]] [[/div]] [[/div]][[/div]]然后是启用了黑标版式形状适应的情况：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 4840
 |goal= 17300
 |shape= BHL
 |theme= IGG
 |title= 雕塑艺术项目
 |main_url= https://www.indiegogo.com/projects/艺术项目/
 |curr_sym=€|num_sep=.
 |image_url= 无
 |donate_url= 无
 |logo_text= INDIEGOGO
 |description= 资助一下我最新的艺术创作！ 我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。 保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。
 ]]
结果：[[div class="fr-widget shape-fr-BHL {$aux_class} theme-fr-IGG tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-BHL {$aux_class} img-fr-无"]] [[image 无 link="*https://www.indiegogo.com/projects/art-project/"]] [[/div]] [[div_ class="fr-title shape-fr-BHL {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.indiegogo.com/projects/art-project/"]] [[span class="fr-title-text shape-fr-BHL {$aux_class}"]]雕塑艺术项目[[/span]] [[/a]] [[/div]] [[div_ class="fr-content shape-fr-BHL {$aux_class}"]] [[div_ class="fr-progress-cont shape-fr-BHL {$aux_class}" style="display:[[#ifexpr 17300 > 0 | block | none]];"]] [[div_ class="fr-prog-bar-cont shape-fr-BHL {$aux_class}"]] [[span class="fr-prog-bar shape-fr-BHL {$aux_class}" style="width: calc(4840 / 17300
    • 100%);"]]
[[/span]] [[/div]] [[div_ class="fr-prog-text shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] [[span class="fr-neg-before" style="display:[[#ifexpr 4840 < 0 | inline | none]];"]]- [[/span]]€ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(4840) < 1000000000000 | none | inline]];"]] [[#expr abs(4840) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(4840) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(4840) < 1000000000 | none | inline]];"]] [[#expr (abs(4840) - abs(4840) % 1000000000) / 1000000000 ]]. [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(4840) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(4840) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(4840) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(4840) < 1000000000 | none | inline]];"]] [[#expr (abs(4840) % 1000000000 - abs(4840) % 1000000) / 1000000 ]]. [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(4840) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(4840) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(4840) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(4840) < 1000 | none | inline]];"]] [[#expr (abs(4840) % 1000000 - abs(4840) % 1000) / 1000 ]]. [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(4840) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(4840) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(4840) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(4840) < 0.000000000001 | none | inline]];"]] [[#expr abs(4840) % 1000 - abs(4840) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(4840) < 0.000000000001 | inline | none]];"]] [[#expr abs(4840) ]] [[/span]] [[/span]] [[span class="fr-prog-goal shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 17300 < 0 | inline | none]];"]]- [[/span]]€ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(17300) < 1000000000000 | none | inline]];"]] [[#expr abs(17300) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(17300) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline]];"]] [[#expr (abs(17300) - abs(17300) % 1000000000) / 1000000000 ]]. [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(17300) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(17300) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline]];"]] [[#expr (abs(17300) % 1000000000 - abs(17300) % 1000000) / 1000000 ]]. [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(17300) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(17300) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(17300) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(17300) < 1000 | none | inline]];"]] [[#expr (abs(17300) % 1000000 - abs(17300) % 1000) / 1000 ]]. [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(17300) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(17300) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(17300) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(17300) < 0.000000000001 | none | inline]];"]] [[#expr abs(17300) % 1000 - abs(17300) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(17300) < 0.000000000001 | inline | none]];"]] [[#expr abs(17300) ]] [[/span]] [[/span]] ！ [[/span]] [[/div]] [[/div]] [[div class="fr-desc shape-fr-BHL {$aux_class} hide-fr-desc-{$hide_desc}"]] 资助一下我最新的艺术创作！我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。保证会很诱人且令人高兴的！请参见筹资页面中我的在线作品集以证明我的才能。 [[/div]] [[div_ class="fr-button-cont shape-fr-BHL {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="无" class="fr-button-donate shape-fr-BHL {$aux_class} donate-fr-无"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[a target="_blank" href="https://www.indiegogo.com/projects/art-project/" class="fr-button-backup shape-fr-BHL {$aux_class} donate-fr-无"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[span class="fr-logo shape-fr-BHL {$aux_class}"]]INDIEGOGO[[/span]] [[/div]] [[/div]][[/div]]

Kickstarter 样式：

对于 Kickstarter 来说，你的 main_url（主链接）是你的 Kickstarter 项目主页，而你的 donate_url（捐赠链接）则是你的 main_url（主链接）的末尾处附上一个 /pledge/new?clicked_reward=false。将 theme（样式）设置为以下任何一个值：
  • KickStarter
  • KS
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 6090
 |goal= 17300
 |theme= KickStarter
 |title= 雕塑艺术项目
 |main_url= https://www.kickstarter.com/projects/ikky/艺术项目
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url=
 https://www.kickstarter.com/projects/ikky/艺术项目/pledge/new?clicked_reward=false
 |logo_text= KICKSTARTER
 |description= 资助一下我最新的艺术创作！ 我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。 保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。
 ]]
结果：[[div class="fr-widget shape-fr-{$shape} {$aux_class} theme-fr-KickStarter tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-{$shape} {$aux_class} img-fr-无"]] [[image 无 link="*https://www.kickstarter.com/projects/ikky/art-project"]] [[/div]] [[div_ class="fr-title shape-fr-{$shape} {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project"]] 雕塑艺术项目
 [[/a]] [[/div]]
[[div_ class="fr-progress-cont shape-fr-{$shape} {$aux_class}"
style="display:[[#ifexpr 17300 > 0 | block | none]];"]]
[[span class="fr-prog-bar shape-fr-{$shape} {$aux_class}"
style="width: calc(6090
/ 17300
    • 100%);"]]
[[/span]]

[[span class="fr-neg-before" style="display:[[#ifexpr 6090
< 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(6090
) < 1000000000000 | none | inline]];"]] [[#expr abs(6090
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(6090
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(6090
) < 1000000000 | none | inline]];"]] [[#expr (abs(6090
) - abs(6090
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(6090
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(6090
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(6090
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(6090
) < 1000000000 | none | inline]];"]] [[#expr (abs(6090
) % 1000000000 - abs(6090
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(6090
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(6090
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(6090
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(6090
) < 1000 | none | inline]];"]] [[#expr (abs(6090
) % 1000000 - abs(6090
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(6090
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(6090
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(6090
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(6090
) < 0.000000000001 | none | inline]];"]] [[#expr abs(6090
) % 1000 - abs(6090
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(6090
) < 0.000000000001 | inline | none]];"]] [[#expr abs(6090
) ]] [[/span]] [[/span]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 17300
< 0 | inline | none]];"]]- $ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(17300
) < 1000000000000 | none | inline]];"]] [[#expr abs(17300
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(17300
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline]];"]] [[#expr (abs(17300
) - abs(17300
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(17300
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(17300
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline]];"]] [[#expr (abs(17300
) % 1000000000 - abs(17300
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(17300
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(17300
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(17300
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(17300
) < 1000 | none | inline]];"]] [[#expr (abs(17300
) % 1000000 - abs(17300
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(17300
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(17300
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(17300
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(17300
) < 0.000000000001 | none | inline]];"]] [[#expr abs(17300
) % 1000 - abs(17300
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(17300
) < 0.000000000001 | inline | none]];"]] [[#expr abs(17300
) ]] [[/span]] [[/span]] ！ [[/span]]

资助一下我最新的艺术创作！我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。

[[div_ class="fr-button-cont shape-fr-{$shape} {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false" class="fr-button-donate shape-fr-{$shape} {$aux_class} donate-fr-https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false"]] 立即捐赠 [[/a]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project" class="fr-button-backup shape-fr-{$shape} {$aux_class} donate-fr-https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false"]] 立即捐赠 [[/a]] [[/div]] [[/div]][[/div]]然后是启用了黑标版式形状适应的情况：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 6666
 |goal= 17300
 |shape= BHL
 |theme= KS
 |title= 雕塑艺术项目
 |main_url= https://www.kickstarter.com/projects/ikky/艺术项目
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url=
 https://www.kickstarter.com/projects/ikky/艺术项目/pledge/new?clicked_reward=false
 |logo_text= KICKSTARTER
 |description= 资助一下我最新的艺术创作！ 我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。 保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。
 ]]
结果：[[div class="fr-widget shape-fr-BHL {$aux_class} theme-fr-KS tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-BHL {$aux_class} img-fr-无"]] [[image 无 link="*https://www.kickstarter.com/projects/ikky/art-project"]] [[/div]] [[div_ class="fr-title shape-fr-BHL {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project"]] [[span class="fr-title-text shape-fr-BHL {$aux_class}"]]雕塑艺术项目[[/span]] [[/a]] [[/div]] [[div_ class="fr-content shape-fr-BHL {$aux_class}"]] [[div_ class="fr-progress-cont shape-fr-BHL {$aux_class}" style="display:[[#ifexpr 17300 > 0 | block | none]];"]] [[div_ class="fr-prog-bar-cont shape-fr-BHL {$aux_class}"]] [[span class="fr-prog-bar shape-fr-BHL {$aux_class}" style="width: calc(6666 / 17300
    • 100%);"]]
[[/span]] [[/div]] [[div_ class="fr-prog-text shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] [[span class="fr-neg-before" style="display:[[#ifexpr 6666 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(6666) < 1000000000000 | none | inline]];"]] [[#expr abs(6666) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(6666) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(6666) < 1000000000 | none | inline]];"]] [[#expr (abs(6666) - abs(6666) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(6666) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(6666) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(6666) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(6666) < 1000000000 | none | inline]];"]] [[#expr (abs(6666) % 1000000000 - abs(6666) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(6666) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(6666) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(6666) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(6666) < 1000 | none | inline]];"]] [[#expr (abs(6666) % 1000000 - abs(6666) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(6666) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(6666) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(6666) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(6666) < 0.000000000001 | none | inline]];"]] [[#expr abs(6666) % 1000 - abs(6666) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(6666) < 0.000000000001 | inline | none]];"]] [[#expr abs(6666) ]] [[/span]] [[/span]] [[span class="fr-prog-goal shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 17300 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(17300) < 1000000000000 | none | inline]];"]] [[#expr abs(17300) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(17300) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline]];"]] [[#expr (abs(17300) - abs(17300) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(17300) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(17300) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline]];"]] [[#expr (abs(17300) % 1000000000 - abs(17300) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(17300) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(17300) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(17300) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(17300) < 1000 | none | inline]];"]] [[#expr (abs(17300) % 1000000 - abs(17300) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(17300) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(17300) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(17300) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(17300) < 0.000000000001 | none | inline]];"]] [[#expr abs(17300) % 1000 - abs(17300) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(17300) < 0.000000000001 | inline | none]];"]] [[#expr abs(17300) ]] [[/span]] [[/span]] ！ [[/span]] [[/div]] [[/div]] [[div class="fr-desc shape-fr-BHL {$aux_class} hide-fr-desc-{$hide_desc}"]] 资助一下我最新的艺术创作！我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。保证会很诱人且令人高兴的！请参见筹资页面中我的在线作品集以证明我的才能。 [[/div]] [[div_ class="fr-button-cont shape-fr-BHL {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false" class="fr-button-donate shape-fr-BHL {$aux_class} donate-fr-https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project" class="fr-button-backup shape-fr-BHL {$aux_class} donate-fr-https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[span class="fr-logo shape-fr-BHL {$aux_class}"]]KICKSTARTER[[/span]] [[/div]] [[/div]][[/div]]

Ko-Fi 样式：

对于 Ko-Fi 来说，若需得到你的捐赠链接，你需要先在别的地方用他们的嵌入式代码创建一个你的 Ko-Fi 按钮。然后右键点击它，在下拉菜单中选择“复制链接地址”，然后将这个链接复制到 main_url（主链接）参数之中。 donate_url（捐赠链接）参数的值保留为无。不要忘记将 goal（目标）参数设置为零以隐藏进度条，因为 Ko-Fi 并不支持能用金钱来衡量的目标。然而，如果你还是想要设置一个能用金钱来衡量的目标的话，我制作了一个契合 Ko-Fi 配色方案的进度条调色板。只要记住你必须得自己在某个账本里手动跟踪目标进度。将 theme（样式）设置为以下任何一个值：
  • Ko-Fi
  • KoFi
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 0
 |goal= 0
 |theme= Ko-Fi
 |title= 在 Ko-Fi 上支持我一下
 |title_button= true
 |main_url= https://ko-fi.com/ZzZzZzZzZ
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url= 无
 |logo_text= Ko-Fi
 |description= @@@@
 |hide_desc= true
 ]]
结果：[[div class="fr-widget shape-fr-{$shape} {$aux_class} theme-fr-Ko-Fi tb-fr-true"]] [[div class="fr-image shape-fr-{$shape} {$aux_class} img-fr-无"]] [[image 无 link="*https://ko-fi.com/ZzZzZzZzZ"]] [[/div]] [[div_ class="fr-title shape-fr-{$shape} {$aux_class} tb-fr-true icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ"]] 在 Ko-Fi 上支持我一下
 [[/a]] [[/div]]
[[div_ class="fr-progress-cont shape-fr-{$shape} {$aux_class}"
style="display:[[#ifexpr 0 > 0 | block | none]];"]]
[[span class="fr-prog-bar shape-fr-{$shape} {$aux_class}"
style="width: calc(0
/ 0
    • 100%);"]]
[[/span]]

[[span class="fr-neg-before" style="display:[[#ifexpr 0
< 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(0
) < 1000000000000 | none | inline]];"]] [[#expr abs(0
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(0
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline]];"]] [[#expr (abs(0
) - abs(0
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(0
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(0
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline]];"]] [[#expr (abs(0
) % 1000000000 - abs(0
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(0
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(0
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(0
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(0
) < 1000 | none | inline]];"]] [[#expr (abs(0
) % 1000000 - abs(0
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(0
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(0
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(0
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(0
) < 0.000000000001 | none | inline]];"]] [[#expr abs(0
) % 1000 - abs(0
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(0
) < 0.000000000001 | inline | none]];"]] [[#expr abs(0
) ]] [[/span]] [[/span]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 0
< 0 | inline | none]];"]]- $ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(0
) < 1000000000000 | none | inline]];"]] [[#expr abs(0
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(0
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline]];"]] [[#expr (abs(0
) - abs(0
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(0
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(0
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline]];"]] [[#expr (abs(0
) % 1000000000 - abs(0
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(0
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(0
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(0
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(0
) < 1000 | none | inline]];"]] [[#expr (abs(0
) % 1000000 - abs(0
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(0
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(0
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(0
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(0
) < 0.000000000001 | none | inline]];"]] [[#expr abs(0
) % 1000 - abs(0
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(0
) < 0.000000000001 | inline | none]];"]] [[#expr abs(0
) ]] [[/span]] [[/span]] ！ [[/span]]

[[div class="fr-desc shape-fr-{$shape} {$aux_class} hide-fr-desc-true"]] [[/div]] [[div_ class="fr-button-cont shape-fr-{$shape} {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="无" class="fr-button-donate shape-fr-{$shape} {$aux_class} donate-fr-无"]] 立即捐赠 [[/a]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ" class="fr-button-backup shape-fr-{$shape} {$aux_class} donate-fr-无"]] 立即捐赠 [[/a]] [[/div]] [[/div]][[/div]]然后是启用了黑标版式形状适应的情况：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 0
 |goal= 0
 |shape= BHL
 |theme= KoFi
 |title= 在 Ko-Fi 上支持我一下
 |title_button= true
 |main_url= https://ko-fi.com/ZzZzZzZzZ
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url= 无
 |logo_text= Ko-Fi
 |description= @@@@
 |hide_desc= true
 ]]
结果：[[div class="fr-widget shape-fr-BHL {$aux_class} theme-fr-KoFi tb-fr-true"]] [[div class="fr-image shape-fr-BHL {$aux_class} img-fr-无"]] [[image 无 link="*https://ko-fi.com/ZzZzZzZzZ"]] [[/div]] [[div_ class="fr-title shape-fr-BHL {$aux_class} tb-fr-true icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ"]] [[span class="fr-title-text shape-fr-BHL {$aux_class}"]]在 Ko-Fi 上支持我一下[[/span]] [[/a]] [[/div]] [[div_ class="fr-content shape-fr-BHL {$aux_class}"]] [[div_ class="fr-progress-cont shape-fr-BHL {$aux_class}" style="display:[[#ifexpr 0 > 0 | block | none]];"]] [[div_ class="fr-prog-bar-cont shape-fr-BHL {$aux_class}"]] [[span class="fr-prog-bar shape-fr-BHL {$aux_class}" style="width: calc(0 / 0
    • 100%);"]]
[[/span]] [[/div]] [[div_ class="fr-prog-text shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] [[span class="fr-neg-before" style="display:[[#ifexpr 0 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(0) < 1000000000000 | none | inline]];"]] [[#expr abs(0) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(0) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) - abs(0) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(0) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(0) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) % 1000000000 - abs(0) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(0) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(0) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(0) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(0) < 1000 | none | inline]];"]] [[#expr (abs(0) % 1000000 - abs(0) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(0) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(0) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(0) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(0) < 0.000000000001 | none | inline]];"]] [[#expr abs(0) % 1000 - abs(0) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(0) < 0.000000000001 | inline | none]];"]] [[#expr abs(0) ]] [[/span]] [[/span]] [[span class="fr-prog-goal shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 0 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(0) < 1000000000000 | none | inline]];"]] [[#expr abs(0) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(0) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) - abs(0) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(0) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(0) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) % 1000000000 - abs(0) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(0) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(0) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(0) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(0) < 1000 | none | inline]];"]] [[#expr (abs(0) % 1000000 - abs(0) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(0) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(0) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(0) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(0) < 0.000000000001 | none | inline]];"]] [[#expr abs(0) % 1000 - abs(0) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(0) < 0.000000000001 | inline | none]];"]] [[#expr abs(0) ]] [[/span]] [[/span]] ！ [[/span]] [[/div]] [[/div]] [[div class="fr-desc shape-fr-BHL {$aux_class} hide-fr-desc-true"]] [[/div]] [[div_ class="fr-button-cont shape-fr-BHL {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="无" class="fr-button-donate shape-fr-BHL {$aux_class} donate-fr-无"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ" class="fr-button-backup shape-fr-BHL {$aux_class} donate-fr-无"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[span class="fr-logo shape-fr-BHL {$aux_class}"]]Ko-Fi[[/span]] [[/div]] [[/div]][[/div]]然后是标题没有变成按钮，且进度条启用的情况，给那些好奇外观的人看看：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 76
 |goal= 100
 |theme= KoFi
 |title= 在 Ko-Fi 上支持我一下
 |main_url= https://ko-fi.com/ZzZzZzZzZ
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url= 无
 |logo_text= Ko-Fi
 |description= @@@@
 |hide_desc= true
 ]]
结果[[div class="fr-widget shape-fr-{$shape} {$aux_class} theme-fr-KoFi tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-{$shape} {$aux_class} img-fr-无"]] [[image 无 link="*https://ko-fi.com/ZzZzZzZzZ"]] [[/div]] [[div_ class="fr-title shape-fr-{$shape} {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ"]] 在 Ko-Fi 上支持我一下
 [[/a]] [[/div]]
[[div_ class="fr-progress-cont shape-fr-{$shape} {$aux_class}"
style="display:[[#ifexpr 100 > 0 | block | none]];"]]
[[span class="fr-prog-bar shape-fr-{$shape} {$aux_class}"
style="width: calc(76
/ 100
    • 100%);"]]
[[/span]]

[[span class="fr-neg-before" style="display:[[#ifexpr 76
< 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(76
) < 1000000000000 | none | inline]];"]] [[#expr abs(76
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(76
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(76
) < 1000000000 | none | inline]];"]] [[#expr (abs(76
) - abs(76
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(76
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(76
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(76
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(76
) < 1000000000 | none | inline]];"]] [[#expr (abs(76
) % 1000000000 - abs(76
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(76
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(76
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(76
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(76
) < 1000 | none | inline]];"]] [[#expr (abs(76
) % 1000000 - abs(76
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(76
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(76
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(76
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(76
) < 0.000000000001 | none | inline]];"]] [[#expr abs(76
) % 1000 - abs(76
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(76
) < 0.000000000001 | inline | none]];"]] [[#expr abs(76
) ]] [[/span]] [[/span]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 100
< 0 | inline | none]];"]]- $ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(100
) < 1000000000000 | none | inline]];"]] [[#expr abs(100
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(100
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(100
) < 1000000000 | none | inline]];"]] [[#expr (abs(100
) - abs(100
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(100
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(100
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(100
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(100
) < 1000000000 | none | inline]];"]] [[#expr (abs(100
) % 1000000000 - abs(100
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(100
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(100
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(100
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(100
) < 1000 | none | inline]];"]] [[#expr (abs(100
) % 1000000 - abs(100
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(100
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(100
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(100
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(100
) < 0.000000000001 | none | inline]];"]] [[#expr abs(100
) % 1000 - abs(100
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(100
) < 0.000000000001 | inline | none]];"]] [[#expr abs(100
) ]] [[/span]] [[/span]] ！ [[/span]]

[[div class="fr-desc shape-fr-{$shape} {$aux_class} hide-fr-desc-true"]] [[/div]] [[div_ class="fr-button-cont shape-fr-{$shape} {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="无" class="fr-button-donate shape-fr-{$shape} {$aux_class} donate-fr-无"]] 立即捐赠 [[/a]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ" class="fr-button-backup shape-fr-{$shape} {$aux_class} donate-fr-无"]] 立即捐赠 [[/a]] [[/div]] [[/div]][[/div]]然后是完全启用了黑标版式适应的情况：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 0
 |goal= 0
 |shape= bhl
 |theme= BHL
 |title= 在 Ko-Fi 上支持我一下
 |title_button= true
 |main_url= https://ko-fi.com/ZzZzZzZzZ
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url= 无
 |logo_text= Ko-Fi
 |description= @@@@
 |hide_desc= true
 ]]
结果：[[div class="fr-widget shape-fr-bhl {$aux_class} theme-fr-BHL tb-fr-true"]] [[div class="fr-image shape-fr-bhl {$aux_class} img-fr-无"]] [[image 无 link="*https://ko-fi.com/ZzZzZzZzZ"]] [[/div]] [[div_ class="fr-title shape-fr-bhl {$aux_class} tb-fr-true icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ"]] [[span class="fr-title-text shape-fr-bhl {$aux_class}"]]在 Ko-Fi 上支持我一下[[/span]] [[/a]] [[/div]] [[div_ class="fr-content shape-fr-bhl {$aux_class}"]] [[div_ class="fr-progress-cont shape-fr-bhl {$aux_class}" style="display:[[#ifexpr 0 > 0 | block | none]];"]] [[div_ class="fr-prog-bar-cont shape-fr-bhl {$aux_class}"]] [[span class="fr-prog-bar shape-fr-bhl {$aux_class}" style="width: calc(0 / 0
    • 100%);"]]
[[/span]] [[/div]] [[div_ class="fr-prog-text shape-fr-bhl {$aux_class}" style="display: inline-flex;"]] [[span class="fr-neg-before" style="display:[[#ifexpr 0 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(0) < 1000000000000 | none | inline]];"]] [[#expr abs(0) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(0) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) - abs(0) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(0) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(0) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) % 1000000000 - abs(0) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(0) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(0) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(0) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(0) < 1000 | none | inline]];"]] [[#expr (abs(0) % 1000000 - abs(0) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(0) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(0) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(0) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(0) < 0.000000000001 | none | inline]];"]] [[#expr abs(0) % 1000 - abs(0) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(0) < 0.000000000001 | inline | none]];"]] [[#expr abs(0) ]] [[/span]] [[/span]] [[span class="fr-prog-goal shape-fr-bhl {$aux_class}" style="display: inline-flex;"]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 0 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(0) < 1000000000000 | none | inline]];"]] [[#expr abs(0) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(0) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) - abs(0) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(0) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(0) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) % 1000000000 - abs(0) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(0) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(0) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(0) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(0) < 1000 | none | inline]];"]] [[#expr (abs(0) % 1000000 - abs(0) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(0) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(0) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(0) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(0) < 0.000000000001 | none | inline]];"]] [[#expr abs(0) % 1000 - abs(0) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(0) < 0.000000000001 | inline | none]];"]] [[#expr abs(0) ]] [[/span]] [[/span]] ！ [[/span]] [[/div]] [[/div]] [[div class="fr-desc shape-fr-bhl {$aux_class} hide-fr-desc-true"]] [[/div]] [[div_ class="fr-button-cont shape-fr-bhl {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="无" class="fr-button-donate shape-fr-bhl {$aux_class} donate-fr-无"]] [[span class="fr-button-text shape-fr-bhl {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ" class="fr-button-backup shape-fr-bhl {$aux_class} donate-fr-无"]] [[span class="fr-button-text shape-fr-bhl {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[span class="fr-logo shape-fr-bhl {$aux_class}"]]Ko-Fi[[/span]] [[/div]] [[/div]][[/div]]然后是捐赠按钮隐藏的情况：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 0
 |goal= 0
 |theme= Ko-Fi
 |title= 在 Ko-Fi 上支持我一下
 |title_button= true
 |main_url= https://ko-fi.com/ZzZzZzZzZ
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url= 无
 |logo_text= Ko-Fi
 |description= @@@@
 |hide_desc= true
 |hide_donate= true
 ]]
结果：[[div class="fr-widget shape-fr-{$shape} {$aux_class} theme-fr-Ko-Fi tb-fr-true"]] [[div class="fr-image shape-fr-{$shape} {$aux_class} img-fr-无"]] [[image 无 link="*https://ko-fi.com/ZzZzZzZzZ"]] [[/div]] [[div_ class="fr-title shape-fr-{$shape} {$aux_class} tb-fr-true icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ"]] 在 Ko-Fi 上支持我一下
 [[/a]] [[/div]]
[[div_ class="fr-progress-cont shape-fr-{$shape} {$aux_class}"
style="display:[[#ifexpr 0 > 0 | block | none]];"]]
[[span class="fr-prog-bar shape-fr-{$shape} {$aux_class}"
style="width: calc(0
/ 0
    • 100%);"]]
[[/span]]

[[span class="fr-neg-before" style="display:[[#ifexpr 0
< 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(0
) < 1000000000000 | none | inline]];"]] [[#expr abs(0
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(0
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline]];"]] [[#expr (abs(0
) - abs(0
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(0
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(0
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline]];"]] [[#expr (abs(0
) % 1000000000 - abs(0
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(0
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(0
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(0
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(0
) < 1000 | none | inline]];"]] [[#expr (abs(0
) % 1000000 - abs(0
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(0
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(0
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(0
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(0
) < 0.000000000001 | none | inline]];"]] [[#expr abs(0
) % 1000 - abs(0
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(0
) < 0.000000000001 | inline | none]];"]] [[#expr abs(0
) ]] [[/span]] [[/span]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 0
< 0 | inline | none]];"]]- $ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(0
) < 1000000000000 | none | inline]];"]] [[#expr abs(0
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(0
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline]];"]] [[#expr (abs(0
) - abs(0
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(0
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(0
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(0
) < 1000000000 | none | inline]];"]] [[#expr (abs(0
) % 1000000000 - abs(0
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(0
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(0
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(0
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(0
) < 1000 | none | inline]];"]] [[#expr (abs(0
) % 1000000 - abs(0
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(0
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(0
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(0
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(0
) < 0.000000000001 | none | inline]];"]] [[#expr abs(0
) % 1000 - abs(0
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(0
) < 0.000000000001 | inline | none]];"]] [[#expr abs(0
) ]] [[/span]] [[/span]] ！ [[/span]]

[[div class="fr-desc shape-fr-{$shape} {$aux_class} hide-fr-desc-true"]] [[/div]] [[div_ class="fr-button-cont shape-fr-{$shape} {$aux_class} hide-fr-donate-true icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="无" class="fr-button-donate shape-fr-{$shape} {$aux_class} donate-fr-无"]] 立即捐赠 [[/a]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ" class="fr-button-backup shape-fr-{$shape} {$aux_class} donate-fr-无"]] 立即捐赠 [[/a]] [[/div]] [[/div]][[/div]]然后是捐赠按钮隐藏且有着一个额外摆动着的标志的情况：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 0
 |goal= 0
 |theme= Ko-Fi
 |title= 在 Ko-Fi 上支持我一下
 |title_button= true
 |main_url= https://ko-fi.com/ZzZzZzZzZ
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url= 无
 |logo_text= Ko-Fi
 |description= @@@@
 |hide_desc= true
 |hide_donate= true
 |title_icon_show= true
 |title_icon_anim= icon-wiggle 3s infinite
 |title_icon_url=
 http://scp-wiki.wikidot.com/local--files/component:fundraiser-widget/scp-heart.svg
 ]]
结果：[[div class="fr-widget shape-fr-{$shape} kofi2 theme-fr-Ko-Fi tb-fr-true"]] [[div class="fr-image shape-fr-{$shape} kofi2 img-fr-无"]] [[image 无 link="*https://ko-fi.com/ZzZzZzZzZ"]] [[/div]] [[div_ class="fr-title shape-fr-{$shape} kofi2 tb-fr-true icon-fr-true"]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ"]] [[span class="fr-title-text shape-fr-{$shape} kofi2"]]在 Ko-Fi 上支持我一下[[/span]] [[/a]] [[/div]] [[div_ class="fr-content shape-fr-{$shape} kofi2"]] [[div_ class="fr-progress-cont shape-fr-{$shape} kofi2" style="display:[[#ifexpr 0 > 0 | block | none]];"]] [[div_ class="fr-prog-bar-cont shape-fr-{$shape} kofi2"]] [[span class="fr-prog-bar shape-fr-{$shape} kofi2" style="width: calc(0 / 0
    • 100%);"]]
[[/span]] [[/div]] [[div_ class="fr-prog-text shape-fr-{$shape} kofi2" style="display: inline-flex;"]] [[span class="fr-neg-before" style="display:[[#ifexpr 0 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(0) < 1000000000000 | none | inline]];"]] [[#expr abs(0) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(0) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) - abs(0) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(0) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(0) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) % 1000000000 - abs(0) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(0) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(0) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(0) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(0) < 1000 | none | inline]];"]] [[#expr (abs(0) % 1000000 - abs(0) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(0) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(0) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(0) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(0) < 0.000000000001 | none | inline]];"]] [[#expr abs(0) % 1000 - abs(0) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(0) < 0.000000000001 | inline | none]];"]] [[#expr abs(0) ]] [[/span]] [[/span]] [[span class="fr-prog-goal shape-fr-{$shape} kofi2" style="display: inline-flex;"]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 0 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(0) < 1000000000000 | none | inline]];"]] [[#expr abs(0) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(0) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) - abs(0) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(0) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(0) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) % 1000000000 - abs(0) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(0) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(0) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(0) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(0) < 1000 | none | inline]];"]] [[#expr (abs(0) % 1000000 - abs(0) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(0) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(0) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(0) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(0) < 0.000000000001 | none | inline]];"]] [[#expr abs(0) % 1000 - abs(0) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(0) < 0.000000000001 | inline | none]];"]] [[#expr abs(0) ]] [[/span]] [[/span]] ！ [[/span]] [[/div]] [[/div]] [[div class="fr-desc shape-fr-{$shape} kofi2 hide-fr-desc-true"]] [[/div]] [[div_ class="fr-button-cont shape-fr-{$shape} kofi2 hide-fr-donate-true icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="无" class="fr-button-donate shape-fr-{$shape} kofi2 donate-fr-无"]] [[span class="fr-button-text shape-fr-{$shape} kofi2"]]立即捐赠[[/span]] [[/a]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ" class="fr-button-backup shape-fr-{$shape} kofi2 donate-fr-无"]] [[span class="fr-button-text shape-fr-{$shape} kofi2"]]立即捐赠[[/span]] [[/a]] [[span class="fr-logo shape-fr-{$shape} kofi2"]]Ko-Fi[[/span]] [[/div]] [[/div]][[/div]]然后是启用了黑标版式样式适应、标题按钮上有一个动画标志、以及捐赠按钮上有一个静态标志的情况：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 0
 |goal= 0
 |shape= BHL
 |theme= Ko-Fi
 |title= 在 Ko-Fi 上支持我一下
 |title_button= true
 |main_url= https://ko-fi.com/ZzZzZzZzZ
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url= 无
 |logo_text= Ko-Fi
 |description= @@@@
 |hide_desc= true
 |title_icon_show= true
 |title_icon_anim= icon-wiggle 3s infinite
 |title_icon_url=
 http://scp-wiki.wikidot.com/local--files/component:fundraiser-widget/scp-dollar.svg
 |donate_icon_show= true
 |donate_icon_url=
 http://scp-wiki.wikidot.com/local--files/component:fundraiser-widget/scp-heart.svg
 ]]
结果：[[div class="fr-widget shape-fr-BHL kofi3 theme-fr-Ko-Fi tb-fr-true"]] [[div class="fr-image shape-fr-BHL kofi3 img-fr-无"]] [[image 无 link="*https://ko-fi.com/ZzZzZzZzZ"]] [[/div]] [[div_ class="fr-title shape-fr-BHL kofi3 tb-fr-true icon-fr-true"]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ"]] [[span class="fr-title-text shape-fr-BHL kofi3"]]在 Ko-Fi 上支持我一下[[/span]] [[/a]] [[/div]] [[div_ class="fr-content shape-fr-BHL kofi3"]] [[div_ class="fr-progress-cont shape-fr-BHL kofi3" style="display:[[#ifexpr 0 > 0 | block | none]];"]] [[div_ class="fr-prog-bar-cont shape-fr-BHL kofi3"]] [[span class="fr-prog-bar shape-fr-BHL kofi3" style="width: calc(0 / 0
    • 100%);"]]
[[/span]] [[/div]] [[div_ class="fr-prog-text shape-fr-BHL kofi3" style="display: inline-flex;"]] [[span class="fr-neg-before" style="display:[[#ifexpr 0 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(0) < 1000000000000 | none | inline]];"]] [[#expr abs(0) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(0) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) - abs(0) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(0) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(0) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) % 1000000000 - abs(0) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(0) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(0) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(0) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(0) < 1000 | none | inline]];"]] [[#expr (abs(0) % 1000000 - abs(0) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(0) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(0) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(0) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(0) < 0.000000000001 | none | inline]];"]] [[#expr abs(0) % 1000 - abs(0) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(0) < 0.000000000001 | inline | none]];"]] [[#expr abs(0) ]] [[/span]] [[/span]] [[span class="fr-prog-goal shape-fr-BHL kofi3" style="display: inline-flex;"]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 0 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(0) < 1000000000000 | none | inline]];"]] [[#expr abs(0) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(0) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) - abs(0) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(0) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(0) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(0) < 1000000000 | none | inline]];"]] [[#expr (abs(0) % 1000000000 - abs(0) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(0) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(0) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(0) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(0) < 1000 | none | inline]];"]] [[#expr (abs(0) % 1000000 - abs(0) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(0) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(0) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(0) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(0) < 0.000000000001 | none | inline]];"]] [[#expr abs(0) % 1000 - abs(0) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(0) < 0.000000000001 | inline | none]];"]] [[#expr abs(0) ]] [[/span]] [[/span]] ！ [[/span]] [[/div]] [[/div]] [[div class="fr-desc shape-fr-BHL kofi3 hide-fr-desc-true"]] [[/div]] [[div_ class="fr-button-cont shape-fr-BHL kofi3 hide-fr-donate-{$hide_donate} icon-fr-true"]] [[a target="_blank" href="无" class="fr-button-donate shape-fr-BHL kofi3 donate-fr-无"]] [[span class="fr-button-text shape-fr-BHL kofi3"]]立即捐赠[[/span]] [[/a]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ" class="fr-button-backup shape-fr-BHL kofi3 donate-fr-无"]] [[span class="fr-button-text shape-fr-BHL kofi3"]]立即捐赠[[/span]] [[/a]] [[span class="fr-logo shape-fr-BHL kofi3"]]Ko-Fi[[/span]] [[/div]] [[/div]][[/div]]然后是启用了进度条，且捐赠按钮上有一个摇动着的标志的情况：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 120
 |goal= 500
 |theme= Ko-Fi
 |title= 在 Ko-Fi 上支持我一下
 |main_url= https://ko-fi.com/ZzZzZzZzZ
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url= 无
 |logo_text= Ko-Fi
 |description= @@@@
 |hide_desc= true
 |donate_icon_show= true
 |donate_icon_url=
 http://scp-wiki.wikidot.com/local--files/component:fundraiser-widget/scp-diamond.svg
 ]]
结果：[[div class="fr-widget shape-fr-{$shape} kofi4 theme-fr-Ko-Fi tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-{$shape} kofi4 img-fr-无"]] [[image 无 link="*https://ko-fi.com/ZzZzZzZzZ"]] [[/div]] [[div_ class="fr-title shape-fr-{$shape} kofi4 tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ"]] [[span class="fr-title-text shape-fr-{$shape} kofi4"]]在 Ko-Fi 上支持我一下[[/span]] [[/a]] [[/div]] [[div_ class="fr-content shape-fr-{$shape} kofi4"]] [[div_ class="fr-progress-cont shape-fr-{$shape} kofi4" style="display:[[#ifexpr 500 > 0 | block | none]];"]] [[div_ class="fr-prog-bar-cont shape-fr-{$shape} kofi4"]] [[span class="fr-prog-bar shape-fr-{$shape} kofi4" style="width: calc(120 / 500
    • 100%);"]]
[[/span]] [[/div]] [[div_ class="fr-prog-text shape-fr-{$shape} kofi4" style="display: inline-flex;"]] [[span class="fr-neg-before" style="display:[[#ifexpr 120 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(120) < 1000000000000 | none | inline]];"]] [[#expr abs(120) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(120) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(120) < 1000000000 | none | inline]];"]] [[#expr (abs(120) - abs(120) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(120) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(120) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(120) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(120) < 1000000000 | none | inline]];"]] [[#expr (abs(120) % 1000000000 - abs(120) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(120) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(120) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(120) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(120) < 1000 | none | inline]];"]] [[#expr (abs(120) % 1000000 - abs(120) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(120) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(120) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(120) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(120) < 0.000000000001 | none | inline]];"]] [[#expr abs(120) % 1000 - abs(120) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(120) < 0.000000000001 | inline | none]];"]] [[#expr abs(120) ]] [[/span]] [[/span]] [[span class="fr-prog-goal shape-fr-{$shape} kofi4" style="display: inline-flex;"]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 500 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(500) < 1000000000000 | none | inline]];"]] [[#expr abs(500) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(500) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(500) < 1000000000 | none | inline]];"]] [[#expr (abs(500) - abs(500) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(500) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(500) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(500) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(500) < 1000000000 | none | inline]];"]] [[#expr (abs(500) % 1000000000 - abs(500) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(500) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(500) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(500) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(500) < 1000 | none | inline]];"]] [[#expr (abs(500) % 1000000 - abs(500) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(500) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(500) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(500) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(500) < 0.000000000001 | none | inline]];"]] [[#expr abs(500) % 1000 - abs(500) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(500) < 0.000000000001 | inline | none]];"]] [[#expr abs(500) ]] [[/span]] [[/span]] ！ [[/span]] [[/div]] [[/div]] [[div class="fr-desc shape-fr-{$shape} kofi4 hide-fr-desc-true"]] [[/div]] [[div_ class="fr-button-cont shape-fr-{$shape} kofi4 hide-fr-donate-{$hide_donate} icon-fr-true"]] [[a target="_blank" href="无" class="fr-button-donate shape-fr-{$shape} kofi4 donate-fr-无"]] [[span class="fr-button-text shape-fr-{$shape} kofi4"]]立即捐赠[[/span]] [[/a]] [[a target="_blank" href="https://ko-fi.com/ZzZzZzZzZ" class="fr-button-backup shape-fr-{$shape} kofi4 donate-fr-无"]] [[span class="fr-button-text shape-fr-{$shape} kofi4"]]立即捐赠[[/span]] [[/a]] [[span class="fr-logo shape-fr-{$shape} kofi4"]]Ko-Fi[[/span]] [[/div]] [[/div]][[/div]]

你自己的样式

以下是本小组件所使用的 CSS 样式变量，此些变量被以上的样式所覆写以给予小组件一个独特的字体与颜色设置。如果你知道如何在你的页面中使用 CSS 模块，且希望制作你自己对该小组件的配色方案，那么你可以在你页面中的 CSS 模块之一内使用 :root { } 规则覆写这些变量。仅需复制以下代码中你所希望修改的部分，并适当修改变量的值。
+ 展开代码 +- 收起代码 -
css
:root {

/* 小组件字体 */
--fr-title-font: verdana, arial, helvetica, sans-serif;
--fr-body-font: verdana, arial, helvetica, sans-serif;
--fr-logo-font: verdana, arial, helvetica, sans-serif;

/* 黑标标题字体，当 BHL=true 时使用 */

/* 小组件基础颜色 */
--fr-widget-bg-color: 255, 255, 255;
--fr-widget-border-color: 102, 0, 0;

/* 标题链接文本颜色 */
--fr-title-color: 187, 0, 17;
--fr-title-hover: 212, 0, 18;

/* 闲置时的标题按钮颜色，当 title_button= true 时使用 */
--fr-title-btn-color: 187, 0, 17;
--fr-title-btn-color-border: 102, 0, 0;
--fr-title-btn-color-bg1: 255, 240, 240;
--fr-title-btn-color-bg2: 247, 233, 236;
--fr-title-btn-color-gradient: linear-gradient(180deg,
  rgb(var(--fr-title-btn-color-bg1)) 40%,
  rgb(var(--fr-title-btn-color-bg2)) 140%);

/* 悬停时的标题按钮颜色，当 title_button= true 时使用 */
--fr-title-btn-hover: 212, 0, 18;
--fr-title-btn-hover-border: 102, 0, 0;
--fr-title-btn-hover-bg1: 204, 192, 192;
--fr-title-btn-hover-bg2: 196, 185, 188;
--fr-title-btn-hover-gradient: linear-gradient(180deg,
  rgb(var(--fr-title-btn-hover-bg1)) 40%,
  rgb(var(--fr-title-btn-hover-bg2)) 140%);

/* 标题按钮悬停滑动覆盖层，当 title_button= true 与 shape= BHL 时使用 */
--fr-title-btn-accent: 133, 0, 5;

/* 进度条颜色 */
--fr-progress-bar-color: 102, 0, 0;
--fr-progress-bar-bg-color: 230, 246, 239;

/* 当前筹集金额文本颜色 */
--fr-progress-text-color: 102, 0, 0;

/* 其它的进度条信息文本颜色 */
--fr-progress-goal-color: 150, 150, 150;

/* 描述文本颜色 */
--fr-description-color: 50, 50, 50;

/* 闲置时的捐赠按钮颜色 */
--fr-donate-color: 170, 0, 17;
--fr-donate-color-border: 102, 0, 0;
--fr-donate-color-bg1: 255, 240, 240;
--fr-donate-color-bg2: 247, 233, 236;
--fr-donate-color-gradient: linear-gradient(180deg,
  rgb(var(--fr-donate-color-bg1)) 40%,
  rgb(var(--fr-donate-color-bg2)) 140%);

/* 悬停时的捐赠按钮颜色 */
--fr-donate-hover: 196, 0, 20;
--fr-donate-hover-border: 102, 0, 0;
--fr-donate-hover-bg1: 204, 192, 192;
--fr-donate-hover-bg2: 196, 185, 188;
--fr-donate-hover-gradient: linear-gradient(180deg,
  rgb(var(--fr-donate-hover-bg1)) 40%,
  rgb(var(--fr-donate-hover-bg2)) 140%);

/* 捐赠按钮悬停滑动覆盖层，当 shape= BHL 时启用 */
--fr-donate-accent: 133, 0, 5;

/* 捐赠按钮右侧的“标志”文本颜色 */
--fr-logo-color: 0, 73, 119;

}
你亦可以为不同的实例制作不同的样式，只需将替代的变量放在称为 .fr-widget.theme-fr- 的选择器块中，并在选择器后加上你的样式的名字，但不要放在 :root 选择器块中。随后将 theme（样式）变量设置为你的样式的名字。

示例：

用泥土色调制作一个 latte（拿铁）样式：
+ 展开代码 +- 收起代码 -

将此代码引入到你页面某处的 [[module CSS]] 之中：

随后嵌入此代码以创建拿铁样式的筹资小组件，随便放在你页面的任何地方都可以：

 [[include :scp-wiki-cn:component:fundraiser-widget amt= 10000
 |goal= 17300
 |theme= latte
 |title= 雕塑艺术项目
 |main_url= https://www.kickstarter.com/projects/ikky/艺术项目
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url=
 https://www.kickstarter.com/projects/ikky/艺术项目/pledge/new?clicked_reward=false
 |logo_text= KICKSTARTER
 |description= 资助一下我最新的艺术创作！ 我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。 保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。
 ]]
结果：[[div class="fr-widget shape-fr-{$shape} {$aux_class} theme-fr-latte tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-{$shape} {$aux_class} img-fr-无"]] [[image 无 link="*https://www.kickstarter.com/projects/ikky/art-project"]] [[/div]] [[div_ class="fr-title shape-fr-{$shape} {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project"]] 雕塑艺术项目
 [[/a]] [[/div]]
[[div_ class="fr-progress-cont shape-fr-{$shape} {$aux_class}"
style="display:[[#ifexpr 17300 > 0 | block | none]];"]]
[[span class="fr-prog-bar shape-fr-{$shape} {$aux_class}"
style="width: calc(10000
/ 17300
    • 100%);"]]
[[/span]]

[[span class="fr-neg-before" style="display:[[#ifexpr 10000
< 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(10000
) < 1000000000000 | none | inline]];"]] [[#expr abs(10000
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(10000
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(10000
) < 1000000000 | none | inline]];"]] [[#expr (abs(10000
) - abs(10000
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(10000
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(10000
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(10000
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(10000
) < 1000000000 | none | inline]];"]] [[#expr (abs(10000
) % 1000000000 - abs(10000
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(10000
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(10000
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(10000
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(10000
) < 1000 | none | inline]];"]] [[#expr (abs(10000
) % 1000000 - abs(10000
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(10000
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(10000
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(10000
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(10000
) < 0.000000000001 | none | inline]];"]] [[#expr abs(10000
) % 1000 - abs(10000
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(10000
) < 0.000000000001 | inline | none]];"]] [[#expr abs(10000
) ]] [[/span]] [[/span]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 17300
< 0 | inline | none]];"]]- $ [[span class="fr-fig-huge" style="display:
[[#ifexpr abs(17300
) < 1000000000000 | none | inline]];"]] [[#expr abs(17300
) ]] [[/span]] [[span class="fr-fig-reg" style="display:
[[#ifexpr abs(17300
) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline]];"]] [[#expr (abs(17300
) - abs(17300
) % 1000000000) / 1000000000 ]],
[[/span]] [[span class="fr-fig9-8" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display:
[[#ifexpr (abs(17300
) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display:
[[#ifexpr (abs(17300
) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display:
[[#ifexpr abs(17300
) < 1000000000 | none | inline]];"]] [[#expr (abs(17300
) % 1000000000 - abs(17300
) % 1000000) / 1000000 ]],
[[/span]] [[span class="fr-fig6-5" style="display:
[[#ifexpr abs(17300
) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display:
[[#ifexpr (abs(17300
) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display:
[[#ifexpr (abs(17300
) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display:
[[#ifexpr abs(17300
) < 1000 | none | inline]];"]] [[#expr (abs(17300
) % 1000000 - abs(17300
) % 1000) / 1000 ]],
[[/span]] [[span class="fr-fig3-2" style="display:
[[#ifexpr abs(17300
) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display:
[[#ifexpr (abs(17300
) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display:
[[#ifexpr (abs(17300
) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display:
[[#ifexpr abs(17300
) < 0.000000000001 | none | inline]];"]] [[#expr abs(17300
) % 1000 - abs(17300
) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display:
[[#ifexpr abs(17300
) < 0.000000000001 | inline | none]];"]] [[#expr abs(17300
) ]] [[/span]] [[/span]] ！ [[/span]]

资助一下我最新的艺术创作！我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。

[[div_ class="fr-button-cont shape-fr-{$shape} {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false" class="fr-button-donate shape-fr-{$shape} {$aux_class} donate-fr-https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false"]] 立即捐赠 [[/a]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project" class="fr-button-backup shape-fr-{$shape} {$aux_class} donate-fr-https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false"]] 立即捐赠 [[/a]] [[/div]] [[/div]][[/div]]然后是启用了黑标版式形状适应的情况：
+ 展开代码 +- 收起代码 -
 [[include :scp-wiki-cn:component:fundraiser-widget amt= 10101
 |goal= 17300
 |shape= BHL
 |theme= latte
 |title= 雕塑艺术项目
 |main_url= https://www.kickstarter.com/projects/ikky/艺术项目
 |curr_sym=$|num_sep=,
 |image_url= 无
 |donate_url=
 https://www.kickstarter.com/projects/ikky/艺术项目/pledge/new?clicked_reward=false
 |logo_text= KICKSTARTER
 |description= 资助一下我最新的艺术创作！ 我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。 保证会很诱人且令人高兴的！
请参见筹资页面中我的在线作品集以证明我的才能。
 ]]
结果：[[div class="fr-widget shape-fr-BHL {$aux_class} theme-fr-latte tb-fr-{$title_button}"]] [[div class="fr-image shape-fr-BHL {$aux_class} img-fr-无"]] [[image 无 link="*https://www.kickstarter.com/projects/ikky/art-project"]] [[/div]] [[div_ class="fr-title shape-fr-BHL {$aux_class} tb-fr-{$title_button} icon-fr-{$title_icon_show}"]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project"]] [[span class="fr-title-text shape-fr-BHL {$aux_class}"]]雕塑艺术项目[[/span]] [[/a]] [[/div]] [[div_ class="fr-content shape-fr-BHL {$aux_class}"]] [[div_ class="fr-progress-cont shape-fr-BHL {$aux_class}" style="display:[[#ifexpr 17300 > 0 | block | none]];"]] [[div_ class="fr-prog-bar-cont shape-fr-BHL {$aux_class}"]] [[span class="fr-prog-bar shape-fr-BHL {$aux_class}" style="width: calc(10101 / 17300
    • 100%);"]]
[[/span]] [[/div]] [[div_ class="fr-prog-text shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] [[span class="fr-neg-before" style="display:[[#ifexpr 10101 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(10101) < 1000000000000 | none | inline]];"]] [[#expr abs(10101) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(10101) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(10101) < 1000000000 | none | inline]];"]] [[#expr (abs(10101) - abs(10101) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(10101) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(10101) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(10101) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(10101) < 1000000000 | none | inline]];"]] [[#expr (abs(10101) % 1000000000 - abs(10101) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(10101) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(10101) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(10101) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(10101) < 1000 | none | inline]];"]] [[#expr (abs(10101) % 1000000 - abs(10101) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(10101) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(10101) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(10101) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(10101) < 0.000000000001 | none | inline]];"]] [[#expr abs(10101) % 1000 - abs(10101) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(10101) < 0.000000000001 | inline | none]];"]] [[#expr abs(10101) ]] [[/span]] [[/span]] [[span class="fr-prog-goal shape-fr-BHL {$aux_class}" style="display: inline-flex;"]] 筹集总目标 [[span class="fr-neg-before" style="display:[[#ifexpr 17300 < 0 | inline | none]];"]]- [[/span]]$ [[span class="fr-fig-huge" style="display: [[#ifexpr abs(17300) < 1000000000000 | none | inline]];"]] [[#expr abs(17300) ]] [[/span]] [[span class="fr-fig-reg" style="display: [[#ifexpr abs(17300) < 1000000000000 | inline-flex | none]];"]] [[span class="fr-fig12-10" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline]];"]] [[#expr (abs(17300) - abs(17300) % 1000000000) / 1000000000 ]], [[/span]] [[span class="fr-fig9-8" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline-flex]];"]] [[span class="fr-fig9" style="display: [[#ifexpr (abs(17300) % 1000000000) < 100000000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig8" style="display: [[#ifexpr (abs(17300) % 1000000000) < 10000000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig7" style="display: [[#ifexpr abs(17300) < 1000000000 | none | inline]];"]] [[#expr (abs(17300) % 1000000000 - abs(17300) % 1000000) / 1000000 ]], [[/span]] [[span class="fr-fig6-5" style="display: [[#ifexpr abs(17300) < 1000000 | none | inline-flex]];"]] [[span class="fr-fig6" style="display: [[#ifexpr (abs(17300) % 1000000) < 100000 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig5" style="display: [[#ifexpr (abs(17300) % 1000000) < 10000 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig4" style="display: [[#ifexpr abs(17300) < 1000 | none | inline]];"]] [[#expr (abs(17300) % 1000000 - abs(17300) % 1000) / 1000 ]], [[/span]] [[span class="fr-fig3-2" style="display: [[#ifexpr abs(17300) < 1000 | none | inline-flex]];"]] [[span class="fr-fig3" style="display: [[#ifexpr (abs(17300) % 1000) < 100 | inline | none]];"]] 0 [[/span]] [[span class="fr-fig2" style="display: [[#ifexpr (abs(17300) % 1000) < 10 | inline | none]];"]] 0 [[/span]] [[/span]] [[span class="fr-fig1" style="display: [[#ifexpr abs(17300) < 0.000000000001 | none | inline]];"]] [[#expr abs(17300) % 1000 - abs(17300) % 1 ]] [[/span]] [[span class="fr-fig-tiny" style="display: [[#ifexpr abs(17300) < 0.000000000001 | inline | none]];"]] [[#expr abs(17300) ]] [[/span]] [[/span]] ！ [[/span]] [[/div]] [[/div]] [[div class="fr-desc shape-fr-BHL {$aux_class} hide-fr-desc-{$hide_desc}"]] 资助一下我最新的艺术创作！我要用混凝土和钢筋来制造一个雕塑，然后在它的表面喷漆。保证会很诱人且令人高兴的！请参见筹资页面中我的在线作品集以证明我的才能。 [[/div]] [[div_ class="fr-button-cont shape-fr-BHL {$aux_class} hide-fr-donate-{$hide_donate} icon-fr-{$donate_icon_show}"]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false" class="fr-button-donate shape-fr-BHL {$aux_class} donate-fr-https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[a target="_blank" href="https://www.kickstarter.com/projects/ikky/art-project" class="fr-button-backup shape-fr-BHL {$aux_class} donate-fr-https://www.kickstarter.com/projects/ikky/art-project/pledge/new?clicked_reward=false"]] [[span class="fr-button-text shape-fr-BHL {$aux_class}"]]立即捐赠[[/span]] [[/a]] [[span class="fr-logo shape-fr-BHL {$aux_class}"]]KICKSTARTER[[/span]] [[/div]] [[/div]][[/div]]
Footnotes
  1. 1.免责声明：筹资小组件的“标志”只是用免费可用的字体上色后的文本且非任何视觉独特（或获许可）的图像。其仅为一种可选的方式来标出托管你筹资活动的第三方网站而无需使用任何该网站上的图像，因此些图像可能是专门授权给该网站的。
组件
页面版本：⁨0⁩, 最后编辑于: ⁨2021/11/22 18:15:38⁩ (⁨⁨1759⁩ 日前⁩), 现时评分: 10
历史 附件 + 选项