用户:-木木夕-/林百装饰指南:修订间差异
来自Limbo Wiki
< 用户:-木木夕-
小无编辑摘要 |
小无编辑摘要 |
||
第52行: | 第52行: | ||
颜色使用英文/HTML颜色代码皆可。<br> | 颜色使用英文/HTML颜色代码皆可。<br> | ||
XB老师这里更详细!![[用户:偷吃的贡品是雪饼/sandbox]] | |||
实例:<span style="text-transform: uppercase;font-size: 30px;color: #f1ebe5;text-shadow: 1px 9px #c4b59d, 0px -2px 1px #fff;font-weight: bold;letter-spacing:-4px;"> <big>'''<strong style="color:red">草</strong> <strong style="color:orange">草</strong> <strong style="color:yellow">草</strong> <strong style="color:green">草</strong> <strong style="color:blue">草</strong> <strong style="color:purple">草</strong>'''</big> </span> | 实例:<span style="text-transform: uppercase;font-size: 30px;color: #f1ebe5;text-shadow: 1px 9px #c4b59d, 0px -2px 1px #fff;font-weight: bold;letter-spacing:-4px;"> <big>'''<strong style="color:red">草</strong> <strong style="color:orange">草</strong> <strong style="color:yellow">草</strong> <strong style="color:green">草</strong> <strong style="color:blue">草</strong> <strong style="color:purple">草</strong>'''</big> </span> | ||
<pre><span style="text-transform: uppercase;font-size: 文字大小数字px;color: 文字颜色;text-shadow: 数字px 数字px 阴影颜色, 数字px 数字px 数字px 颜色;font-weight: bold;letter-spacing:数字px;"> 文字 </span></pre> | <pre><span style="text-transform: uppercase;font-size: 文字大小数字px;color: 文字颜色;text-shadow: 数字px 数字px 阴影颜色, 数字px 数字px 数字px 颜色;font-weight: bold;letter-spacing:数字px;"> 文字 </span></pre> |
2022年7月11日 (一) 03:01的版本
想让你的页面或签名等变的更华丽炫目/使人眼瞎?
欢迎你来到林百装饰指南!:) 基本为复制粘贴研究
如在浏览过程中发现问题,请及时在讨论页提出!!(毕竟我还是个代码小白)
在开始浏览本指南前,请确保你详细阅读并理解了编辑指南。没看就现在去看!!
- (虚假的)页面颜色替换
个人理解:把它当作一张纸铺在页面底部。
width: calc(100vw + 数字px)用来调整页面颜色宽度。
height: calc(100vh + 数字px)用来调整页面颜色长度。
实例:点击进入
<div style="background: 背景颜色;position: absolute;left: -999px;top: -999px;width: calc(100vw + 数字px);height: calc(100vh + 数字px);"></div><div style="z-index:101;color:white;background:文字背景颜色;position:absolute;-5em;"><div class="lw-treediv back"><div align=center style="color:文字颜色;font-size:数字em;">文字</div>
- 文字描边/中空文字
颜色使用英文/HTML颜色代码皆可。
文字内填充颜色使用white/#fff,你就会得到中空文字。
一个老生常谈的警告:擅自更改除 文字/文字内填充颜色/文字描边颜色/数字em 以外的内容会得到——nothing
{{文字描边|文字|文字内填充颜色|文字描边颜色|数字em}}
- 文字发光/光晕
原模板:模板:Shadowcolor
颜色使用英文/HTML颜色代码皆可。
实例:草
<span style="text-shadow:0 0 0.数字em 光晕颜色,0 0 0.数字em 颜色;margin:0 0.数字em;font-size:文字大小数字em;color:颜色">文字</span>
- 文字背景颜色渐变
方向是向哪一边渐变,目前有:left/right/bottom/top分别为:左/右/下/上
透明度可以有小数。
颜色使用英文/HTML颜色代码皆可。
实例:草草草
<span style="background-image: linear-gradient(to 方向, rgba(数字1,数字1,数字1,透明度1), rgba(数字2,数字2,数字2,透明度2));">文字</span>
- 浮雕文字/文字阴影
颜色使用英文/HTML颜色代码皆可。
XB老师这里更详细!!用户:偷吃的贡品是雪饼/sandbox
实例: 草 草 草 草 草 草
<span style="text-transform: uppercase;font-size: 文字大小数字px;color: 文字颜色;text-shadow: 数字px 数字px 阴影颜色, 数字px 数字px 数字px 颜色;font-weight: bold;letter-spacing:数字px;"> 文字 </span>