MyBB - Change the look of NewPoints

Feat · 12-17-2013, 04:01 AM

Read before you continue
You can edit everything in your admincp. You don't need to do this via FTP.
If you want to do this via FTP, simply open /inc/languages/english/newpoints.lang.php.

We'll change this:

[Image: 333fad48820a28782478bdb15fe6631c.png]

[Image: 333fad48820a28782478bdb15fe6631c.png]

into this:

[Image: 8398fc0bb95f636256769a47b6c20553.png]

Go to AdminCP > Configuration > Languages > YOUR LANGUAGE > Options > Edit Language Variables > newpoints.lang.php
and search for "newpoints_home_desc".

Replace

Code:
NewPoints is a complex points system for MyBB software.<br />As you can see, there are various options on the menu on the left that you can use.<br /><br /><strong>How do you earn points?</strong><br /><table align="center"><tr><td align="left"><strong>Source</strong></td><td align="right"><strong>Amount Paid</strong></td></tr>{1}</table><br /><br />Contact your administrator if you have any questions.<br />This software was written by <a href="http://forums.mybb-plugins.com/user-1.html">Pirata Nervo</a> for <a href="http://mybboard.net">MyBB</a>.

with

Code:
<span class="pointh1">How do you earn points?</span><br><br>
<div class="pointbox">New Post: <span class="pointright">1</span><br>New Thread: <span class="pointright">1</span><br>New Poll: <span class="pointright">1</span><br>Per Character: <span class="pointright">1</span><br>Minimum Characters: <span class="pointright">1</span><br>New Registration: <span class="pointright">1</span><br>Per Poll Vote: <span class="pointright">1</span><br>Per Reply: <span class="pointright">1</span><br>Per PM Sent: <span class="pointright">1</span><br>Per Rate: <span class="pointright">1</span><br>Per Page View: <span class="pointright">1</span><br>Per Visit: <span class="pointright">1</span><br>Per Referral: <span class="pointright">1</span></div>

Just change everything you want.

Next, go to AdminCP > Templates & Styles > Themes > YOUR THEME > global.css
and add following code:

Code:
.pointbox {
        background: #333;
	padding: 5px;
        color: #fff;
        border: 1px solid #000;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        text-shadow: 1px 0px 0px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=0);
        width: 200px;
}

.pointright {
	float: right;
}

.pointh1 {
	font-size: 16px;
        text-shadow: 1px 0px 0px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=0);
        color: #fff;
}

And you're done.