RaSharim 发表于 2026-1-17 17:53:47

【奇幻工坊】【空间模板】只需“三步”即可拥有同款空间

本帖最后由 RaSharim 于 2026-2-18 01:22 编辑

此模板后续在新帖:一个更好用的保存空间及分享的脚本——装修仓库继续更新
观前叠甲
static/image/hrline/4.gif
1.此贴是通过CSS代码进行个人空间装修
2.此贴只提供空间模板代码,如果有大量空间改动想法还是建议参考如下网站自行调整更改:
discuz论坛自定义个人空间css样式(1:2:1布局)
discuz论坛自定义个人空间css样式(1:3布局)
3.由于代码是我通过ai修改生成的,所以有些代码方面的问题我可能也解释不了:dizzy:
PS:如果管理觉得此贴会造成不好的影响,也可联系我删除!
static/image/hrline/4.gif


正文内容
static/image/hrline/1.gif

在使用这套代码之前,可以先点击我的头像进入空间查看效果,再决定使不使用
一旦使用了代码,再想还原成之前的空间就会比较麻烦,所以要慎重哦

另外有一点需要注意,在CSS代码中最好不要有中文,注释也不能有至少我使用有注释的代码是没有效果的


第一步:
打开附件“1:1:2框架布局.txt”,全选复制其中所有内容后,
在一个有文字输入框的地方(比如某个帖子里,比如我这个帖子里),
按F12打开控制台把代码粘贴进去输入后,在屏幕上方会弹出一个输入框:


但现在不用往输入框内添加代码,直接点击确定


第二步:
你就得到(如下图)一个1:1:2框架的初始空间了



重重之重!
现在点击空间内右上角的装扮空间,
如果你的自由模块1,2,3,4,5里有其它的内容,需要你把其中的内容复制粘贴出来,另外保存哦,
不然可能会导致空间与模块十分混乱,
然后打开附件”勋章代码.txt“,按照里面每个模块的内容分别输入到每个模块里保存,

(这个勋章代码附件里是赠礼代码,需要你把代码中的”你的UID“部分替换成你的UID,
你的UID可以在你的空间的网址中找到,比如下图里的数字:661948就是我的UID

可使用Ctrl+H快捷键唤出替换栏)

模块里的赠礼勋章效果参考了星之子大佬的帖子:
【勋章相关】空间一键 更美观的版本 - C O D E - GameMale最新游戏MOD资源交流论坛!


第三步:
回到帖子里,重新进行第一步的内容:打开控制台,输入附件内的代码,弹出输入框
但是这次要打开附件”可展开鹿人店.txt“,全选复制里面的内容,粘贴到输入框内,
点击确定后,再打开空间等待一下图片加载,你就获得一个同款的空间了:




是不是很简单!
如果你查看空间后觉得效果很好也无需更改,就可以到此为止啦!


但是如果你觉得有些地方需要改变一下,
我也会在这举一些例子帮助你快速掌握这些代码来自定义一些内容

①如何调整赠礼模块里的内容,例如


把代码里的咸鱼换成补脑

根据附件”勋章代码.txt“里的内容,
咸鱼:补脑:
比对可以发现,赠送代码的差别只有其中数字的195与46,
所以把模块中代表咸鱼的195换成补脑的46,然后再把后面的图片链接换成补脑的链接即可。
(不过因为我的想法就是每个模块只放3个勋章链接,如果需要一个模块内有4个或5个勋章赠礼,
可能暂时没办法做到,需要等我后面更新一下背景图片和模块链接)



②如何调整界面里的模块位置,例如



在中间栏的自由模块4和统计信息中间插入一个自由模块5

根据附件”模块代码.txt“里的内容
你可以找到关于自由模块5的代码,将其复制之后,打开附件”1:1:2框架布局.txt“
找到代表中间栏的代码,

在自由模块4与统计信息里插入自由模块5的代码,如下图

再重新走一遍上面的三个步骤,你就会发现在自由模块4下面多出一个自由模块5

