首页源码分享文章详细

2020年一款唯美好看的动态404页面

原创2021-04-20 12:22:09 104

今天在网上找到一款好看的404页面,免费下载地址:youkez.com/ky/404.zip

手机端

电脑端


使用方法

打开404.html文件,编辑一下网站名称和QQ,然后上传到服务器或者主机空间替换原来的404文件即可。

注:若是不需要MP4就把那个蓝标代码删除即可。(手机截图请见谅)


若是不想下载文件,可直接建个HTML复制粘贴代码

下方代码引用优客站 youkez.com 的图片以及css文件

代码如下

<!doctype html>

<html>

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=375px,user-scalable=no,viewport-fit=cover" homon="true">

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <meta name="ahot-aplus" content="1">

  <meta name="aplus-rate-ahot" content="0.5">

  <title>404</title>

<link rel="stylesheet" href="https://youkez.com/404/index.css">

</head>


<body>

<div class="aliyun-module">

    <div class="componenet-wrap ace-render-2">

        <div class="" style="max-width: 100%;">

            <div class="ace-yunqi-homepagetop-0907">

                <h1 class="text-h1">优客站</h1>

                <div class="background">

                <img alt="背景图片-静态" src="https://youkez.com/404/1.jpg" class="background-image-nagetive">

                <img alt="背景图片-动态" src="https://youkez.com/404/4.gif" class="background-image-active">

                <img alt="背景图片-PC静态" src="https://youkez.com/404/3.jpg" class="background-image-active-pc">

<img alt="背景图片-动态" src="https://youkez.com/404/4.gif" class="background-image-active">

                </div>

<div class="frame">

    <div class="image-frame"><img src="https://youkez.com/404/2.png" class="image is-visible" alt="404"></div>

    <div class="button-group">

    <a href="javascript:history.go(-1);">返回<div class="border-bottom"></div></a>

    <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=改成自己QQ号&amp;site=qq&amp;menu=yes">QQ<div class="border-bottom"></div></a>

    </div>

</body>

</body>

</html>


快审推荐