html表白代码_520,用代码表白,送给你最爱的人

来自:Datawhale(微信号:Datawhale)

520到啦,不知道小伙伴们有没有想好怎么表白呢? 搜集了一些栗子供大家参考哟!

这里是栗子

那些年程序员的情话

编程语言真是神奇,从古至今的表白语言都可以转化为程序语言来表达~

html表白代码_520,用代码表白,送给你最爱的人_第1张图片 html表白代码_520,用代码表白,送给你最爱的人_第2张图片 html表白代码_520,用代码表白,送给你最爱的人_第3张图片

代码花式表白

除了文字形式的表白,还可以用代码完成特效(^U^)ノ~YO 项目地址:

http://bigeone.cn/love/index.html

不仅提供了8种花式表白的心形特效,还附有修改说明,真良心网站!

html表白代码_520,用代码表白,送给你最爱的人_第4张图片 html表白代码_520,用代码表白,送给你最爱的人_第5张图片 html表白代码_520,用代码表白,送给你最爱的人_第6张图片 html表白代码_520,用代码表白,送给你最爱的人_第7张图片 html表白代码_520,用代码表白,送给你最爱的人_第8张图片 html表白代码_520,用代码表白,送给你最爱的人_第9张图片 html表白代码_520,用代码表白,送给你最爱的人_第10张图片 html表白代码_520,用代码表白,送给你最爱的人_第11张图片 html表白代码_520,用代码表白,送给你最爱的人_第12张图片

这个网站提供了详细的指导,如何在新浪云上建站,如何上传、修改源代码,大家可以按照步骤建立网站,然后把网页发给心仪的对象哟~(什么,有童鞋问小编有没有对象?当然有了,不仅有对象,小编还有对车,对马,对炮,对士和五个卒,手持一套象棋,要啥有啥,小编可厉害了呢୧(๑•̀◡•́๑)૭)

特效网页的简易版教程

或许有童鞋觉得上面那个建立网站流程太复杂,没有建站经验的自己不好操作,别担心~手把手教你,本地文件统统搞定!

Step1. 下载文件

源码打包下载地址

Github: https://github.com/wuxia2001/loveyue

这是上面良心网站提供的源代码,内含8种花式表白。

html表白代码_520,用代码表白,送给你最爱的人_第13张图片

Step2. 挑选自己喜欢的模板

按照8种特效的效果图呢,小编觉得效果1很不错,确认过眼神,是对的特效!

Step3.修改代码

接下来,我们就要开始修改啦,不要担心!作者的代码写得很好,我们只需要简单的修改变量就好啦~打开下载好的html文件。

用浏览器打开html文件,我们可以在浏览器看效果~

html表白代码_520,用代码表白,送给你最爱的人_第14张图片 html表白代码_520,用代码表白,送给你最爱的人_第15张图片

接下来进入修改环节,小编使用notepad++软件来打开html文件,强烈推荐这个软件,贼好用(^o^)/~

html表白代码_520,用代码表白,送给你最爱的人_第16张图片 html表白代码_520,用代码表白,送给你最爱的人_第17张图片

上面红框的大段文字,对应的是效果中左侧的表白,如果想要修改表白内容的话,就修改上面红框中的汉字。如果还想修改表白的话里的颜色,直接在span里加一处style="color:red",比如: 

'我的小可爱'

html表白代码_520,用代码表白,送给你最爱的人_第18张图片

第186行这里,可以修改你们在一起的开始时间哟,没有对象的童鞋,可以填写开始喜欢的时间。小编当然是填写Datawhale成立时间啦~2018年12月6日!然后程序会自动计算到目前为止,一共经历了多长时间。

Step4. 把程序打包好,发给你喜欢的人~

制作效果如下:

实现源码直接获取 Github: https://github.com/wuxia2001/loveyue


●编号821,输入编号直达本文

●输入m获取文章目录

相关推荐↓↓↓ 

html表白代码_520,用代码表白,送给你最爱的人_第19张图片

Python编程

你可能感兴趣的:(html表白代码,html表白代码大全,html表白特效源代码,python表白代码,有趣的编程代码表白,浏览器表白相片代码)