Change on.gif off.gif in metro theme

[jpwanabe]

Hi. We recently bought the metro theme, and I would like to know, how to I change the new post icon from the 4 boxes that it is set to default wise. I had them set before using the on.gif and off.gif but it seems like the theme uses something else that I can't find.

[Tan]

Metro theme uses an iconic font for what you know as on and off .gif.

In forumbit_depth2_forum template you will see icon-grid-view which is the css class that shows the new and old post icon.

Most, if not all, iconic fonts are in stylesheet.css

To use an image instead, change in forumbit_depth2_forum :

Quote:<i class="icon-grid-view ajax_mark_read forum_{$lightbulb['folder']}" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></i>

To:

Quote:<img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" class="ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}" />

Then throw your image in the metrostyle images folder. This hasn't really been tested, but should give you a good direction to head towards. We try to remove as many images from themes so the theme loads faster.

[jpwanabe]

thanks for the quick reply I'll try it tonight. I do have one other question but its hard to explain without having you go to my forums and looking at it. I tried to replace the top three boxes in the top left with one image, but it didn't quite work out. If you could tell me how I could keep the same structure that was originally there but just replace it with one box of the same length that would really help. I'm talking about the sign in with steam button just in case I wasn't clear

tf2app.com/forum

[Tan]

I don't recommend it, but you could get rid of all three links in the header_welcomeblock_guest template then add the following at the top:

Code:

<a style="float: left;

background-color: #EBEBEB;
line-height: 36px;
height: 36px;
margin-left: -6px;
border-right: 10px solid transparent;" href="http://tf2app.com/forum/misc.php?action=steam_login"><img src="http://cdn.steamcommunity.com/public/images/signinthroughsteam/sits_small.png" alt="Login through Steam  " border="0"></a>

[jpwanabe]

(25th Feb, 07:00 pm)Tan Wrote:  I don't recommend it, but you could get rid of all three links in the header_welcomeblock_guest template then add the following at the top:

Code:

<a style="float: left;

background-color: #EBEBEB;
line-height: 36px;
height: 36px;
margin-left: -6px;
border-right: 10px solid transparent;" href="http://tf2app.com/forum/misc.php?action=steam_login"><img src="http://cdn.steamcommunity.com/public/images/signinthroughsteam/sits_small.png" alt="Login through Steam  " border="0"></a>

This will work. I will just resize the image to cover the white part.

[jpwanabe]

Thanks for all your help man. I only have 2 other questions. All of these icons are broken. How can I fix them?


And the other question. We use steam login. When using the default profile, it adds a block to their profile with their steam info. How could I add a section in here, above "add buddy", with the same info as this. Here is the code in the global templates.

Code:

<br /><table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"><tr><td colspan="2" class="thead"><strong>Steam Details</strong></td></tr><tr><td class="trow1" width="40%"><strong>Steam Verified</strong></td><td class="trow1">{$steam_verified}</td></tr><tr><td class="trow1" width="40%"><strong>Level</strong></td><td class="trow1">{$steam_level}</td></tr><tr><td class="trow1" width="40%"><strong>SteamID 32</strong></td><td class="trow1">{$steamid_32}</td></tr><tr><td class="trow1" width="40%"><strong>SteamID 64</strong></td><td class="trow1"><a href="http://www.steamcommunity.com/profiles/{$steamid_64}" target="_blank">http://www.steamcommunity.com/profiles/{$steamid_64}</a></td></tr><tr><td class="trow1" width="40%"><strong>SteamRep</strong></td><td class="trow1">{$steamrep_link}</td></tr><tr><td class="trow1" width="40%"><strong>Steam Status</strong></td><td class="trow1">{$steam_status}</td></tr></table><br />

[Tan]

Hi, can you PM me a test account with link to your forum? I'll take a look first thing in the morning.