瞎扯淡 求一个好看点的 404。。。

lihuazhang · 2012年03月18日 · 最后由 es6china 回复于 2017年09月19日 · 4866 次阅读

刚发现 404 还是 rails 经典 404 啊

404 还是自己定制一下吧,否则就太山寨了

这两个我最喜欢。。很有设计感。。

#1 楼 @ywencn 我决定把这两张放到毕业设计上!看看老师的反应。哈哈。。

如果是本社區的話,當然是一個丟了紅寶石青花碟啦,和 logo 相呼應啊。如果是 gif 圖就更有意思啦

看看这个纯 CSS 版的如何?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>>抱歉,您访问的页面不存在。</title>



<style>

body { text-align:center; background: #f5f5f5; }

h1 { font-size:300px; color: #06C; font-family:Arial, Helvetica, sans-serif; font-style: oblique; margin: 0.1em 0px 0px; line-height:1; height:240px; overflow:hidden }

h1 sup{ font-size:24px; line-height:50px;vertical-align:text-top;margin-left: -20px; }

h2 { font-family:"microsoft yahei"; font-weight:normal; line-height: 1.2; }

p { font-size:11px; color:#666; font-family:Verdana }

a:link { color: #4170C7; text-decoration: none; }

a:visited { color: #4170C7; text-decoration: none; }

a:hover { color: #0052E7; text-decoration: none; }

a:active { text-decoration: none; }

</style>

</head>



<body>

<h1>404<sup>error</sup></h1><div>

  <h2>抱歉,您访问的页面不存在,<a href="/">返回首页吧</a></h2>

  <p>The page you were looking for doesn't exist.You may have mistyped the address or the page may have moved.</p>

    </div>

</body>

</html>


谁 fork 一个 ruby-china, 提交个 cl 呗

#1 楼 @ywencn 哈哈,这个太有意思了。

需要 登录 后方可回复, 如果你还没有账号请 注册新账号