SlideDB Indie DB Mod DB RSS Fan us on Facebook Watch us on Youtube Join us on Steam Follow us on Twitter

If it's information about Mod DB and ramblings about mods in general that you are after - then you have come to the right place. Welcome to the official Mod DB BLOG, watch this profile to keep updated, join to show your support.

RSS Articles  (0 - 5 of 265)

ModDB is a website that aims to create a lasting database of mods, games and indie games. Somestimes, as a developer, you feel it necessary to have a customized design for your content, to represent it effectively. Thus far we never published any tutorial on the way to do it properly, and that is what we aim to help you with today.

This tutorial is considered as "advanced" and will use words and terms about web customization, such as CSS (Cascading Style Sheets) and HTML (web coding). Worry not, we will explain how it works.

Phase 1: Understanding how customization works

First of all, please notice customizing requires some specific skills, particularly when it comes to programmation and design. Hopefully, Google Chrome and Mozilla Firefox now propose a web inspector, which would be really useful for this tutorial. We'll be using the one provided by Google Chrome, as it appears to be faster and more user friendly than Mozilla Firefox. That doesn't mean you can't do it with Mozilla Firefox, not at all.

Here is a list of what you need to know about how customization works:

  • Customizations won't replace the main CSS of ModDB. Your modifications will be added into another one, which will be implemented into all of your pages.
  • Your modifications need to be staff approved, that means you will need to give your customized CSS to the staff, by sending a private message to Erayser [EDIT: NB, a private message to feillyne, as Erayser is MIA]. Modifications are generally approved and applied within 2 business days.
  • If you want to use a customized design created by someone else on the site, you will need to get the express authorization from the author.
  • If your modifications break the site in a sense of conflictual CSS and/or HTML elements, your modifications won't be approved until you solve them.
  • The ModDB logo and the user bar can't be removed. However, you can edit them, visually speaking.
  • Your modifications can be applied on both ModDB and IndieDB.

The circle of media

In our previous tutorial, we discussed about why it is important to create an effective profile (for your mod, game or engine). It means you are capturing the attention of your visitors and keeping them there for as long as possible to generate interest. And designing your pages in correlation with the identity of your project is a part of it. That why it is necessary to design a page that can represent it perfectly.

As an example, you are not going to make a modern design for a medieval project, aren't you? That's why to optimize your identity, you should focus on creating a design that is similar to what you're doing, as it would seriously impact the attention of your visitors. Remember, we want to help you succeed!

Here's a great example of what you can achieve thanks to this tutorial:

There are three different kinds of customizations

Whether you are an artist that wants to make a complete design or someone that just want a different background, you can all customize your profiles. What truly matters is how you will proceed.

Here is a list of three different kinds of customizations before we start:

  • Complete customization: That means you want to change everything on your page (like Sins of The Prophets). This advanced customization requires a lot of time, as you will need to be methodic and organized. Worry not, we'll show you how to do it properly.
  • Medium customization: That means basically you just want to change the colors, the backgrounds, some images and stuff like that, which is not really complicated.
  • Light customization: That means you just want to change your background, and add a background picture from your project.

Phase 2: Web Inspector (or DevTools)

So you had a fantastic idea about a new design for your project and you want to have a stunning page to represent effectively your stuff. Perfect! You'll need to use the web inspector from Google Chrome or Mozilla Firefox to follow this tutorial. I'll be using the one provided by Google Chrome for the reasons shown above, mostly for compatibility between browsers.

Open the web inspector

To open the web inspector, simply use Ctrl+Shift+I on Windows or Cmd+Opt+I on Mac OSX. You can do it as well with a right click somewhere on the site, and then click on the button "Web Inspector" or "Inspect this page". For this tutorial we'll be giving explanations on how to edit your page, so let's use your own page.

So, you are on your page, the web inspector is opened but you don't know what to do. On the left, this is your page, in HTML5. On the right, the columns represent the codes from the main CSS. You don't need to use other tabs such as "Network, Sources..." as we just want to change the design.

Let's change, for example a single element, but you don't know how to pick one. You just need to click on the search icon, so that when your cursor will be on an element of the page (such as text, images...) the web inspector will show you where it is in the programmation.

Once you clicked on the icon, we will move the cursor on the project name. Then, you should see a blue background color which represents the position dedicated to the name. Click ...

... and then the web inspector will show you the exact position of your element in the HTML code.

Changing elements

You will notice on the right that you have design properties attached to your title. This tab will be the one you are going to use the most when you'll be customizing your page. There are plenty of properties (background, border, text, color...) but we won't show all of them.

