覃师宁博客自用网站维护页面模板,因为追求简单,所以博客自用的维护页面模板单纯的用html+css写入,不添加任何图片素材和调用其他js脚本。
网站维护页面代码追求简单,极致,这里附上html与css代码
html:
- <div class="notice-wrap">
- <div class="notice">
- <h1>覃师宁博客升级维护公告</h1>
- <p class="notice-cont">为了给您提供更优质的内容资源,覃师宁博客于<span>2020年11月29日</span>起开展服务器例行维护,具体开放时间待定,感谢您的访问</p>
- <p class="notice-tel">如有疑问请联系站长微信:<span>SN900518</span>,或关注微信公众号:网创邦【内容不定期更新】</p>
- <div class="notice-foot">
- <p>覃师宁博客</p>
- <p>2020年11月28日</p>
- </div>
- </div>
- </div>
css:
- .notice-wrap {
- width:800px;
- margin:0 auto;
- padding:100px;
- }
- .notice-foot {
- float:right;
- }
- span {
- color:#ed2000;
- }
覃师宁博客使用的是帝国cms程序建站,至于帝国cms如何设置维护页面,请看文章:帝国cms如何设置网站维护页面