How Can I make the error message of forum like IPB? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
4 posters

    How Can I make the error message of forum like IPB?

    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

    Solved How Can I make the error message of forum like IPB?

    Post by Van-Helsing April 30th 2014, 1:02 pm

    Hi all,
    How can I make the error message like IBP 's error message: http://prntscr.com/3et3yv

    My Forum version is punbb.

    With Best Regards,
    Dark-Avenger


    Last edited by Dark-Avenger on April 30th 2014, 2:14 pm; edited 1 time in total
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: How Can I make the error message of forum like IPB?

    Post by Ange Tuteur April 30th 2014, 1:05 pm

    Hello Dark-Avenger,

    Have you tried editing the error message template ?

    Administration Panel > Display > Templates > General > message_body
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

    Solved Re: How Can I make the error message of forum like IPB?

    Post by Van-Helsing April 30th 2014, 1:08 pm

    Hi Ange,
    No I haven't try it what must I change in this template?
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: How Can I make the error message of forum like IPB?

    Post by Ange Tuteur April 30th 2014, 1:17 pm

    Change it to the error message that you want to display. Wink

    I do not know the HTML involved for IPB. In the template you have three sections :

    The content displayed for users logged in :
    Code:
    <!-- BEGIN switch_user_logged_in -->
    <div id="pun-visit" class="clearfix">
     <ul>
     <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
     <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
     </ul>
     <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
    </div>
    <!-- END switch_user_logged_in -->


    The content displayed for users logged out :
    Code:
    <!-- BEGIN switch_user_logged_out -->
    <div id="pun-visit">
     <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
    </div>
    <!-- END switch_user_logged_out -->


    and the content displayed for all users(the error title and texts) :
    Code:
    <div class="main">
     <div class="main-head">
     <h1 class="page-title">{MESSAGE_TITLE}</h1>
     </div>
     <div class="main-content message">
     <p class="message">{MESSAGE_TEXT}</p>
     </div>
    </div>
    RadioHead
    RadioHead
    Forumember


    Posts : 336
    Reputation : 23
    Language : English (der?)

    Solved Re: How Can I make the error message of forum like IPB?

    Post by RadioHead April 30th 2014, 1:28 pm

    Hi,

    This would be extremely difficult do be done, it relies quite heavily on user permissions and server side info that is difficult to tap into.
    Who, where, and what exactly do you want to implement this?

    EDIT: To answer your question specifically, it is possible to make this page as a HTML page. Implementing it is the tricky part.
    SocialAcademy
    SocialAcademy
    Forumember


    Male Posts : 145
    Reputation : 11
    Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
    Location : Forumotion

    Solved Re: How Can I make the error message of forum like IPB?

    Post by SocialAcademy April 30th 2014, 2:01 pm

    Hello , Go to your



    ACP > DISPLAY > GENERAL > MESSAGEBODY

    then replace all by this code



    Code:
    <style>
    .ipsType_pagetitle,.ipsType_subtitle {
    font:300 26px/1.3 Helvetica,Arial,sans-serif;
    color:#323232
    }

    .ipsBox, .ipsPad {
    padding:9px
    }
    .ipsBox {
    background: #ebf0f3
    }
    .ipsPad_double {
    padding:9px 19px
    }

    .ipsBox_withphoto {
    margin-left:65px
    }

    .ipsBox_container {
    background:#fff;
    border:1px solid #dbe4ef
    }
    .desc, .desc.blend_links a, p.posted_info {
    font-size: 12px;
    color: #777
    }
    .ipsPad_top {
    padding-top: 9px
    }
    .ipsType_smaller, .ipsType_smaller a {
    font-size: 11px !important
    }
    #content {
    line-height: 120%
    }
    .ipsType_sectiontitle {
    font-size: 16px;
    font-weight: normal;
    color: #595959;
    padding: 5px 0;
    border-bottom: 1px solid #ececec
    }
    .bullets ul, .bullets ol li, ul.bullets, ol.bullets li, .bullets li {
    list-style:disc !important;
    margin-left:15px;
    line-height:150%;
    list-style-image:none
    }
    </style>

    <script type="text/javascript">
    <!--
    function contact_admin() {
      // Very basic spam bot stopper
      admin_email_one = 'youremail';
      admin_email_two = 'your2ndemail
      window.location = 'mailto:'+admin_email_one+'@'+admin_email_two+'?subject=Error to Access the Forum'; 
    }
    //-->
    </script>
    <br />
    <h1 class='ipsType_pagetitle'>{MESSAGE_TITLE}!</h1>
    <br />
    <div class='ipsBox'>
      <div class='ipsBox_container ipsPad'>
          <span class="right desc ipsType_smaller ipsPad_top">[#404] </span>
          <p class='ipsType_sectiontitle'>
                                                                  <!-- BEGIN switch_user_logged_in -->
                      {MESSAGE_TEXT}
                                                                            <!-- END switch_user_logged_in -->
                                                                            <!-- BEGIN switch_user_logged_out -->
    Sorry, you don't have permissions for that.
                                                          <!-- END switch_user_logged_out -->


          </p>
          <br />
          <p>Useful links:</p>
          <ul class='ipsPad_top bullets'>
           

                                                                            <!-- BEGIN switch_user_logged_out -->
                      <li><a href='/login' title='Log in'>Connect to log in</a></li>
                                                                  <!-- END switch_user_logged_out -->
                      <li><a href='/register' title='register'>Register</a></li>
                      <li><a href="/faq" rel="help" title='Frequently asked questions'>Frequently asked questions</a></li>
            <li><a href="javascript:contact_admin();" title='Contact the administrator'>Contact the Administrator</a></li>
          </ul>
      </div>
    </div>
    Van-Helsing
    Van-Helsing
    Hyperactive


    Male Posts : 2431
    Reputation : 116
    Language : English, Greek

    Solved Re: How Can I make the error message of forum like IPB?

    Post by Van-Helsing April 30th 2014, 2:13 pm

    SocialAcademy wrote:Hello , Go to your  



    ACP  >  DISPLAY > GENERAL > MESSAGEBODY

    then replace all by this code



    Code:
    <style>
    .ipsType_pagetitle,.ipsType_subtitle {
    font:300 26px/1.3 Helvetica,Arial,sans-serif;
    color:#323232
    }

    .ipsBox, .ipsPad {
    padding:9px
    }
    .ipsBox {
    background: #ebf0f3
    }
    .ipsPad_double {
    padding:9px 19px
    }

    .ipsBox_withphoto {
    margin-left:65px
    }

    .ipsBox_container {
    background:#fff;
    border:1px solid #dbe4ef
    }
    .desc, .desc.blend_links a, p.posted_info {
    font-size: 12px;
    color: #777
    }
    .ipsPad_top {
    padding-top: 9px
    }
    .ipsType_smaller, .ipsType_smaller a {
    font-size: 11px !important
    }
    #content {
    line-height: 120%
    }
    .ipsType_sectiontitle {
    font-size: 16px;
    font-weight: normal;
    color: #595959;
    padding: 5px 0;
    border-bottom: 1px solid #ececec
    }
    .bullets ul, .bullets ol li, ul.bullets, ol.bullets li, .bullets li {
    list-style:disc !important;
    margin-left:15px;
    line-height:150%;
    list-style-image:none
    }
    </style>

    <script type="text/javascript">
    <!--
    function contact_admin() {
      // Very basic spam bot stopper
      admin_email_one = 'youremail';
      admin_email_two = 'your2ndemail
      window.location = 'mailto:'+admin_email_one+'@'+admin_email_two+'?subject=Error to Access the Forum';  
    }
    //-->
    </script>
    <br />
    <h1 class='ipsType_pagetitle'>{MESSAGE_TITLE}!</h1>
    <br />
    <div class='ipsBox'>
       <div class='ipsBox_container ipsPad'>
          <span class="right desc ipsType_smaller ipsPad_top">[#404] </span>
          <p class='ipsType_sectiontitle'>
                                                                   <!-- BEGIN switch_user_logged_in -->
                      {MESSAGE_TEXT}
                                                                            <!-- END switch_user_logged_in -->
                                                                            <!-- BEGIN switch_user_logged_out -->
    Sorry, you don't have permissions for that.
                                                          <!-- END switch_user_logged_out -->


          </p>
          <br />
          <p>Useful links:</p>
          <ul class='ipsPad_top bullets'>
            

                                                                           <!-- BEGIN switch_user_logged_out -->
                      <li><a href='/login' title='Log in'>Connect to log in</a></li>
                                                                   <!-- END switch_user_logged_out -->
                      <li><a href='/register' title='register'>Register</a></li>
                      <li><a href="/faq" rel="help" title='Frequently asked questions'>Frequently asked questions</a></li>
             <li><a href="javascript:contact_admin();" title='Contact the administrator'>Contact the Administrator</a></li>
          </ul>
       </div>
    </div>
    Thank you very much its solved.
     :wouhou:
    SocialAcademy
    SocialAcademy
    Forumember


    Male Posts : 145
    Reputation : 11
    Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
    Location : Forumotion

    Solved Re: How Can I make the error message of forum like IPB?

    Post by SocialAcademy April 30th 2014, 2:17 pm

    Code:
      admin_email_one = 'youremail';
      admin_email_two = 'your2ndemail


    dont forget to replace the email 1 and 2
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: How Can I make the error message of forum like IPB?

    Post by Ange Tuteur April 30th 2014, 2:41 pm

    Topic solved and archived