Your Guide to Nulling MyBB Themes

[Pain]

Your Guide to Nulling MyBB Themes

This tutorial is for educational purposes only, this will help you understand the structure of MyBB themes, I am not responsible if you are blamed for nulling a copyrighted theme


What does nulling mean?

Nulling means getting the source of a script which is being sold over the internet through a website which is using the script. Please note that nulling and ripping are NOT the same, ripping has one extra step, it involves distributing the script under your own name.


Why should we null anything?

We null to use premium scripts for free.


What are the tools needed?

1. A brain
2. 2-3, sometimes 4 or 5 hours
3. Google Chrome
4. A MyBB Forums with Admin Access, make one on a free hosting
5. An existing MyBB Theme
6. Dreamweaver
7. A MyBB Forums with the theme you want to null installed
   

Ready, Get Set, Start!

Now that we have all our items ready, lets start!
First open up the forums with the theme you want to null. I will be nulling the theme at http://mybbmodding.net/forums/.
Once you have opened the theme in chrome, right-click and hit inspect element.

Spoiler (Click to View)

A menu will open. Click on the resources tab.

Spoiler (Click to View)

There you will see a lot of name like "something.jpg or png or gif". Click on it and on the right side, a preview of the image will come with a link to its location. Click on the link and save each of the image in a folder. Make sure you look into the location to see what is the location of the image on the server of the forums, for example if th locations is
"forum address/images/theme name/style/image.jpg" then it should be saved as "Some folder/style/image.jpg". If you don't understand this, send me a PM and I will explain the process to you via team viewer.
Like this, go to each page of the forums and capture all the images. If a few images are not there like "closed.gif", then just open up your MyBB Upload Folder(If you do not have it, download the MyBB Package from MyBB.com) -> Images and look for images which are there and not there in the theme folder in which you have downloaded all the images. With this, once you have all the pictures, upload them to the images directory of your forums. Make sure the name of the folder is same as that in the website.

Now the boring work is done, the images! Oh yes, that is the boring part, now we have to copy the CSS and the other stuff.

Now press Ctrl+U while you have the forum open to view the source. Now we have to look for a stylesheet called "global.css". Just press Ctrl+F and type global.css.
You should have something like this:

Spoiler (Click to View)

Now click on the link and a new tab should open with lots of css code in it.

Go to the AdminCP of the forums you have admin access to and go to the "Templates & Style" menu.

Spoiler (Click to View)

There click on the templates option.

Spoiler (Click to View)

Click on "Add Set". Name the set "[The Theme Name] Templates" or whatever you want and click on Save.
Now go to the Theme option and click on "Create New Theme".
Enter the theme name as the name of the theme(:P) and keep the Parent Theme to MyBB Master Style and click the button.
Now enter the Template set as the set we created earlier.
Keep the image directory as the one you uploaded all the images to, for example "images/mytheme".

Keep the other settings as default and click the button.
Now the basic things are done.

Now copy the CSS fromt he global.css, then click the "global.css" link in your AdminCP in the theme settings.
Click on the "Edit in Advanced Style" button, and then paste all the code there, replacing the original code.
Now browse the code and look for any images you might've missed out(like "background: url(../../../images/blackevo4-space/toplinks/admincp.png", you might not have the admincp.png), and if there are any you have missed out, just copy thee location, paste them on your addressbar, with the forums link before it and press enter to open up your missed image.
Open up the source again and look for any stylesheets BELOW the global.css file. Ignore files such as "tabbed.css" or something like that, as they are nothing but css files for the tab plugin or some other theme.
Now we have the CSS work done.
Now we are gonna edit the template to match it with the theme.

If you look closely, there are many comments in the url, for example <!-- start: header -->.
There are not in the theme I am nulling, I will tell you the reason later.

These comments stand for the different templates.

For example, between the comments <!-- start: header --> and <!-- end: header -->, the code written is for the "header" template in your templates of the theme.

Spoiler (Click to View)

Now the next part is really difficult to explain, its the most diffiicult part. Now we are gonns do the main thing, give our forums the shape!

First of all there is the "Header Include" template. You do not need to touch it at all, unless the theme uses some extra javascript.
Next comes the header template, just copy everything between the start and end comments and paste it BELOW, a few spaces below the original code in the template(you an edit it by going to AdminCP -> Templates & Style -> Templates -> Your Template Name -> Header Templates -> header if you are not there already).
Then edit the thing by referring to the code above.

This way you have to null the thing between each and every comments.


So that is the tutorial complete :)

[Mentor]

wooooow very nice thread dude, it is very useful to our members

[Pain]

Thanks just trying to help.