I LOVE YOU BABY

我们的爱情故事

简介

第四波简介地址如下: http://www.bigeone.cn/love/index4.html

第四波演示地址如下: http://www.bigeone.cn/four/index.html

演示地址: http://www.bigeone.cn/story/one/index.html

这是程序员表白系列中的第三波“我们的爱情故事”,我一开始的想法是,把爱情中经历的点点滴滴记录下来,以后老了可以 慢慢回忆,记录我们的幸福时刻。当我们吵架时,看到我们这一路经历的风风雨雨,也能心平气和的感动自己。

感动,风雨同舟,幸福记录。

爱情,到最后终究都是平平淡淡的幸福,一生长长久久的相伴, 没有什么太多的惊天动地的大事件,走得最远的,才是最幸福的。

2019年3月16日添加:增加了手机适配,毕竟大多数人用的是手机。我做了两个页面,一个 PC端一个手机端,当打开页面时发现是PC时跳转到PC页面,否则跳到手机页面。两个页面还是有很大区别的,文字大小、 方位都有改变,但大体相同。同时增加了一个点赞效果。

如果大家有想要做的网页,看上的网页,想改成自己的,都可以来找我, 一般网页应该问题不大,但我并非专业的前端程序员哦,只是也能稍微会点而已

这一波的网站模板,我还在收集整理制作中,这是第一个出来的网站,暂时还没来得及做代码整理,因为有很多测试和新尝试的代码,所以代码看 起来会有些凌乱,所以暂时没有将源码放出来,等整理好了,容易让大家修改了,就会放上来。当然,如果有人觉得这个故事网站还不错,想现在就用的话, 可以发邮件来,我会发源码给你,虽然是未整理的,得自己看着源码修改啦。

程序员表白第一波是一个安卓APP,现在已经停止维护了。那是我将近十年前的作品了。 近期有时间,我可能会重新修改整理,当年的,现在看起来有点花俏和非主流。

程序员表白第二波是网站表白,有8个表白网站。我最近也还在做不用建站, 直接在网页上设置就可以用的设置页面。

如果有任何问题,可以通过邮件联系我,wuxia2001@sina.com

顺便求一波打赏,微信支付,金钱随意,赞赏是最大的动力。。 Y(^_^)Y

程序员表白第一波安卓APP(已停止维护,近期将重新修改发布): https://blog.csdn.net/wuxia2001/article/details/18268005

程序员表白第二波的介绍:http://www.bigeone.cn/love/index.html

loveyue1 演示地址:http://loveyue1.bigeone.cn

loveyue2 演示地址:http://loveyue2.bigeone.cn

loveyue3 演示地址:http://loveyue3.bigeone.cn

loveyue4 演示地址:http://loveyue4.bigeone.cn

loveyue5 演示地址:http://loveyue5.bigeone.cn

loveyue6 演示地址:http://loveyue6.bigeone.cn

loveyue7 演示地址:http://loveyue7.bigeone.cn

loveyue8 演示地址:http://loveyue8.bigeone.cn

源码/修改

因为刚做出来,一来不知道效果如何,二来也还没时间去整理,代码有些凌乱,所以暂时没有开放,如果 有需要,请发邮件到wuxia2001@sina.com

网站截图如下(有些动画效果自己去试更好)

使用时的注意点

我虽然这里没有放出源码,仅是因为没有整理好,愿意看和自己改的人找我要我一定会给的, 这并非什么隐秘或重要的东西。当然同时这也是我花时间做的东西,有条件的还是可以赞赏一下的。

朋友们拿到源码后,直接用浏览器打开one.html,就得看到网站效果。 里面的大部分控件都有动画效果,我建议就是动画效果就别动了。改文字和图片就行。

修改的话,用文本工具修改,最简单的用记事本打开,但一般并不推荐记事本, 功能太少,不方便,推荐可以使用sublime,我用的就是这个,也可以vim,notepad之类。到于是不是 要用开发工具,比如eclipse,webStorm,Dreamweaver,vc++,IntelliJ之类的,这些工具都是可以的,但专业 性太高,你们用到的功能不到百分之一,完会是没必要的,如果本就安装了的,直接用这些工具打开也是可以的

