Estadisticas Estilo Nkn.

Como dice el titulo, un estilo diferente para las estadisticas que muestra por defecto smf.


El resultado es este:

Show content

Te gusto? entonces, segui el tutorial.

En el boardIndex.template.php cambiar:

Show content

Code: [Select]

// Show statistical style information...
if ($settings['show_stats_index'])
{
echo '
<div class="stats_custom">
<div class="col_left">
<h3>
<img src="'.$settings['images_url'].'/theme/chart.png" alt=""/>ESTADISTICAS DEL FORO
</h3>
<span class="stats_nkn">
', $context['common_stats']['total_posts'], '
</span>
', $txt['posts_made_nkn'], '<br />
<div class="line"></div>
<span class="stats_nkn">
', $context['common_stats']['total_topics'], '
</span>
', $txt['topics_nkn'], '<br />
<div class="line"></div>
<span class="stats_nkn">
', $context['common_stats']['total_members'], '
</span>
', $txt['members_nkn'], '<br />
<div class="line"></div>
</div>
<div class="col_center">
<h3>
<img src="'.$settings['images_url'].'/theme/chart_pie.png" alt=""/>LO ULTIMO
</h3>
<a class="lastest_member_nkn">
<img src="'.$settings['images_url'].'/theme/user.png" alt=""/>
</a>
', !empty($settings['show_latest_member']) ? $txt['latest_member'] . ': <strong> ' . $context['common_stats']['latest_member']['link'] . '</strong>' : '', '
<br />
<div class="line"></div>
<a class="lastest_topic_nkn">
<img src="'.$settings['images_url'].'/theme/comments.png" alt=""/>
</a>
', (!empty($context['latest_post']) ? $txt['latest_post'] . ': <strong>&quot;' . $context['latest_post']['link'] . '&quot;</strong>  ( ' . $context['latest_post']['time'] . ' )<br />' : ''), '
<div class="line"></div>
<a href="', $scripturl, '?action=recent">', $txt['recent_view'], '</a>
', $context['show_stats'] ? ' <br /> <a href="' . $scripturl . '?action=stats">' . $txt['more_stats'] . '</a>' : '', '
</div>
</div>
<br class="clear" />';
}

// "Users online" - in order of activity.
echo '
<div class="stats_custom">
<div class="users_online_nkn">
<h3>
<img src="'.$settings['images_url'].'/theme/help.png" alt=""/>USUARIOS ONLINE?
</h3>
<div class="users_online3_nkn">
<img src="'.$settings['images_url'].'/theme/users.png" alt=""/>
', $context['show_who'] ? '<a href="' . $scripturl . '?action=who">' : '', comma_format($context['num_guests']), ' ', $context['num_guests'] == 1 ? $txt['guest'] : $txt['guests'], ', ' . comma_format($context['num_users_online']), ' ', $context['num_users_online'] == 1 ? $txt['user'] : $txt['users'];

// Handle hidden users and buddies.
$bracketList = array();
if ($context['show_buddies'])
$bracketList[] = comma_format($context['num_buddies']) . ' ' . ($context['num_buddies'] == 1 ? $txt['buddy'] : $txt['buddies']);
if (!empty($context['num_spiders']))
$bracketList[] = comma_format($context['num_spiders']) . ' ' . ($context['num_spiders'] == 1 ? $txt['spider'] : $txt['spiders']);
if (!empty($context['num_users_hidden']))
$bracketList[] = comma_format($context['num_users_hidden']) . ' ' . $txt['hidden'];

if (!empty($bracketList))
echo ' (' . implode(', ', $bracketList) . ')';

echo $context['show_who'] ? '</a>' : '', '
</div>
<div class="line"></div>
</div>
<div class="users_online2_nkn">
<h3>
<img src="'.$settings['images_url'].'/theme/favorite.png" alt=""/>USUARIOS ACTIVOS?
</h3>';

// Assuming there ARE users online... each user in users_online has an id, username, name, group, href, and link.
if (!empty($context['users_online']))
{
echo '
', sprintf($txt['users_active'], $modSettings['lastActive']), ':<br />', implode(', ', $context['list_users_online']);
echo'
<div class="line"></div>';
// Showing membergroups?
if (!empty($settings['show_group_key']) && !empty($context['membergroups']))
echo '
<br />[' . implode(']&nbsp;&nbsp;[', $context['membergroups']) . ']
<div class="line"></div>';
}