Remember the "name of the element" represents the property you want to change. Be careful, because If various titles on your page are using the same property (element), all of them will be changed. The unique reason for some of them to be different is that they have a specific modification, applied with their respective section/div. It's getting a bit complicated here, but worry not, I'll explain how specific modifications work later.

For example, let's just change the color (click on the color property), and replace "#FFF" by "green" or whatever you want as long as it's a recognized color.

Saving your modifications

Congratulations! You made your very first modification. That's one small step for you but one giant leap for your page. Now that you have a customized element, you'll need to save it into a .CSS file. We recommend you to use Notepad++ for Windows or TextWrangler for Mac OSX to save your modifications.

Phase 3: Preview

It's done! You believed you customized what you wanted, that it's the time to see how it looks. There are plenty of ways to do it, but let's use the easiest one.

Using the source code as a reference

Get back to the summary page of your project on ModDB such as "". Then, right click and select "View source" or if the button doesn't show up, click on the URL at the top (browser) and add before it "view-source:", like that:


You should be able to see thousands of lines representing the source code of your page. What we want to do is to test your modifications. To do so, we'll need to implement the latter ones in this code. Listen carefully as this is a bit difficult. First of all, save the whole source code in Notepad++ (Windows) or TextWrangler (Mac OSX). Once it's done, you need to implement all of your modifications in this portion of code, just before the div called "Column Span-all".

Once it's done, your code is ready to be previewed. All you need is to save your file as .HTML and then open it with Google Chrome or Mozilla Firefox. You will be able to see if your code works perfectly fine or not.

Phase 4: Common issues and solutions

You now understand how customization works. Brillant! Like I said previously, we can't give you a list with all the possibilities you can do with your CSS. There are plenty of tutorials on the internet from specialized websites. Now, let's focus on the problems you may encounter.

Usage of the "!important" property

If you're making a stunning design, you will notice that some specific elements won't change despite your modifications. It's normal, in fact you will need to use the "!important" property for each element that doesn't show up properly. You will recognize them as they are likethat.

However, the fewer "!important" there are, the better. Remember these are exceptions. To make one, you will need to proceed like that:

