• 中文
    • 繁体
  • 注册
  • HTML HTML 关注:3 内容:9

    个人动态樱花引导页源码 基于Dimension修改

  • 查看作者
  • 打赏作者
  • 当前位置: 拿去吧论坛 > 源码分享 > HTML > 正文
    • 2
    • HTML
    • Lv.2
      会员

      一款好看的个人引导页,普通虚拟主机即可搭建,无需其他环境。

      把源码上传到服务器,修改index.html里面的代码,访问域名就可以使用。

      纯Html-Css-JavaScript

      该源码作者碎念的博客:https://blog.nianbroken.top/

      注意

      此源码是基于 Dimension 的二次修改

      Demo 1:https://nianbroken.github.io/Personal_Sakura_Guide_Page/

      Demo 2:https://www.nianbroken.top/

      Github:https://github.com/nianbroken/Personal_Sakura_Guide_Page/

      Gitee:https://gitee.com/nianbroken/Personal_Sakura_Guide_Page/

      修改内容

      • 将页面内头像改为本地头像

      • 将原本的背景替换为动态樱花背景(参考自 fwxiaohan.github.io )

      • 去除<li>标签的锚点链接,改为文本链接

      • 去除超链接下方的横线

      • 去除页面中间的黑色块块

      • 增加显示访问者IP地址(调用 https://pv.sohu.com/cityjson?ie=utf-8 接口)

      Dimension与个人樱花引导页的对比:

      Dimension

      个人动态樱花引导页源码 基于Dimension修改

      个人樱花引导页

      静态图

      个人动态樱花引导页源码 基于Dimension修改

      由于GIF太大,就不放动态演示了,直接去作者的演示站看吧

      https://www.nianbroken.top/

      下载地址

      链接:https://pan.baidu.com/s/1lcsAog9yB2ANRV2MA8g15w 

      提取码:naba 

      复制这段内容后打开百度网盘手机App,操作更方便哦

      Lv.2
      感谢分享!
      回复
      Lv.1
      感谢分享!
      回复

      请登录之后再进行评论

      登录
    • 实时动态
    • 偏好设置
    • 帖子间隔 侧栏位置: