超好看的恋爱记录源码 – 二改

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

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

<hr color=”blue”>

(后台编辑无法点击跳转,原贴请直接搜索以下标题)
原贴标题:【MER】表白记录源码
原贴楼主:【Mer】沐辰

<hr color=”red”>

演示站:https://test.hyk416.cn

 

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

 

源码:https://xrlh.lanzoui.com/iTbkAwj9xra

 

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

 

 

【修改内容】:

 

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

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

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

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

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

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

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

 

<hr color=”yellow”>

 

首先,看下效果对比:

图片[1]-超好看的恋爱记录源码 – 二改-朝晞小屋

 

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

 

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

图片[2]-超好看的恋爱记录源码 – 二改-朝晞小屋

 

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

图片[3]-超好看的恋爱记录源码 – 二改-朝晞小屋图片[4]-超好看的恋爱记录源码 – 二改-朝晞小屋

 

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

图片[5]-超好看的恋爱记录源码 – 二改-朝晞小屋图片[6]-超好看的恋爱记录源码 – 二改-朝晞小屋

 

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

图片[7]-超好看的恋爱记录源码 – 二改-朝晞小屋

 

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

图片[8]-超好看的恋爱记录源码 – 二改-朝晞小屋图片[9]-超好看的恋爱记录源码 – 二改-朝晞小屋

 

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

图片[10]-超好看的恋爱记录源码 – 二改-朝晞小屋

 

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

图片[11]-超好看的恋爱记录源码 – 二改-朝晞小屋

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

图片[12]-超好看的恋爱记录源码 – 二改-朝晞小屋

 

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

图片[13]-超好看的恋爱记录源码 – 二改-朝晞小屋

 

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

图片[14]-超好看的恋爱记录源码 – 二改-朝晞小屋

 

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

图片[15]-超好看的恋爱记录源码 – 二改-朝晞小屋

 

<hr color=”black”>

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

 

文章版权声明 1、本网站名称:朝晞小屋
2、本站永久网址:https://www.zxiyun.com/
3、更多有趣网站:http://dh.zxiyun.com/
4、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ2604140139进行删除处理。
5、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
6、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
7、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

© 版权声明
THE END
喜欢就支持一下吧
点赞11
分享
评论 抢沙发

请登录后发表评论