通过这样的方法,你可以添加新模块,删去老模块,以及调整模块的所在位置,
比如你想把自由模块5放到中间栏最下面,那你把自由模块5的代码挪到统计信息代码下面即可


③如何更换各个部分的图片,这个无需举例
直接打开附件”可展开鹿人店.txt“以及”可展开鹿人店(有注释版)“
在有注释版本的查找栏搜索”url“,后面括号里面的内容就是图片的链接,如下图

你可以根据注释来知道这个图片是放在哪里的,比如上图的代码就是空间的大背景图
想更换整个空间的大背景,你就需要找一个图床(我用的是hello图床,不过只能要能显示,什么图床都可以)
把图片上传到图床里后复制链接替换我的图片链接就可以了
static/image/hrline/1.gif


看到这里,相信你也对这些代码有个基础的认知啦
其它细小部分的修改,避免篇幅过长就不在这里列出啦,可以参考附件里的注释进行修改
希望大家能在看完此帖后对空间装修都能有所收获!
在使用代码时如果有建议或者是遇到问题,也可以发评论告诉我{:6_184:}

最后再强调一遍,在CSS代码中最好不要有中文,注释也不能有至少我使用有注释的代码是没有效果的


写贴不易,希望能获得一些追随:$
static/image/hrline/line7.png


蓝灯 发表于 2026-1-17 17:56:46

{:4_89:} 被大佬的空间美到   

cinder 发表于 2026-1-17 18:05:51

效果很棒但感覺會給伺服器負擔呢.=w=

monka521 发表于 2026-1-17 18:05:51

好厉害!感谢大佬的分享,最近刚好准备装修来着,收藏啦;P

Burry 发表于 2026-1-17 18:06:54

空间原来还能代码设计啊,学到新东西了,以前都是自己手动弄的。

凯诺斯 发表于 2026-1-17 18:16:32

很详细的操作步骤呀,想起了以前玩QQ空间的那种感觉

泠泠泠泠 发表于 2026-1-17 18:16:38

好酷!!我将逐字逐句学习……
https://img.gamemale.com/album/202601/08/234138av3picy8iqbb1p5c.jpg.thumb.jpg

lyrt1996 发表于 2026-1-17 18:20:22

一直觉得能把空间布置的很漂亮的人很厉害{:6_164:}

呆到自然蠢 发表于 2026-1-17 18:26:43

可以美美的装饰空间真的很棒呢

娱乐法师火布偶 发表于 2026-1-17 18:28:44

懒得设计效果了,因为个人空间基本上没什么访问的需求

紫-漾 发表于 2026-1-17 18:39:02

大开源时代,期待未来看到更多坛友好看有趣的个人空间哩
https://img.gamemale.com/album/202601/04/012310kov2xcexx725bo55.gif

哇啦哇啦 发表于 2026-1-17 18:39:12

感谢分享,虽然喜欢好看的空间,但同时又懒得搞,哪天兴致起了再说吧

柏芸 发表于 2026-1-17 18:40:07

之前就馋老师的空间好久啦,没想到真的把模版给做出来了aa,这段时间放假准备好好打磨一下:$

轮回2L 发表于 2026-1-17 18:46:29

好厉害厚,也是能设计出好看的空间了{:6_172:}

咸鱼鱼 发表于 2026-1-17 18:48:06

因为太炫酷了连夜加急用U老师的查房脚本把你打入冷宫

万俟 发表于 2026-1-17 18:54:09

哇,楼主的空间好漂亮啊,羡慕了。。可是我好懒

被宽恕的色欲 发表于 2026-1-17 18:59:23

好厉害的模版,感谢楼主的模版分享,等过年有大空闲时弄弄

盘上雷 发表于 2026-1-17 19:01:14

好高的技术力,进楼主空间直接播放动画也太惊艳了:$

峰辰 发表于 2026-1-17 19:59:51

学费了,马上实操看看

cdcai 发表于 2026-1-17 20:22:41

直接把别人的空间复制过来吗,厉害了
页: [1] 2 3
查看完整版本: 【奇幻工坊】【空间模板】只需“三步”即可拥有同款空间