用文本工具打开后,从上往下讲,第一行文字是:"陪伴是最长情的告白,无论生老病死,我都愿陪你到天荒地老", 如果要改这行文字,你在这个文件里全局搜索就行,一般搜索都是ctrl+f,搜索这行字,修改成你想的就行。但凡是 改文字的,都可以这样改。比如后面的时间,也都这样搜索到再改

中间的一男一女的图片,可以不用改,如果是女表男的话,图片要换一下,把boy.png换成boy_u.jpeg, 把girl.png换成girl_i.jpeg。这里,如果有高清的图像的话,可以改成自己的图片。这里的图片都放在images目录下

我的爱情历程,基本上是必改的,因为每个人的经历都是唯一的。在第72行 ul 开始的标签里,每个下属的li都是一个历程。 可以复制第一个li标签(从<li>开头到</li>结束为一个li标签),改里面的文字和图片。有多少个历程,复制多少个li就行。 但有区别的是,在双数 li 的class 里,多了个 timeline-inverted ,这是让文本框出现在右边。所以复制的时候,两个li一起复制就行。 文字,图片和时间都自行设定吧。图片,这里可以统一改为自己的图片。但有的可能没有图片,就可以像我一样用卡通图片补充一下。

我们的山盟海誓这一段主要写一些感人肺腑的文字,有文采的自己写一些出来吧。

我们的爱情见证,那就是照片墙,放些好看的照片上去,从见面到现在保存的照片都放一点上去。记得PS美化一下, 不懂PS的就用美图弄弄,别傻不傻的用太素颜的。

我们的爱情见证,那就是照片墙,放些好看的照片上去,从见面到现在保存的照片都放一点上去。记得PS美化一下, 不懂PS的就用美图弄弄,别傻不傻的用太素颜的。

音乐的话,自己记得把音乐文件剪辑压缩一下,不要太大。替换MP3文件就行

建站

有了修改后的源码,还需要建站才能在网上被心爱的人看到, 至于用 新浪云如何建站,请大家移步到这: http://www.bigeone.cn/love/index.html

新浪云的建站主要是免费,用的次数不多,可以用新浪云。

但如果有意的朋友,可以自己申请域名和服务器(或虚拟主机),有心的朋友,我这里有大体教一下用阿里云如何 建站。当然我这里只是简单讲一下建站,只是静态网页,不会有还有数据库啊什么之类的。

阿里云,先说一下价格。域名申请的话,一年的费用大约是.cn的一年29元, .com的一年也才60元,每年要续。

申请到域名后,要备案,阿里备案是免费的,但要拍照,照片需要背景幕布,需要阿里云邮寄给你,你再拍照上传, 备案,这都是免费的。

备案的话需要主机,最便宜的云服务器就行,阿里云路径如下: 阿里云主机 云主机一般都比较贵,最便宜的一般300多一年,但是,如果遇到优惠,就很便宜,比如2018年双11, 最便宜的主机,新用户300元3年。搞活动的时候主机还是比较便宜的。

弄到云主机后,就备案就行,阿里有教程,但要等20多天。如何域名在阿里买,则备案和主机都在阿里买,省很多事。 后面这个地址是阿里的域名和备案的文档

备案完后,把域名解析到你的ip就行。如何就是主机建站。阿里是有教程的。 在阿里上,还有镜像建站这些,不需要购买,这些帮忙自动建站的都是要付费的,真的不需要买,随便搞搞就能成功的。

这里需要付费的地方,就只有买域名和买主机,其他比如备案,建站都不需要再付费。 主机如果是windows系统,就装IIS,就得电脑装个IIS一样,装软件一样很简单的。远程桌面登录上主机,IIS建站, 百度一下,教程很多的,也很简单的,因为我们的网站只是静态网页,只要网站路径指向这里就行。 如果是centorOS系统的话,就装tomcat就行。网上教程一大把的。

打赏八毛钱获取源代码文件,请选择   微信打赏 或   支付宝打赏

Image

点击下载地址下载源文件,或右键另存为   源文件

关于打赏说明:打赏功能还在试验和开发中,打赏是直接打赏到我的账户,通过不同的金额确定谁支付的,可能存在支付了但页面却显示未支付的情况,请原谅个人开发者的艰难(无企业都没办法申请微信支付),谢谢您的打赏,请发邮件到wuxia2001@Sina.com索取源文件,无论打赏与否,源文件都发送的,谢谢


Copyright @ wuxia2001 版权所有 湘ICP备18022621号