NetPen Pro Gaming Docs

Thank you for using our Theme! If you have any questions that are beyond the scope of this help file,
please feel free to make a support thread at HERE.
Thanks so much!

 

NOTE: In order to perform these changes you need to be familiar at least with some basic HTML/CSS knowledge.

 

NetPen Pro Gaming

When you Purchase/Download Theme’s .zip file, first thing you’re gonna do is to extract files from .zip file.

Within extracted folder, there are one file and one folder that are important in order to install your Theme correctly:

File is: your-theme-name.xml  |  folder is: “upload”


  • First upload a content of “upload” folder to the root of your MyBB installation (where “admin” folder is).
  • Second go to: Home » Themes » Import a Theme … choose .XML Theme’s file and click “Import Theme” button. 

Important Notice:
Just in case check “Ignore Version Compatibility” if you are not sure that Theme is compatible to the latest MyBB version.

Leave a Reply

Your email address will not be published. Required fields are marked *

Whenever I update a Theme, I will send an email to you, letting you know that Theme has been updated and a link to Updates info.

Pay attention to file named: version.txt, withing your Purchased/Downloaded Theme’s files.

There you will see if you running the latest Theme’s version.

Leave a Reply

Your email address will not be published. Required fields are marked *

To change Login Box content, edit the following template:
Home » Template Sets » NetPen Templates » Header Templates » header_welcomeblock_guest

To change an icon just replace netpen-icon.png with your own icon image in netpen image folder.

Leave a Reply

Your email address will not be published. Required fields are marked *

To remove banners or replace it with your own ones, edit the following Templates:

  1. Index Page Templates/Edit Template: index
  2. Show Thread Templates/Edit Template: showthread_quickreply

Index Page Templates/Edit Template: index banner codes are placed inside Sidebar section.

Show Thread Templates/Edit Template: showthread_quickreply:
Either delete the following:

 


<div class="banners-quick">
		<span class="banner-left" style="text-align:center;">
<!-- BEGIN LINK -->
<a target="_blank" href="https://www.namecheap.com/?aff=91721"><img src="http://files.namecheap.com/graphics/linkus/468x60-3.gif" width="468" height="60" border="0" alt="Namecheap.com"></a>
<!-- END LINK -->
		</span>
		<span class="banner-right" style="text-align:center;">
<!-- BEGIN LINK -->
<a target="_blank" href="https://share.payoneer.com/nav/A-MemWURhl7QaXkEwFUbM-4c3xc7JCBjs5ryhjd8whqZ1eqnUQpA0af7v9xLGT8PShxJ2P8apZAcEeWMyY2Tfg2"><img src="{$theme&#91;'imgdir'&#93;}/payoneer-banner.png" width="468" height="60" border="0" alt="Payoneer"></a>
<!-- END LINK -->
		</span>
</div>

<!-- END BANNERS -->

OR replace it with your own Banners codes.

Leave a Reply

Your email address will not be published. Required fields are marked *

NetPen Theme uses Font Awesome Icon Font. The only Image icons that left are Post icons. Since NetPen uses Bootstrap Framework also, Glyphicons are supported too.

Leave a Reply

Your email address will not be published. Required fields are marked *

The Save button is the best way for your business to get content on Pinterest. With just one click, visitors can save content they like on your site to Pinterest, which helps even more Pinners discover you.

When hover on any image a Save button will appear:

Leave a Reply

Your email address will not be published. Required fields are marked *

I have added some custom footer content. You can either remove it or adjust it to your own content and needs.

  1. To remove it completely, find line around 940 in global.css file(.footer) and add ” display: none; “.
  2. To change it to your own needs edit the following Template:
    Home » Template Sets » NetPen Pro Templates » Fotter Templates » footer

For MailChimp Newsletters Form see the item below!

Leave a Reply

Your email address will not be published. Required fields are marked *

In this version of NetPen Pro  Theme, News Ticker Slide is placed only on Front Page instead on all pages like in previous versions.
If you still want to have it on all pages, you will have to copy the following lines of code from Index Page Template to,
Home » Template Sets » NetPen Pro Templates » Edit Template: header. You should copy it to very bottom of Header Template.

 

