联系官方销售客服

1835022288

028-61286886

分享经验 版主:论坛审计组
分享一个404页面模板
类型:迅睿CMS 更新时间:2022-11-28 23:24:54 404页面 模板

分享一个404页面模板,调用模板的头部跟底部,能很好的融合各大模板。

样式如图:

image

代码如下:

{template "header.html"}

<style>
    .page-404 {
        max-width: 600px;
        margin: 50px auto;
        text-align: center;
    }

    .page-404 h1 {
        font-size: 22px;
        color: #333333;
        margin: 0 0 30px;
    }

    .page-404 a {
        display: inline-block;
        font-size: 14px;
        color: #ffffff;
        height: 38px;
        line-height: 38px;
        padding: 0 20px;
        border-radius: 4px;
        background-color: #52c41a;
        text-decoration: none;
    }

    .page-404 a:hover {
        opacity: .8;
    }

    .page-404 svg {
        display: block;
        width: 100%;
        height: auto;
        max-width: 300px;
        margin: 0 auto;
    }
</style>

<section class="page-404">
    <h1>{$msg}</h1>
    <a href="{SITE_URL}">返回网站首页</a>
    <svg t="1657115709491" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="2516" width="300" height="300">
        <path
            d="M260.266667 789.333333c-21.333333 0-38.4-17.066667-38.4-38.4v-59.733333H38.4c-12.8 0-29.866667-8.533333-34.133333-21.333333-4.266667-17.066667-4.266667-29.866667 4.266666-42.666667l221.866667-294.4c8.533333-12.8 25.6-17.066667 42.666667-12.8 17.066667 4.266667 25.6 21.333333 25.6 38.4v256h34.133333c21.333333 0 38.4 17.066667 38.4 38.4s-17.066667 38.4-38.4 38.4H298.666667v59.733333c0 21.333333-17.066667 38.4-38.4 38.4z m-145.066667-179.2h106.666667V469.333333l-106.666667 140.8zM913.066667 742.4c-21.333333 0-38.4-17.066667-38.4-38.4v-59.733333h-183.466667c-12.8 0-29.866667-8.533333-34.133333-21.333334-8.533333-12.8-4.266667-29.866667 4.266666-38.4l221.866667-294.4c8.533333-12.8 25.6-17.066667 42.666667-12.8 17.066667 4.266667 25.6 21.333333 25.6 38.4v256h34.133333c21.333333 0 38.4 17.066667 38.4 38.4s-17.066667 38.4-38.4 38.4h-34.133333v59.733334c0 17.066667-17.066667 34.133333-38.4 34.133333zM768 567.466667h106.666667V426.666667L768 567.466667zM533.333333 597.333333c-46.933333 0-85.333333-25.6-119.466666-68.266666-29.866667-38.4-42.666667-93.866667-42.666667-145.066667 0-55.466667 17.066667-106.666667 42.666667-145.066667 29.866667-42.666667 72.533333-68.266667 119.466666-68.266666 46.933333 0 85.333333 25.6 119.466667 68.266666 29.866667 38.4 42.666667 93.866667 42.666667 145.066667 0 55.466667-17.066667 106.666667-42.666667 145.066667-34.133333 46.933333-76.8 68.266667-119.466667 68.266666z m0-362.666666c-55.466667 0-98.133333 68.266667-98.133333 149.333333s46.933333 149.333333 98.133333 149.333333c55.466667 0 98.133333-68.266667 98.133334-149.333333s-46.933333-149.333333-98.133334-149.333333z"
            fill="#978CFF" p-id="2517"></path>
        <path d="M354.133333 691.2a162.133333 21.333333 0 1 0 324.266667 0 162.133333 21.333333 0 1 0-324.266667 0Z"
            fill="#E3E5FC" p-id="2518"></path>
        <path d="M8.533333 832a162.133333 21.333333 0 1 0 324.266667 0 162.133333 21.333333 0 1 0-324.266667 0Z"
            fill="#E3E5FC" p-id="2519"></path>
        <path
            d="M661.333333 797.866667a162.133333 21.333333 0 1 0 324.266667 0 162.133333 21.333333 0 1 0-324.266667 0Z"
            fill="#E3E5FC" p-id="2520"></path>
    </svg>
</section>

{template "footer.html"}