版头小精灵 组件

本组件仅供测试

可以给版头右侧加入一个动态像素小人

在你的页面中插入下面这行代码以使用本组件：

[[include :area-cn-02:component:sprite]]

也可以直接用下面的代码，可以修改url里的图片链接，用自己的动图。如果想要自己绘制，让小人正好坐在Sigma-9顶栏上的图片尺寸是200px（宽）141px（高），141px处是顶栏上沿的“基线”，也可以向下延伸，只要按照这个长宽比例，画布开多大都可以，画的时候可以自行发挥。

其它尺寸是个人认为比较合适的位置，也可以改，核心是用#header-extra-div-1这个元素放上去的，仅此而已。

[[module CSS]]
 
div#header-extra-div-1 {
    width: 200px;
    height: 200px;
    position: absolute;
    right: 10vw;
    background-image: url(https://area-cn-02.wikidot.com/local--files/component:sprite/sprite.gif);
    background-repeat: no-repeat;
    background-size: contain;
}
 
[[/module]]