<!-- BEGIN ticker -->
<div class="news-ticker"> 
<div class="icon-ticker"><i class="fa fa-microphone"></i> <span>Announcements</span></div>
<div class="news-ticker-content">
<!-- Chose class="fade-ticker" or "slide-ticker"--> 
<ul class="slide-ticker" style="direction: ltr; font-size: 12px; font-family: arial;">      
<li><a href="#">NetPen Pro - MyBB Theme by Mishar DESIGN</a></li>
<li><a href="#">100% Fully Responsive - MyBB 1.8.10 Theme</a></li>
<li><a href="#">Your Own Content Goes here!!!</a></li>
</ul>
</div>
</div>
<!-- END ticker -->

To change the content of News Ticker, just replace your own links or News text in it.
If you want to remove it completely, than just delete the lines of code from above.

Leave a Reply

Your email address will not be published. Required fields are marked *

Even if you choose not to have Sidebar, you will still have Latest Posts shown in Front Page, but in Mobile view only.
Since Forum users have to scroll down a lot (in mobile view), to see all the content, I though it would be a good idea to have Latest Posts shown on top of the Forum Bit content.

If you don’t want to have Latest Posts anyway, than you would have to delete the following lines of code in Home » Template Sets » NetPen Pro Templates » Edit Template: index:

 

<!-- BEGIN Latest Threads -->
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0A%09jQuery(function()%7B%0A%09%09jQuery(%22.latestthreads_portal%22).load(%22%7B%24mybb-%3Esettings%5B'bburl'%5D%7D%2Fportal.php%20.latestthreads_portal%22)%3B%0A%09%7D)%3B%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />

<div class="panel visible-xs">

<div class="thead">

<div class="expcolimage"><icon class="collapse_expand" id="latestthreads_img" title="&#91;-&#93;"></icon></div>


<div class="panel-title">
                <span class="white">Latest Threads</span>
		    </div>

    </div>


<table class="table table-responsive"> 
            
<tbody id="latestthreads_e" class="latestthreads_portal">       
  
            </tbody>

        </table>

   
</div>

<!-- END Latest Threads -->

Leave a Reply

Your email address will not be published. Required fields are marked *

NetPen Pro Theme, provides to you very easy way to have fully functional Newsletters Form, if you use MailChimp.

All you have to do is to generate embed form code, here. Than copy/paste your embed code in any Text editor(Notpad + recommended). You will need only a part of your embed code.

Embed code will look something like this:

<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09%23mc_embed_signup%7Bbackground%3A%23fff%3B%20clear%3Aleft%3B%20font%3A14px%20Helvetica%2CArial%2Csans-serif%3B%20%7D%0A%09%2F*%20Add%20your%20own%20MailChimp%20form%20style%20overrides%20in%20your%20site%20stylesheet%20or%20in%20this%20style%20block.%0A%09%20%20%20We%20recommend%20moving%20this%20block%20and%20the%20preceding%20CSS%20link%20to%20the%20HEAD%20of%20your%20HTML%20file.%20*%2F%0A%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;style&gt;" title="&lt;style&gt;" />




<div id="mc_embed_signup">

<form action="//wpdevs.us13.list-manage.com/subscribe/post?u=768a6aac0cf18a6397936a86c&amp;id=9e3024a384" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

<div id="mc_embed_signup_scroll">

<h2>Subscribe to our mailing list</h2>


<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>


<div class="mc-field-group">
	<label for="mce-EMAIL">Email  <span class="asterisk">*</span>
</label>
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>


<div class="mc-field-group input-group">
    <strong>Email Format </strong>
    


<ul>


<li><input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0"><label for="mce-EMAILTYPE-0">html</label></li>


<li><input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1"><label for="mce-EMAILTYPE-1">text</label></li>



</ul>



</div>


<div id="mce-responses" class="clear">

<div class="response" id="mce-error-response" style="display:none"></div>


<div class="response" id="mce-success-response" style="display:none"></div>



	</div>



    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    


<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_768a6aac0cf18a6397936a86c_9e3024a384" tabindex="-1" value=""></div>


<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>



    </div>



</form>



</div>



<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D'text%2Fjavascript'%20src%3D'%2F%2Fs3.amazonaws.com%2Fdownloads.mailchimp.com%2Fjs%2Fmc-validate.js'%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" /><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D'text%2Fjavascript'%3E(function(%24)%20%7Bwindow.fnames%20%3D%20new%20Array()%3B%20window.ftypes%20%3D%20new%20Array()%3Bfnames%5B0%5D%3D'EMAIL'%3Bftypes%5B0%5D%3D'email'%3B%7D(jQuery))%3Bvar%20%24mcj%20%3D%20jQuery.noConflict(true)%3B%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
<!--End mc_embed_signup-->

