Page 1 of 1

Custom error pages

Posted: Wed Sep 30, 2015 6:56 pm
by jQuery
Hi,

How to make custom error pages for vestacp. Like 404, 500, 403, 503.

Regards,
jQuery

Re: Custom error pages

Posted: Thu Oct 01, 2015 7:00 am
by tjebbeke
You can change the files in /home/username/web/domainname.com/document_errors or /usr/local/vesta/data/templates/web/skel/document_errors

Re: Custom error pages

Posted: Thu Oct 01, 2015 2:56 pm
by jQuery
Thanx bro ^

Re: Custom error pages

Posted: Sun Oct 11, 2015 5:51 am
by anjalimay6
Dear Both,

I have created images folder in inside it. I have asked to error page to use those image while displaying error. pasting html code :

Code: Select all

<!DOCTYPE html>
<!-- saved from url=(0053)http://0effortthemes.com/500-error-page/demo/500.html -->
<html class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths" lang=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Tell Mom, I'm dead!</title>
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="stylesheet" href="./500 Server Error_files/vendor.css">
    <link href="./500 Server Error_files/css" rel="stylesheet" type="text/css">
      <link rel="stylesheet" href="./500 Server Error_files/main.css">
      <script src="./500 Server Error_files/analytics.js"></script><script src="./500 Server Error_files/modernizr.js"></script>
    </head>
    <body>
      <div class="page_overlay animated fadeOut" style="display: none;">
        <div class="loader-inner ball-pulse">
          <div></div>
          <div></div>
          <div></div>
        </div>
      </div>
      <!--[if lt IE 10]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
      <![endif]-->
      <div class="five00wrap animated fadeIn">
        <div class="row-flex">
          <div class="messge500">
            <h1><span>Opps!</span> <br>
            Who let you in?</h1>
            <p>May be our website tired of handling many,I will let our IT guy know about this failure, Please refresh this page after some time</p>
          </div>
          <div class="scene-3">
            <img src="./500 Server Error_files/scene-500.png" alt="">
            <div class="charecter-4">
              <img src="./500 Server Error_files/charecter-4.png" alt="">
              <div class="hand-part1"><img src="./500 Server Error_files/charecter-4-hand-part.png" alt=""></div>
              <div class="eye"><img src="./500 Server Error_files/charecter-4-eye.gif" alt=""></div>
            </div>
          </div>
        </div>
      </div>
      <!-- Google Analytics: change UA-67188029-1 to be your site's ID. -->
      <script>
      (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
      function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
      e=o.createElement(i);r=o.getElementsByTagName(i)[0];
      e.src='//www.google-analytics.com/analytics.js';
      r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
      ga('create','UA-67188029-1');ga('send','pageview');
      </script>
      <script src="./500 Server Error_files/vendor.js"></script>
      <script src="./500 Server Error_files/plugins.js"></script>
      <script src="./500 Server Error_files/main.js"></script>
    
  </body></html>

Is image path should be .\ or any other?