【源码分享】超好看的恋爱记录源码 - 二改

网站搭建   © 文章版权由 admin 解释,禁止匿名转载

#楼主# 2021-11-15

准确的来说,这是三改,当然,也可能更多[滑稽]

事情起因就是我将一个帖子的源码修改,于是就有好几个HXD找我要这个改版的源码,今天给整理分享一下[滑稽][玫瑰]




(后台编辑无法点击跳转,原贴请直接搜索以下标题)
原贴标题:〖WD〗教你们搭建恋爱记录网页,以及修改教程
原贴楼主:墨涵吖


演示站:

本帖含有隐藏内容,请您 回复 后查看

【演示站所有信息均未添加,全部为默认状态,故可能存在无法留言或部分信息无法查看的情况】

源码:

本帖含有隐藏内容,请您 回复 后查看

【源码中的隐私信息已全部替换,如需更改请参考以下说明自行更改】

【修改内容】:

①删除了顶部文字,更改为情侣双方头像(QQ号头像)

②删除了原版的中上部四个图标,将大部分文字居中显示,适当调整文字大小

③将中右侧长文本删除,替换为两人双方地址显示

④纪录页面替换效果,更直观

⑤将中左侧的头像显示替换为留言板入口,引入Valine开源评论系统

⑥适当调整各模块大小,删除多余无用文件

⑦更改纪录页面样式(可能存在较多问题,如不合适请查看下面的说明替换为原样式)


首先,看下效果对比:

关于源码修改后的几个问题及说明:

No.1 页面中大部分文字请在根目录index.html中修改

No.2 这个时间也在根目录index.html中修改,位于第39行

No.3 首行文字,在js/index.js中第二行修改(源代码比较乱,我这里做了格式化处理)

No.4 顶部头像修改请在index.html中的第24、25行将途中的所示位置替换为你俩QQ号

No.5 留言系统,这个是我自己添加的,采用的Valine,开源的一款快速、简洁且高效的无后端评论系统,这个需要你们自己去注册账号。注册方法及使用方法写在liuyan/README.md中,官方有详细教程,这里不过多介绍。

需说明的是这个里面也有个时间记录,修改位置在liuyan/index.html中第126行

No.6 文案界面内的输出语句,在wa/index.html中修改

输出结束后的显示页面在wa/text.html中修改(源代码文件名为zhl-2.html,我这里修改为text.html)

No.7 相册请先将图片上传至img目录内并命名好,建议使用英文或数字,然后在xc/index.html 中将标记位置修改为你上传后更改的文件名,有更多照片继续后面添加即可。我的演示站中没有添加,这个你们自行添加。

No.8 纪录页面,这个我更换了,不是原来的样式,更改位置在jl/index.html中。

替换后的效果:

http://cdn.u1.huluxia.com/g4/M02/FC/4D/rBAAdmGSRxmARWGbAARWS_Cm7UM576.png,1339,942,http://cdn.u1.huluxia.com/g4/M02/FC/4D/rBAAdmGSRx2ANZpQAJtD6SWGLg0646.gif

如果喜欢原版的页面我也保留了,请将根目录中index.html中的第101行修改为./lc/index.html

No.9 底部音乐修改位置在根目录index.html中的第106行,将此处链接替换为你需要的网易云音乐链接


其他的有疑问再后续补充。

沙发
默认昵称 2021-11-15
发的我都看不懂[阴险]
都不修复下,差评
地板
昔日轮回 2021-11-15
你要修复啥[滑稽]
把无法跳转的修复下

5楼
昔日轮回 2021-11-15
[滑稽]哪个无法跳转
6楼
老白不姓白 2021-11-15
楼楼有没有HTML的软件
7楼
老白不姓白 2021-11-15
刚买的笔记本,学计算机专业的
8楼
昔日轮回 2021-11-15
VScode[滑稽]DW都行,随你自己
9楼
昔日轮回 2021-11-15
[阴险]你看不懂就对了
10楼
白渝 2021-11-15
看不懂,打凯币吧[乖]

评论

登录后才可发表内容
  • 主题

    2

  • 帖子

    124

  • 关注者

    0

Copyright © 2019 凯特网.   Powered by HYBBS 2.3.4  

Runtime:0.4315s Mem:2068Kb