This section contains detailed articles elaborating on some of the common issues phpBB users encounter while using the product. Articles submitted by members of the community are checked for accuracy by the relevant phpBB Team. If you do not find the answer to your question here, we recommend looking through the Support Section as well as using the Site Wide Search.

How to fix missing images on your style

Description: This article explains how you can fix the issue, when you are missing images on your style.

In Categories:

Link to this article: Select All
[url=https://www.phpbb.com/support/docs/en/3.0/kb/article/how-to-fix-missing-images-on-your-style/]Knowledge Base - How to fix missing images on your style[/url]

How to fix missing images on your style

Explanation
If you ever encounter the issue of missing style icons/buttons such as (newtopic, postreply, locked, etc), then this article is for you.

See below for an example of the problem:

Image
Image 1: An image of viewforum.php when the imageset is missing.

You can also confirm this by logging into your acp (Admin Control Panel), where you will notice the following errors :

Image
Image 2: An image of the admin index page stating that the imageset is missing.

When you experience this issue, it generally means that the styles imageset relevant to the board language you are using is missing.

In the example you see above, it describes that the imageset "en" is missing from the directory /styles/prosilver/imageset/. So lets look at resolving the issue.

How to fix this issue
It is not really hard to fix this issue, basically you need to add a new imageset for your style, one that is relevant to your boards language.

So for example, if your board language is Dutch ( NL ) you need to create a Dutch imageset, or you can download the Dutch imageset here: languages page.

(Please note that we only maintain language imagesets for "proSilver" and "subSilver2" styles.)

If in this case the imageset is different from the default proSilver/subSilver2 styles, your solution would be to duplicate the existing imageset.

So for example: If the existing imageset contains a folder called "en" and you are using the language "en_us", then you need to duplicate the "en" folder (including all of it's contents) and rename it to "en_us". You should now have two folders - "en" and "en_us", this allows you to use either depending on the boards language.

Sometimes it is hard to tell what you should rename the folder to, this of course will depend on which language you are actually using.

You can easily check which language you are using by viewing the source code of your website. You will be looking for this part of the code:

Code: Select all

<html xmlns="https://www.w3.org/1999/xhtml" dir="ltr" lang="nl" xml:lang="nl">

You can see that "lang" has a value set: "lang=nl" which means the abreviation for your language is "nl". Therefore in this example you would name your duplicated folder "nl".

Note: You can also check the directory ./language/, where you will find the name of the language directory that you are using ( example; nl , de, fr, en_us , and many many more! ).

If you do not have the default language imageset "en" - then you can download them from here: proSilver or here: subSilver2

Contents of a language imageset
In the default proSilver language imageset directory, it will contain the following images:
  • \button_pm_forward.gif
  • \button_pm_new.gif
  • \button_pm_reply.gif
  • \button_topic_locked.gif
  • \button_topic_new.gif
  • \button_topic_reply.gif
  • \icon_contact_pm.gif
  • \icon_post_edit.gif
  • \icon_post_quote.gif
  • \icon_user_online.gif
  • \imageset.cfg


For subSilver2 it will contain the following:
  • \button_pm_new.gif
  • \button_pm_reply.gif
  • \button_topic_locked.gif
  • \button_topic_new.gif
  • \button_topic_reply.gif
  • \icon_contact_aim.gif
  • \icon_contact_email.gif
  • \icon_contact_icq.gif
  • \icon_contact_jabber.gif
  • \icon_contact_msnm.gif
  • \icon_contact_pm.gif
  • \icon_contact_www.gif
  • \icon_contact_yahoo.gif
  • \icon_post_delete.gif
  • \icon_post_edit.gif
  • \icon_post_info.gif
  • \icon_post_quote.gif
  • \icon_post_report.gif
  • \icon_user_offline.gif
  • \icon_user_online.gif
  • \icon_user_profile.gif
  • \icon_user_search.gif
  • \icon_user_warn.gif
  • \imageset.cfg


The imageset.cfg files give you information on how the images are named.
Note: This could vary depending on the style.

When you open "styles/yourstyle/imageset/yourlanguage/imageset.cfg" you will see a lot of code similar to the following:
img_icon_contact_pm = icon_contact_pm.gif*20*28


  • img_icon_contact_pm is the name of the image that is named on /includes/acp/acp_styles.php
  • icon_contact_pm.gif is the name of the image
  • 20 is the height of the image
  • 28 is the width of the image.


Finish
Don't forget to refresh your imageset ( acp -> styles -> imageset -> refresh ) and also refresh your browser. :)