Current form code in NetPen Pro Theme looks like this:



<div id="mc_embed_signup">

<form action="//netscripter.us4.list-manage.com/subscribe/post?u=b03336099ca69a0a1b273127a&amp;id=95fd6cba8e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
	<input value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required="" type="email">
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    

<div style="position: absolute; left: -5000px;" aria-hidden="true">
	<input name="b_b03336099ca69a0a1b273127a_95fd6cba8e" tabindex="-1" value="" type="text">
	</div>


    <input value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" type="submit">
</form>


</div>


You need to replace:

action="//netscripter.us4.list-manage.com/subscribe/post?u=b03336099ca69a0a1b273127a&id=95fd6cba8e"

with:

action="//wpdevs.us13.list-manage.com/subscribe/post?u=768a6aac0cf18a6397936a86c&id=9e3024a384"

For more info how to use and set MailChipm Form read this:

https://developer.mailchimp.com/documentation/mailchimp/

Leave a Reply

Your email address will not be published. Required fields are marked *

By default NetPen Pro Theme comes with Sidebar on Forum Index Page. If you do not want to have a Sidebar on front Page, open:

Home » Template Sets » NetPen Templates » Edit Template: index

and replace the content with index-no-sidebar.txt that comes with downloaded theme files.

Leave a Reply

Your email address will not be published. Required fields are marked *

If you don’t want to let Forum members to select Themes, than you won’t need Theme Select option in “Contacts” section:

You can replace it with any other important link by opening:

 Home » Template Sets » NetPen-Pro Templates » Edit Template: footer   and  here:

 



<div class="col-sm-3 columns">
{$theme_select}
</div>


Replace “{$theme_select}” with the following template:

 

<a href="desired URL"><i class="fa fa-desired icon"></i> Desired link text</a>

Leave a Reply

Your email address will not be published. Required fields are marked *

NetPen Pro comes with 4 Theme color combinations:

  1. Default (Blue)
  2. Green
  3. Orange
  4. Purple

In order to choose the desired color combination go to:

Home » Themes » NetPen Pro in Manage Colors Section, choose the desired color combination – then press “Save Theme Properties”.

NOTE: Always make sure that the color combination you have selected has it’s CSS file in the last position in:
Home » Themes » NetPen Pro » Stylesheets in NetPen

Leave a Reply

Your email address will not be published. Required fields are marked *

I have adjusted and redesigned some of the most popular MyBB Plugins so they can fit smoothly into general NetPen Pro Theme design direction.

Fully supported MyBB Plugins:

Basically, all you have to do is to install these Plugins and that’s it. If some of these Plugins have been already installed, you might have to deactivate/activate them again.
Potential issues: My Alerts, New Points and Thank You/Like System, an extra variables might show, after NetPen Theme installation ({$myalerts_modal}, {$post[‘newpoints_postbit’]}, %%TYL_NUMTHANKEDLIKED%%, {$post[‘button_tyl’]}). If so, open either postbit, footer or postbit_author_user template and delete an extra variable/s.


MyFacebook Connect:
Complete instructions and Plugin files you will find at: Instructions


NOTE:Check every now and than this Documentation in order to check other potential issues and how to solve it.

Leave a Reply

Your email address will not be published. Required fields are marked *

By default Latest Posts are placed in Sidebar. In order to have latest Posts shown, you must have Portal option enabled in Admin Dashboard:

Home » Board Settings » Portal Settings

If you choose not to have Sidebar in Front Page, you will still have Latest Posts in Front Page Mobile view. For more info read the next item below.
NOTE: Dont’t panic if there is nothing to be shown in Latest Posts when first install MyBB and NetPen Theme, because you need at least one Thread/Post created so something could be shown there!

Leave a Reply

Your email address will not be published. Required fields are marked *

 

Once again, thank you so much for using NetPen theme. As I said at the beginning, I’d be glad to help you if you have any questions relating to this theme.
No guarantees, but I’ll do my best to assist!.
Thanks so much!

 

Video Demos

DarkFire

NetPen Pro Gaming

Clean Pro

NetPen Pro