div.headerbox {
  background-color: #000!important; // LIKE THIS EXAMPLE
  list-style: none;
  margin: 0;

Compatibility with browsers

It is essential to ensure your code is compatible with all browsers. Although today a lot of elements are automatically compatible, some of them are still irritating for all web designers, like specific gradients, keyframe animations, box-shadows, text-shadows and so on... Fortunately, a lot of tutorials on the web have solutions for that. Worry no more!

Phase 5: Design examples

Here's a short list of pages using a total customized design, if you don't have any inspiration or if you'd like to contact their respective authors, to get the authorization to use one. Click on the pictures to see the pages on the site.

Phase 6: Send us your CSS modifications

That's it! You made it, your awesome modifications are ready and you want to publish your customized design. Therefore, you will need to send a private message to Erayser (website editor) [EDIT: NB, a private message to feillyne, as Erayser is MIA]. As we said previously, modifications are generally approved and applied within 2 business days.

We recommend you to upload your CSS file somewhere else like Dropbox or to paste your CSS modifications on, unless you only made minor changes.

Feel free to ask any questions about this tutorial or the problems you may encounter while customizing your respective profiles. Good luck making great profiles! Remember, do or do not, there is no try!

Hello indie developers. 11 months ago we let our community know that we are building, a cross-platform mod API for games. A number of games signed on as early adopters, and last month we proudly powered over 100,000 mod installs.

Today, we are happy to announce the launch of our Mod Browser and Manager plugin for Unity, which makes it easy to integrate user generated content directly into your Unity Engine games. It is highly adaptable, open-source, has built in UI with search, supports all stores and takes minutes to setup and get running. Features include:

  • Platform agnostic, supporting 1 click mod installs on Steam, Epic Games, Discord, GOG, with plans for full-console support
  • Connect your community, with our Discord ModBot and embeddable web app
  • Synchronized subscriptions, mod ratings and installs
  • Powerful search, filtering and tagging of mods
  • Flexible default UI, with easy integration

If you are familiar with Steam Workshop but need a solution that works on Steam as well as the Epic Games Store,, Discord, GOG and other places in the future, then for Unity is the tool for you. For non Unity Engine developers, anyone can start using via our API or C/C++ SDK, we are building plugins for other popular engines like Unreal and will email you as they become available.

If you are interested in experimenting with mod support, we'd like to hear from you and invite you to download and start using our Unity plugin. We look forward to enabling the creativity of your community, and extending the life and success of your game with mods.


The IndieDB, ModDB & team
Scott, Pat, Turu & Jackson

Unity Plugin for Mods

Unity Plugin for Mods

Unity Plugin for Mods

Unity Plugin for Mods

At DBolical, we are huge believers that mods bring out the best in games. From the moment we launched ModDB in 2002 and started playing mods like Chivalry: Medieval Warfare, Insurgency, Killing Floor (and so many others) we were hooked. Today, indie games like RimWorld and Cities: Skylines with incredibly active modding communities inspire us, and reinforce our belief that enabling the creativity of the community is a very powerful thing.

Two years ago we started working on, an open mod API for game developers (much like Steam Workshop) that allows user-friendly browsing, uploading, and installation of mods. With we are building a highly customizable drop-in platform to support mods (for studios large and small), that has allowed us to work closer with game developers than ever before.

Now that has approached the point where we are ready to onboard games to further our vision and help developers succeed, we are proud to announce a brand new initiative: Modularity. Modularity is a new games publishing division with a focus on investing in and supporting games that are created by modders, inspired by mods, or have strong modding support themselves.

Some of the biggest games that still reign supreme today were spawned from mods: recent smash hits like PLAYERUNKNOWN's Battlegrounds coming from the ARMA 2 mod scene; Dota 2 having its roots as a Warcraft III: Reign of Chaos custom map; the highly-moddable Cities: Skylines becoming the true city-building genre successor; or classics like Counter-Strike: Global Offensive rising to the top of the Steam charts from its humble beginnings as a Half-Life mod.

Modularity is looking for the next generation of games that have the chance to stand tall as mod-focused titles. Games with a fierceless independent streak. Games that dare to do something different. Games that, in finding success, steer the industry in a whole new direction with their creativity, innovation, and strong sense of identity.

Modularity is thrilled to announce its debut title under the label, Meeple Station - a highly moddable space station building simulator which, after already seeing great success as a top-selling beta on - is launching on Steam Early Access today. Inspired by deep and creative simulations like RimWorld and Dwarf Fortress, Meeple Station lets you build and manage a habitat for your meeples, all while surviving the dangers of deep space like meteors, pirates, and deadly alien encounters.

suicide 2

If you're a developer who has found their start in the mod scene, is working on a game with strong mod support, or is inspired by other mod success stories, get in touch with Modularity and tell us why you think your game is incredible, and what kind of assistance you need to realise your modding-powered vision.

modularity logo top color

Our objective at ModDB is to preserve modding history when possible. It's a rewarding challenge that requires 10 servers to run, 15 terabytes of space, and 10 gbps of bandwidth (all constantly growing). Occasionally communities close down as happened with GameFront (which some of the original creators are now painstakingly restoring) and unfortunately it's happening today to

withsix post

For the unaware is a modding community and application that began 10 years ago, with a passion for ARMA mods. As ARMA grew and mods like DayZ and PLAYERUNKNOWN's Battle Royale burst onto the scene, their popularity exploded. But over time change has come, and rather than do a poor job summarizing their history, it's probably best you read their teams farewell post on Medium:

Despite many efforts to introduce interesting and innovating features over the years, we must concede that the costs to maintain and run the servers have become too high. As less and less users are using our services, we reached the point of no return. We are at a point in gaming history where the results of modding have never been felt greater, but sadly only a few true supporters remain and its future remains uncertain.

When we discovered this news we reached out, and their team graciously volunteered their time to help us archive content submitted to their site, which you can browse here on withSIX. Unfortunately we were unable to keep their mod launcher and custom code running, but did our best to organize the mods in an easily accessible manner. NOTE: We attempted to filter out mods pulled from 3rd party sources and only keep a handful of mods available via If you are the creator of one of these mods and would like to claim ownership of your content or have it removed - please reach out, we'd be happy to assist.

Finally we'd also like to acknowledge the other amazing dedicated ARMA modding communities (like withSIX), which continue to go strong today: Official Bohemia Forums, ARMAHOLIC and their Workshop communities. You'll be missed withSIX, thanks for supporting such an amazing mod community for so long!

six updater logo

Meet us at E3 2018

News 7 comments

You may not be aware, but the DBolical Network of sites which includes,, and is proudly Australian made. We reach over 5 million people monthly around the world but so rarely get to meet anyone down under. Occasionally we manage to fight our way through the snakes and kangaroos and E3 is one such event.

modio roadshow e3

If you happen to be in LA from June 11th to 14th and are keen to have a chat, please reach out to We are in town and will be taking our latest creation on a road show for game and engine developers, that want to take control and grow their modding community across all platforms. Of course if you just want to chat about mods or your indie game thats fine too!

See you there.
❤️ DBolical Team

Open to all members
Send Message
Join group
Group watch
Achievement bar
Article Statistics
Views Today