GoDaddyの503ページを更新して500ページを追加しました
昨日、Internal Server Error (500エラー)が出て、アクセス出来ない上代でした。ごめんなさい。
500エラーも味気ないです。次の方法と同じ方法で、見栄えが良くなる様に、作りました。
- GoDaddyでSVG使用の503エラーページを作る : プラスα空間 (2015年3月6日)
まずは、500エラーのページです。例によって、交通標識にしました。通行止めです。
<svg height="200" width="200">
<circle cx="100" cy="100" r="98" stroke="red" stroke-width="3" fill="white" />
<circle cx="100" cy="100" r="80" stroke="red" stroke-width="25" fill="white" />
<line x1="30.72" y1="60.00" x2="169.28" y2="140.00" stroke="red" stroke-width="20" />
<line x1="30.72" y1="140.00" x2="169.28" y2="60.00" stroke="red" stroke-width="20" />
<text x="100" y="154" fill="blue" text-anchor="middle" font-family="sans-serif" font-weight="900" font-size="40px">500</text>
</svg>
SVGの書き方は、次のページを参考にしました。大変助かります。ありがとうございます。
それと、文字をセンタリングする方法がわかりました。ありがとうございます。
これで、他のブラウザから見ても、あまり図が崩れなくなりました。
503エラーページも作り直しました。前は、車両通行止めだったのですが、一時停止にしました。
<svg height="200" width="200">
<polygon points="2.00,15.13 198.00,15.13 100.00,184.87" stroke-linejoin="round" style="fill:white;stroke:red;stroke-width:3" />
<polygon points="20.00,25.59 180.00,25.59 100.00,164.15" stroke-linejoin="round" style="fill:red;stroke:red;stroke-width:10" />
<text x="100" y="80" fill="white" text-anchor="middle" font-family="sans-serif" font-weight="900" font-size="40px" text-align="center">503</text>
</svg>
なんだか、このページを見るために、サーバーに負荷がかかるのを喜んでたりします。まずい。
ディスカッション
コメント一覧
まだ、コメントがありません