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 271)

ModDB is a website that aims to create a lasting database of mods, games and indie games. Sometimes, 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 our staff at our support email: support@moddb.com. 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 methodical 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 programming.

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 "moddb.com/xxxx/xxxxxxxxxx". 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:

view-source:

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 ul.menu {
  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 it to team via our support email: support@moddb.com. 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 pastebin.com, unless you only made minor changes.

Feel free to email us at our support email about 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. 1 year ago we let our community know that the team behind IndieDB and ModDB are building mod.io, a cross-platform mod API for games. Since then 17 games have used mod.io to power over 4,600,000 mod installs for 700,000 players.

unreal

Today, we are happy to announce the launch of our Mod Browser and Manager for Unreal Engine 4, which makes it easy to support user generated content in your Unreal Engine 4 games. The plugin is highly adaptable, open-source, has powerful search, discovery and filtering support built in. It is platform and store agnostic allowing you to support modding in more places.

Features include:

  • Platform agnostic, supporting 1 click mod installs on Steam, Epic Games, Discord, GOG, itch.io with plans for full-console support.
  • Standalone, our API is not dependent on a client or SDK, allowing embedding everywhere: in-game, launcher, homepage, discord bot.
  • User Management, allowing for synchronized subscriptions, mod rating, and content submission.
  • C++ and Blueprint, interface built in the Unreal Engine for connecting to the mod.io API.
  • Example Project, is available to help Unreal Engine developers get started.

To celebrate the launch, Victor from Epic Games invited us onto the Unreal Engine live stream, to discuss the plugin, how it works and what our objectives are. The VOD from the livestream and deck we presented are now available below.


MORDHAU a medieval combat simulation, and Playcraft a code-free multiplayer sandbox game builder (releasing this month) are the first two games to launch with mod support powered by the mod.io Unreal Engine plugin.


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 Unreal Engine 4 plugin. We look forward to enabling the creativity of your community, and extending the life and success of your game with mods.

In recent years we've partnered with the Gamer Network group, which includes Rock Paper Shotgun; Eurogamer.net and more, and share advertising across the network of sites. Each year, we now conduct a readership survey to better understand you and our community, so we can better serve you and to continue to adapt and grow with the trends of the industry.

If you have 10 minutes to fill out the survey to answer a few questions, the DBolical team would greatly appreciate it. It has been made shorter compared to previous years and we don't collect any personal information unless you want to during the survey.

You can find the survey here.


Gamer Network Logo Banner


We've got lots of exciting plans in the works for the sites in the coming weeks and months and hope your contributions to the survey can contribute to those plans and the direction we take the sites in.

Enjoy your weekends and you can always reach us at support@dbolical.com with any questions regarding the sites, or join us on Discord to chat with us and the rest of the community.

Hey there! I’m Seamus, the new Editor-in-Chief for ModDB and IndieDB and I couldn’t be more excited to be here with you. You’ve likely noticed me doing the headlines over the past month and popping up around the sites commenting on articles, but let me give you some more background about myself.

Over the past couple of years I’ve worked in the games industry covering and promoting games in a variety of ways. From writing about them for sites such as IGN, Gamespot, AusGamers and more, to promoting them for several publishers and helping build communities around games for developers. Although I’ve worked with studios big and small, I’ve always had a strong love and interest in indie games and the often unique stories behind their development.

Jak And Daxter

Growing up I played whatever I could get my hands on, including the incredible Jak & Daxter series.


At heart, I’m a writer and a sucker for details and research, who loves learning about and sharing games, stories about their talented creators and seeing others play and appreciate them as much as I do. To be able to do exactly that in my new role with DBolical and to work on such renowned sites such as ModDB and IndieDB is an incredible opportunity.

I’m looking forward to becoming more familiar with the sites, the communities that have grown around them over the years (and you of course!) in the coming months. I hope to help grow ModDB and IndieDB and to see them continue to be wonderful hubs for indie games and modding communities around the world. As well as a place for gamers to discover new, interesting indie experiences and reasons to return to favorite classics through mods.

Therefore, I’d love to hear what you think we could be doing better or differently across ModDB and IndieDB. I know INtense! has a lot of plans in the works and I’ve already been brainstorming a lot of ideas just in the past month, but we always want to be listening to you and ensuring the sites are continuing to evolve and change to suit how you use them.

Fallout New Vegas

As I grew older I quickly came to love RPGs, including a personal favorite to this day, Fallout New Vegas.


Would you like us to continue the weekly mod and indie game round ups? Or is there a particular feature you really want us to implement? Perhaps you’d like to see more original content highlighting new mods and upcoming indie games more? Let us know, whether it’s in the comments here, through Facebook, Twitter, Discord or over email! You can always find us at support(at)dbolical.com and you can find me personally at seamus(at)dbolical.com

Of course we’re always looking to expand and grow ourselves as a company and to support the game development and modding communities in new ways. As part of my role with DBolical, I’m also a producer/scout for Modularity Games, a video game publishing label all about finding and helping games with modding capabilities succeed through funding and promotion. So be sure to hit us up at publishing(at)modularity.games if you are working on a game you’d think would be a good fit for the label.

We’ve got a lot of plans in the pipeline for Modularity Games that we can’t wait to share with you soon and for you to be a part of. While the team at our sister site mod.io is still hard at work creating the ultimate modding API cross platform service for game developers. So if you are working on a game with mods be sure to get in contact with the team at hello@mod.io to learn more about the service and how we can work together.

Journey

Journey cemented in me my love for indie games and the unique stories they can tell.


Again, I’m incredibly excited to join DBolical, to be the new Editor-in-Chief for ModDB and IndieDB and to be part of these fantastic communities that have grown over so many years. If you ever want to ask or question or chat you can message me right here on the sites, you find me on Twitter where I post regularly about indie games and mods, or email me at seamus(at)dbolical.com.

Looking forward to hearing your feedback and seeing you around the sites!

For this recurring segment, we will be highlighting the five biggest stories on ModDB for the prior week. Whether it's new mod announcements, major mod releases, or important stories that affect the mod scene as a whole, you'll find them rounded up here each week.


The Week of June 2 2019



Mod Appreciation Week 2019 has come around! Now in its 5th consecutive year running, it’s time once again to share your favourite mods with your peers and show their creators how much you loved playing them!



The action takes place in the Black Mesa, on behalf of the usual security guard. You will again experience the horrors of the black mesa, but with a darker atmosphere and playing for another character. The world has become more cruel and gloomy. Here you will meet Mr. Friendly and many more creatures on the way to the exit from the Black Mesa.


Explore the island of Vvardenfell as you never have before, with a world built anew to be both alien and familiar to the Morrowind you knew before. New adventures await, with new exciting areas to see and explore, and new artifacts just waiting to be discovered. This is a complete overhaul for Morrowind, adding countless new details, weapons, armors and much more for you to see and do. Experience the world of Morrowind in a new light, try out Morrowind Rebirth today!


A xp/rank/reward/mobility modification with visual/sound/text notifications. Custom "Doom Exp Settings" menu, Improved Sounds & effects and More Gore! All new 🐕 Dog Companion 🐶 has been added. Some bug fixes and balancing updates have also been dealt with.


Monthly dev update for King under the Mountain - a simulation-based strategy game inspired by Dwarf Fortress, The Settlers and Prison Architect. This month with an overview of how mods actually work!

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


Established
Privacy
Public
Subscription
Open to all members
Contact
Send Message
Homepage
Moddb.com
Membership
Join group
Group watch
Follow
Share
Achievement bar
Article Statistics
Articles
271
Views
1,913,984
Views Today
67
Feed
RSS