echo '
</div>
<br class="clear" />
<div class="maxonline_nkn">
', $txt['most_online_today'], ': <span class="stats_nkn">', comma_format($modSettings['mostOnlineToday']), '</span>
', $txt['most_online_ever'], ': <span class="stats_nkn">', comma_format($modSettings['mostOnline']), '</span>
</div>
<div class="line"></div>
</div>';

// If they are logged in, but statistical information is off... show a personal message bar.
Agregar al final del index.css:

Code: [Select]

/*CUSTOM STATS NEEKIINH0*/

div.col_left{
background: none;
font-size: 12px;
font-weight: lighter;
margin: 0 15px 5px;
text-shadow: 1px 1px 1px #FFFFFF;
color: #343434;
width: 50%;
}
div.col_left h3 {
font-size: 14px;
margin-bottom: 14px;
}

div.line {
border-bottom: 1px solid #fff;
width: 360px;
margin: 2px 0 2px 0;
}

div.col_center {
float: right;
margin-top: -172px;
background: none;
width: 50%;
font-size: 12px;
font-weight: lighter;
text-shadow: 1px 1px 1px #FFFFFF;
color: #343434;
}
div.col_center h3 {
padding-top: 13px;
font-size: 14px;
margin-bottom: 14px;
}
.stats_nkn{
background: none repeat scroll 0 0 #000000;
border: 1px solid #FFFFFF;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
height: 30px;
line-height: 30px;
margin: 0 10px 0 0;
padding: 5px 10px;
text-shadow: 0 1px 0 #000000;
}
.stats_custom{
background: url(../images/theme/bg_nkn.png) repeat-x scroll 0 0 #CBC9C9;
height: 170px;
}
a.lastest_member_nkn{
text-decoration: none;
}
a.lastest_topic_nkn{
text-decoration: none;
}
.users_online_nkn{
margin: 0 15px 5px;
}
div.users_online2_nkn{
float: right;
margin-top: -93px;
text-shadow: 1px 1px 1px #FFFFFF;
color: #343434;
width: 50%;
}
div.users_online2_nkn h3{
padding-top: 13px;
font-size: 14px;
margin-bottom: 14px;
}

div.users_online3_nkn{
margin-top: 12px;
font-size: 15px;
text-shadow: 1px 1px 1px #FFFFFF;
color: #343434;
}
div.maxonline_nkn {
margin-top: 4px;
text-shadow: 1px 1px 1px #FFFFFF;
color: #343434;
margin-left: 15px;
}
div.users_online_nkn h3{
font-size: 14px;
}

/*CUSTOM STATS NEEKIINH0*/

Añadir al final del archivo ThemeStrings.english.php que se encuentra en la carpeta languages de nuestro theme.

Code: [Select]

$txt['posts_made_nkn'] = 'Mensajes / Respuestas';
$txt['topics_nkn'] = 'Temas / Discusiones';
$txt['members_nkn'] = 'Usuarios Registrados';
Puede que tengan que activar los strings. Para eso vamos al index.template.php y buscamos.

Code: [Select]

/* Set the following variable to true if this theme requires the optional theme strings file to be loaded. */
$settings['require_theme_strings'] = false;
}
Cambiamos el "false" por "true"


Subir las imagenes a la carpeta images/theme del theme que usas

PD:las imagenes estas adJuntas.

Show content

http://www.skinmod.eu/index.php?action=dlattach;topic=2453.0;attach=2300

NOTA: LA MODIFICACION ESTA BASADA EN EL THEME DEFAULT (CURVE).

Nada mas, espero que les guste.

Creditos.

Show content

Neekiinh0--►Por Aser El Tutorial
Yo--►Por Publicarlo Aqui

PD: No vi esta publicación aquí, por lo cual si ya esta publicado cierren tema.

Buen aporte. +5

Te falto adjuntar las imagenes, gracias por el aporte

no se pueden descargar las imagenes alguien las tiene ?

Ahí las adjunte en el mensaje anterior.
Saludos

Disculpen cual es el archivo ThemeStrings.english.php no lo encuentro...