[Hỏi đáp] Creating an Error page

Question: How to create this error page for wrong password and things like that



Answer: https://devs.forumvi.com/t312-hoi-dap-error-page?showpost=p1989

Forumotion can't do that because it doesn't have the template for Error 404 page.

Senforo or VBB has Error

baivong wrote:Forumotion can't do that because it doesn't have the template for Error 404 page.

There are forums from forumotion which use it:
http://punbb.forumeiros.com
http://www.bitcoding.biz
http://www.thegreeksenergy.com/

It's some kind of javascript because they changed the page for posts where you don't have permissions to view.

That's not error 404 page.
Javascript can detect error links but to do so need 2 request. It just makes more slow queries.

Also, it isn't making a actually error 404 page:
http://punbb.forumeiros.com/abc
http://www.bitcoding.biz/xyz
http://www.thegreeksenergy.com/error

I just want to change "Sorry, but only users granted special access can read topics in this forum." with this one like these other forums made which i linked.

Add to the end of template overall_footer_begin:

Code:

<script type="text/javascript">//<![CDATA[
var special_access = '<h3>Need Help?</h3><ul><li><a href="/hefp" rel="help" title="Our help documentation">Our help documentation</a></li><li><a href="/contact" title="Contact the community administrator">Contact the community administrator</a></li></ul>';

$("p.message").html(function () {
   return this.innerHTML.replace('Sorry, but only <strong>users granted special access</strong> can read topics in this forum.', special_access);
});
if (location.pathname == "/login" && GetParam("redirect") !== null) {
   $(".main:not(.module)").html('<div class="main-head"><h1 class="page-title">Information</h1></div><div class="main-content message"><p class="message"></p></div>').find("p.message").html(special_access);
}
//]]>
</script>

It works, but can you please put it for all forums not just f16-forum

Can you style it please, here is an example http://community.invisionpower.com/gfdg

I really appreciate your work.

Style: Add to CSS

Code:

div.page404 > h1{line-height:1.5}
div.content404{background:#fff;border:1px solid #dbe4ef;outline:10px solid #ebf0f3;margin:10px;padding:10px 20px;color:#595959;font-size:13px}
div.header404{line-height:1.7}
div.header404 > h2{font-size:16px;font-weight:400;color:#595959;border-bottom:1px solid #ececec;}
div.message404 > h3{margin:10px 0 5px}
div.message404 > ul{list-style:disc;padding-left:30px;line-height:1.5}

Javascript: Add this code at the bottom of overall_footer_begin template

Code:

<script type="text/javascript">
//<![CDATA[
if ("Sorry, but only users granted special access can read topics in this forum." == $("p.message").text() || "/login" == location.pathname && null !== GetParam("redirect")) {
   var log = "";
   "/login" == location.pathname && (log = '<li><a href="/login" title="Log in">Click here to log in</a></li>');
   $(".main:not(.module)").html('<div class="page404"><h1>Sorry, we couldn\'t find that!</h1><div class="content404"><div class="header404"><span class="right">[#404]</span><h2>Sorry, we could not locate the page you are requesting to view. Please click <a href="/">here</a> to return to the community index</h2></div><div class="message404"><h3>Need Help?</h3><ul>' + log + '<li><a href="/faq" rel="help" title="Our help documentation">Our help documentation</a></li><li><a href="/contact" title="Contact the community administrator">Contact the community administrator</a></li></ul></div></div></div>')
};
//]]>
</script>

Solved. Thanks a lot.