Global images

kaaleth

Improved version is coming but I would like to know how to change global images.

Example of global image:

1. http://codersclub.org/discuzx/static/image/common/forum.gif

Copy the Code

Path of this image is placed not in CSS but TEMPLATE. This makes image global for ALL skins.

It would be nice to find solution for it. Of course, I can change path in template file but it will change also structure of some graphic elements.

vot

So, you can try to do this

vot

I have the next idea:

We can replace every icon placed directly into templates to a special styled span having that icon as a background.

I.e.
WAS:
<img src="http://codersclub.org/discuzx/static/image/common/forum.gif">

BECAME:
<span style="icon forum">
and plus the icon style:

1. .icon .forum {
   
2.    background: url(/discuzx/static/image/common/forum.gif) no-repeat;
   
3.    width: 31px;
   
4.    height: 29px;
   
5. }
   

Copy the Code

When we have switched to another style,
we just replace the default style to what we need with a new image.

kaaleth

Yes, this is what I mean.

kaaleth

There is a code that shows new/old topic icons.

1. <td class="fl_icn" {if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
   
2.                                                                 <!--{if $forum[icon]}-->
   
3.                                                                         $forum[icon]
   
4.                                                                 <!--{else}-->
   
5.                                                                         <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
   
6.                                                                 <!--{/if}-->
   
7.                                                         </td>

Copy the Code

vot

Try #399