Page Error Css
Contents |
All Topics Web design 34 brilliantly designed 404 error pages 34 brilliantly designed 404 error pages By Creative Bloq Staff Web design Clicking on a broken link is a pain, but a witty and well-designed error page at least sweetens the
Error Page Html
pill. Here are some designs to inspire you. Shares Page 1 of 2: Page 1 404 error page examples Page 1 Page 2 If you're working on how to start a blog or website, don't forget the all-important 404 page – a error page template bootstrap standard response code in HTTP telling the user, in effect, that they've clicked on a broken link.It's traditionally been an immense source of frustration, but in recent years, creatives have taken up the challenge of designing bespoke
500 Error Page
404 pages that at least sweeten the pill of finding you're in the wrong place.When done really well, they become mini-ambassadors for the website itself, being shared on Twitter and blogs as an example of the site or service's keenness for customer service and unique approach to design. The 34 we present here have achieved all this and more, so take a look and be inspired to create your own bespoke 404 pages!01. Hillary ClintonHillary Clinton's
404 Page Not Found
404 page is just the ticketIn the name of balance we totally checked out Donald Trump's 404 page and it was thoroughly uninspiring, but at least inoffensive. But if the US presidential election was decided on the quality of the candidates' 404 page then Hillary Clinton would win the heck out of it, for the GIF of her having trouble with her train ticket and for the link for getting people to sign up to volunteer.02. Dan WoodgerGuys, it's a cheeseburger on skates; what's not to love?Some 404 pages are little technical masterpieces, and some, specifically Dan Woodger's, feature a drawing of a cheeseburger on roller skates. It might push any boundaries but it at least give you an idea of Dan's style, and encourages you to click through to the rest of his work.03. FigmaMessing with vectors is so much fun when it's not actual workEven though we have a copy of Adobe Illustrator right here, and could play with anchor points and Bézier curves literally any time we want, we're still entranced by Figma's 404 page, in which the big 404 is rendered in vectors that you can reshape to your heart's content.04. South West TrainsThe regularity of this service is a little incongruous, to be honestSouth West Trains recently launched a new site (which you can read all about in issue 284
make a single error page for all errors, which is easier to update and maintain. 1) Point all error pages at one location material design 404 page in your .htaccess file ErrorDocument 400 /error.php ErrorDocument 401 /error.php ErrorDocument 403 /error.php
Simple 404 Page
ErrorDocument 404 /error.php ErrorDocument 500 /error.php etc. 2) PHP for error.php page in root $status = $_SERVER['REDIRECT_STATUS']; $codes = array( simple 404 page html 403 => array('403 Forbidden', 'The server has refused to fulfill your request.'), 404 => array('404 Not Found', 'The document/file requested was not found on this server.'), 405 => array('405 Method Not Allowed', 'The http://www.creativebloq.com/web-design/best-404-pages-812505 method specified in the Request-Line is not allowed for the specified resource.'), 408 => array('408 Request Timeout', 'Your browser failed to send a request in the time allowed by the server.'), 500 => array('500 Internal Server Error', 'The request was unsuccessful due to an unexpected condition encountered by the server.'), 502 => array('502 Bad Gateway', 'The server received an invalid response from the upstream server while trying https://css-tricks.com/snippets/php/error-page-to-handle-all-errors/ to fulfill the request.'), 504 => array('504 Gateway Timeout', 'The upstream server failed to send a request in the time allowed by the server.'), ); $title = $codes[$status][0]; $message = $codes[$status][1]; if ($title == false || strlen($status) != 3) { $message = 'Please supply a valid status code.'; } // Insert headers here echo '
'.$title.'
'.$message.'
'; // Insert footer here Comments TeMc Permalink to comment# September 19, 2009 That's fairly awesome ! Comes in quite handy with a static or less-CMS-y site. Reply ↓ xk2 Permalink to comment# October 2, 2009 I use it often for customers that prefer static sites. Reply ↓ Daniel Miguel Permalink to comment# January 12, 2010 It's nice to do a single php to all errors, you have to adapt your layout at once and if you change anything is easier… Great for all websites… Reply ↓ Andrew Champ Permalink to comment# April 5, 2010 Very useful, thanks! Reply ↓ Attila Hajzer Permalink to comment# July 6, 2010 what are static sites? Reply ↓ black-light-studio Permalink to comment# November 15, 2010 nice to built with as a start Reply ↓ Julesmazur Permalink to comment# October 17, 2012 You forgot the most/401.html ErrorDocument 403 /403.html ErrorDocument 404 /404.html ErrorDocument 405 /405.html ErrorDocument 408 /408.html ErrorDocument 414 /414.html ErrorDocument 500 /500.html ErrorDocument 502 /502.html ErrorDocument 504 https://css-tricks.com/snippets/htaccess/custom-error-pages/ /504.html And a PHP template for dealing with any sort of error, if you want to keep it simple: array('400 Bad Request', 'The request cannot be fulfilled due to bad syntax.'), 401 => array('401 Login Error', 'It appears that the password and/or user-name you entered was incorrect.'), 403 => array('403 Forbidden', 'Sorry, employees and staff only.'), error page 404 => array('404 Missing', 'We\'re sorry, but the page you\'re looking for is missing, hiding, or maybe it moved somewhere else and forgot to tell you.'), 405 => array('405 Method Not Allowed', 'The method specified in the Request-Line is not allowed for the specified resource.'), 408 => array('408 Request Timeout', 'Your browser failed to send a request in the time allowed simple 404 page by the server.'), 414 => array('414 URL To Long', 'The URL you entered is longer than the maximum length.'), 500 => array('500 Internal Server Error', 'The request was unsuccessful due to an unexpected condition encountered by the server.'), 502 => array('502 Bad Gateway', 'The server received an invalid response from the upstream server while trying to fulfill the request.'), 504 => array('504 Gateway Timeout', 'The upstream server failed to send a request in the time allowed by the server.'), ); $errortitle=$codes[$status][0]; $message=$codes[$status][1]; if($errortitle==false){ $errortitle="Unknown Error"; $message="An unknown error has occurred."; } ?>
'.$message.'
'); ?> Comments Will Permalink to comment# May 18, 2011 do the error pages have to be html? Reply ↓ Jonas Permalink to comment# May 21, 2011 No, it should be fine with any other file extention, too Jeffrey Permalink to comment# June 4, 2013 No you can change the file type to php or any webpage format. Vineet Permalink to comment# June 6, 2011