MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针

如果在编辑的过程中遇到了什么问题,可以去讨论板提问。

为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证

MCBBS Wiki GitHub群组已上线!

您可以在回声洞中发表吐槽!

服务器状态监控。点击进入

本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>

用户:Salt lovely/沙盒:修订间差异

来自MCBBS Wiki
跳到导航 跳到搜索
(// Edit via Wikiplus)
(// Edit via Wikiplus)
第1行: 第1行:
== 尚未实装,所以除了我以外的人都看不见2333 ==
== 尚未实装,所以除了我以外的人都看不见2333 ==
<span class="animated" style="height:1em;width:1em;display:inline-block;"><span class="animated-item">1</span><span class="animated-item">2</span><span class="animated-item">3</span></span>


== 测试功能 ==
cccc[[用户:Salt_lovely|<span style="--btnw:257px;--btnh:62px;--backcolor:#574266;--fontcolor:#fff;--fontsize:2em;" class="border-btn center-txt">test</span>]]
bbbb
[https://mcbbs-wiki.cn/wiki/首页 <span style="--btnw:257px;--btnh:62px;--backcolor:#fffbf0;--fontcolor:#3b2e7e;--fontsize:2em;" class="border-btn center-txt box-sdw">test</span>]aaaa

<hr>

<span class="gard-txt-webkit" style="--gardcolor:#549688,#065279,#8c4356,#56004f;--garddeg:60deg">·这·是·一·个·渐·变·色·测·试·,'''·为·了·保·证·测·试·效·果·''',''·文·字·应·该·尽·可·能·地·长·''——使用了-webkit-,颜色可以无限多,兼容性不佳</span>
* '''坐等CSS新版本,支持 ''background-clip: text;'' 的时候吧'''

<span class="gard-txt" style="--gardcolor1:#549688;--gardcolor2:#56004f;--garddeg:60deg">·这·是·一·个·渐·变·色·测·试·,·为·了·保·证·测·试·效·果·,·文·字·应·该·尽·可·能·地·长·——未使用-webkit-,只能用两种颜色,浏览器兼容</span>
* '''开发失败'''

=== 测试功能 ===
[[/抓取MCBBS用户头像]]
[[/抓取MCBBS用户头像]]


== 新签名 ==
== 新签名 ==
[[/签名]]
—— [[用户:Salt_lovely|{{font|font=Times New Roman|color=#013|size=large|''Salt lovely''}}]]<small>「[[用户讨论:Salt_lovely|{{font|color=#367|敢竭鄙怀}}]],[[特殊:用户贡献/Salt_lovely|{{font|color=#466|恭疏短引}}]]」</small>


== 样式测试 ==
== 样式测试 ==
{{黑幕|这是一段普通文字,{{color|red|这是一段红色文字}},[[首页|这是一段内链文字]],[https://mcbbs-wiki.cn/ 这是一段外链文字]}}
<div class="article-container">
离骚 【周】屈原

帝高阳之苗裔兮,朕皇考曰伯庸。

摄提贞于孟陬兮,惟庚寅吾以降。

皇览揆余初度兮,肇锡余以嘉名:

名余曰正则兮,字余曰灵均。

纷吾既有此内美兮,又重之以修能。

扈江离与辟芷兮,纫秋兰以为佩。

汩余若将不及兮,恐年岁之不吾与。

朝搴阰之木兰兮,夕揽洲之宿莽。

日月忽其不淹兮,春与秋其代序。

....
</div>
<!--恶地
恶地高原
繁茂的恶地高原
竹林
竹林丘陵
丛林
丛林边缘
丛林丘陵
桦木森林
桦木森林丘陵
针叶林
针叶林丘陵
巨型针叶林
巨型针叶林丘陵
积雪的针叶林
积雪的针叶林丘陵
森林
繁茂的丘陵
繁茂的山地
热带草原
热带高原
黑森林
草原
积雪的冻原
沙漠
沙漠丘陵
沙滩
积雪的沙滩
石岸
沼泽
山地
雪山
冷水海洋
冷水深海
封冻深海
温水深海
温水海洋
暖水海洋
河流
冻河
蘑菇岛海岸
蘑菇岛-->

== 样式存档 ==
<pre>/* #bodyContent{
margin-left: auto !important;margin-right: auto !important;
} */

/* #content:before{
content:'';
left:0;
height:var(--bgtop);
width:calc(100% - 90px);
padding:0 45px;
margin-top:-45px;
display:block;
position:absolute;
background:
url(https://s2.ax1x.com/2019/11/28/QFB2X4.png)left top no-repeat,
url(https://s2.ax1x.com/2019/11/28/QFBfB9.png)right top no-repeat,
url(https://wiki.crash-logs.cn/images/2/21/body_top.png)top repeat-x;
} */
/* #content:after{
content:'';
left:0;
height:var(--bgtop);
width:calc(100% - 90px);
padding:0 45px;
bottom:0px;
margin-bottom:-45px;
display:block;
position:absolute;
background:
url(https://wiki.crash-logs.cn/images/7/7d/body_bottom.png)bottom repeat-xcontent-box,
url(https://s2.ax1x.com/2019/11/28/QFcINd.png)left bottom no-repeat,
url(https://s2.ax1x.com/2019/11/28/QFc5AH.png)right bottom no-repeat;
} */</pre>


== 新章节: 测试 ==
== 新章节: 测试 ==

2021年5月31日 (一) 13:09的版本

尚未实装,所以除了我以外的人都看不见2333

测试功能

/抓取MCBBS用户头像

新签名

/签名

样式测试

这是一段普通文字,这是一段红色文字这是一段内链文字这是一段外链文字

新章节: 测试

测试:添加新章节

JS代码存档

// MCBBS头像上传时三个大小头像切片上传代码 - 修改 - 启用抗锯齿
// 其实就加了两行
(0, eval)(`function saveAvatar() {
    var img = $('avatarimage');
    var sd = getSelectorDimention();
    var ad = getAvatarDimension();
    var rl = (sd.left-ad.left)/ad.width;
    var rt = (sd.top-ad.top)/ad.height;
    var rw = sd.width/ad.width;
    var rh = sd.height/ad.height;
    var iw = jQuery('#avatarimage').width();
    var ih = jQuery('#avatarimage').height();
    var sl = rl*iw;
    var st = rt*ih;
    var sw = rw*iw;
    var sh = rh*ih;
    var tw = sw;
    var th = sh;
    if (sw>200 || sh>250) {
        var r = Math.max(sw/200, sh/250);
        tw = Math.floor(sw/r);
        th = Math.floor(sh/r);
    }          
    var canvas = document.createElement('canvas');
    canvas.width = tw;
    canvas.height = th;
    var ctx = canvas.getContext("2d");
    ctx.fillStyle = 'white';
    ctx.fillRect(0, 0, tw, th);
    ctx.drawImage(img, sl, st, sw, sh, 0, 0, tw, th);
    ctx.imageSmoothingEnabled = true;   // 启用抗锯齿
    ctx.imageSmoothingQuality = "high"; // 高品质抗锯齿
    var dataURL = canvas.toDataURL("image/jpeg");
    jQuery('#avatar1').val(dataURL.substr(dataURL.indexOf(",") + 1));
    var tw = sw;
    var th = sh;
    if (sw>120 || sh>120) {
        var r = Math.max(sw/120, sh/120);
        tw = Math.floor(sw/r);
        th = Math.floor(sh/r);
    }     
    var canvas = document.createElement('canvas');
    canvas.width = tw;
    canvas.height = th;
    var ctx = canvas.getContext("2d");
    ctx.fillStyle = 'white';
    ctx.fillRect(0, 0, tw, th);
    ctx.drawImage(img, sl, st, sw, sh, 0, 0, tw, th);
    var dataURL = canvas.toDataURL("image/jpeg");
    jQuery('#avatar2').val(dataURL.substr(dataURL.indexOf(",") + 1));
    var mwh = Math.min(sw, sh);
    if (sw>mwh) {
        sl += Math.floor((sw-mwh)/2);
        sw = mwh;
    }
    if (sh>mwh) {
        st += Math.floor((sh-mwh)/2);
        sh = mwh;
    }
    var tw = 48;
    var th = 48;
    var canvas = document.createElement('canvas');
    canvas.width = tw;
    canvas.height = th;
    var ctx = canvas.getContext("2d");
    ctx.fillStyle = 'white';
    ctx.fillRect(0, 0, tw, th);
    ctx.drawImage(img, sl, st, sw, sh, 0, 0, tw, th);
    var dataURL = canvas.toDataURL("image/jpeg");
    jQuery('#avatar3').val(dataURL.substr(dataURL.indexOf(",") + 1));
    var src = $('avatarform').action;
    $('avatarform').action = data[data.indexOf('src')+1].replace('images/camera.swf?inajax=1', 'index.php?m=user&a=rectavatar&base64=yes');
    $('avatarform').target='rectframe'; 
}`)