Open: styles/prosilver/templates/index_body.html
Find:
- Code: Select all
<!-- IF S_DISPLAY_ONLINE_LIST -->
<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
<!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->
<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
<h3>{L_BIRTHDAYS}</h3>
<p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
<!-- ENDIF -->
<!-- IF NEWEST_USER -->
<h3>{L_STATISTICS}</h3>
<p>{TOTAL_POSTS} • {TOTAL_TOPICS} • {TOTAL_USERS} • {NEWEST_USER}</p>
<!-- ENDIF -->
Replace with:
- Code: Select all
<br />
<!-- IF NEWEST_USER -->
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dt><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></dt>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<li class="row">
<dl class="icon" style="background-image: url({T_THEME_PATH}/images/user.png); background-repeat: no-repeat;">
<dt title="{L_WHO_IS_ONLINE}" style="width: auto;">
<span>{TOTAL_USERS_ONLINE}
<br />{RECORD_USERS}
<br />
<strong>{LOGGED_IN_USER_LIST}</strong><br/>
<!-- IF LEGEND --><br /><strong>{L_LEGEND}:</strong> {LEGEND}<!-- ENDIF -->
</span>
</dt>
</dl>
</li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dt>{L_BIRTHDAYS}</a></dt>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<li class="row">
<dl title="{L_CONGRATULATIONS}" class="icon" style="background-image: url({T_THEME_PATH}/images/calendar.png); background-repeat: no-repeat; width: auto;">
<dt style="width: auto;">
<span class="forumtitle">
<!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF -->
</span>
</dt>
</dl>
</li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
<!-- IF NEWEST_USER -->
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dt>{L_STATISTICS}</dt>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<li class="row">
<dl class="icon" style="background-image: url({T_THEME_PATH}/images/stats.png); background-repeat: no-repeat; width: auto;">
<dt title="{L_STATISTICS}" style="width: auto;">
<span class="forumtitle">
<strong>{TOTAL_POSTS} • {TOTAL_TOPICS} • {TOTAL_USERS}
<br />{NEWEST_USER}</strong>
</span>
</dt>
</dl>
</li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
<br />
Save the three images below:
Birthday (save as calendar.png)
Statistic (save as stats.png)
Who is online (save as user.png)
Send images to: styles/prosilver/theme/images/*.*
Do not forget to refresh the template style: ACP > Styles > Templates > Prosilver - Refresh
Chart icon by FatCow Web Hosting - CC BY 3.0
Calendar icon by Oxygen Team - LGPL
Messenger icon by Sergio Sanchez Lopez - GPL