[TUT!] CBI (Custom Board Icons) personalizado !!

[mainwhat]

Que gran trabajo! Felicitaciones!.  Uno sabe el tiempo y esfuerzo que significa hacer un tutorial.  Lo que no pude hacerlo es en la última versión (2.0 RC3). Cuando cambio manualmente los fragmentos de código, desaparecen los nombres y no aparecen las imágnes. Creo que tomé todos los recaudos (capeta icons en Themes/default, las carpetitas con los números de los foros, las imágenes en png). Observé que ha variado el fragmento de código que hay que reemplazar.  Bueno, con volver a las php originales, se resolvió.  El foro que estoy rearmando es hxxp:www.7decopas.com.ar/ForoSMF/index.php [nonactive]. El anterior estaba en phpBB3 y es cierto que la estética uno la podía manejar mas fácilmente, pero en este es mucho mas funcional y facil para instalar mods.  El Aeva Media es una maravilla.  El buscador es muy bueno y las estadísticas muy claras.  Hasta ahora el mejor software de foro que he probado.
Un saludo, desde el Sur
Gustavo

[FEDEPS]

Muchas gracias, me re sirvio.

[яuben™]

Mi buscador no lo encuentra el code ni del board.index.template.php ni del messange.Index.template los dejo por si alguien lo pudiera hacer 

[johanc]

disculpen tengo una duda ese archivo de texto cual es o como se llama ??

[adthz]

version: 2.0 rc3
theme: ActualismRC3.zip

bueno hice todo lo que indica el tutorial pero em fin cree carpeta icons y dentro de esa carpeta cree una carpeta llamada 1 y otra llamada 2 y puse las imagenes con los nombre on.png on2.png y off.png y no hiso ningun cambio claro que esos cambios los hice en el theme default ya que el theme ActualismRC3.zip no tienes esos archivos para editar

bueno quisiera saber como hago para cambiar las imagenes a cada foro en la version 2.0 rc3

[CamiloBM]

Alguien me puede ayudar cuando cambio el codigo y pongo en guardar me da este error:

Forbidden

You don't have permission to access /index.php on this server.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.


Que hago porfavor ayudenme

[gerzok]

Hey muchas gracias ahora mismo lo pruebo y les aviso como me fue xD

[megustatufoto]

Hola amigo como hago si mi foro 2.0.7 tiene este codigo que no es igual que el que publicaste??? ayuda

Code Select Expand

// If the board or children is new, show an indicator.

if ($board['new'] || $board['children_new'])
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'on', $board['new'] ? '' : '2', '.png" alt="', $txt['new_posts'], '" title="', $txt['new_posts'], '" />';
// Is it a redirection board?
elseif ($board['is_redirect'])
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'redirect.png" alt="*" title="*" />';
// No new posts at all! The agony!!
else
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'off.png" alt="', $txt['old_posts'], '" title="', $txt['old_posts'], '" />';



// Fin If the board or children is new, show an indicator.

[megustatufoto]

Hola amigos quien puede ayudarme? mi codigo es diferente a ese que tienen puesto que deberia de modificar, tengo 2 meses buscando y buscando en la internet un codigo similar al mio para cambiar las imagenes manualemnte y he realizado muchas pruebas de distintas formas y solo me da error por que tantas modificaciones que no se donde esta el error, este es mi codigo de imagenes de categoria del archivo:

MessageIndex.template.php

Code Select Expand



<?php
/**
* Simple Machines Forum (SMF)
*
* @package SMF
* @author Simple Machines
* @copyright 2011 Simple Machines
* @license http://www.simplemachines.org/about/smf/license.php BSD
*
* @version 2.0
*/

function template_main()
{
global $context, $settings, $options, $scripturl, $modSettings, $txt;

echo '
<a id="top"></a>';

if (!empty($context['boards']) && (!empty($options['show_children']) || $context['start'] == 0))
{
echo '
<div class="tborder childboards" id="board_', $context['current_board'], '_childboards">
<div class="cat_bar">
<h3 class="catbg">', $txt['parent_boards'], '</h3>
</div>
<div class="table_frame">
<table class="table_list">
<tbody id="board_', $context['current_board'], '_children" class="content">';

foreach ($context['boards'] as $board)
{
echo '
<tr id="board_', $board['id'], '" class="windowbg2">
<td class="icon windowbg"', !empty($board['children']) ? ' rowspan="2"' : '', '>
<a href="', ($board['is_redirect'] || $context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '">';






// If the board or children is new, show an indicator.

if ($board['new'] || $board['children_new'])
echo '
<img src="', $settings['images_url'], '/' .$context['theme_variant_url'], 'on', $board['new'] ? '' : '2', '.png" alt="', $txt['new_posts'], '" title="', $txt['new_posts'], '" />';


// Is it a redirection board?
elseif ($board['is_redirect'])
echo '
<img src="', $settings['images_url'], '/' .$context['theme_variant_url'], 'redirect.png" alt="*" title="*" />';


// No new posts at all! The agony!!
else
echo '
<img src="', $settings['images_url'], '/' .$context['theme_variant_url'], 'off.png" alt="', $txt['old_posts'], '" title="', $txt['old_posts'], '" />';

echo '
</a>


</td>
<td class="info">
<a class="subject" href="', $board['href'], '" name="b', $board['id'], '">', $board['name'], '</a>';



// Fin If the board or children is new, show an indicator.




// Has it outstanding posts for approval?
if ($board['can_approve_posts'] && ($board['unapproved_posts'] || $board['unapproved_topics']))
echo '
<a href="', $scripturl, '?action=moderate;area=postmod;sa=', ($board['unapproved_topics'] > 0 ? 'topics' : 'posts'), ';brd=', $board['id'], ';', $context['session_var'], '=', $context['session_id'], '" title="', sprintf($txt['unapproved_posts'], $board['unapproved_topics'], $board['unapproved_posts']), '" class="moderation_link">(!)</a>';

echo '

<p>', $board['description'] , '</p>';

// Show the "Moderators: ". Each has name, href, link, and id. (but we're gonna use link_moderators.)

y el otro archivo: BoardIndex.template.php

Code Select Expand

<?php
/**
* Simple Machines Forum (SMF)
*
* @package SMF
* @author Simple Machines
* @copyright 2011 Simple Machines
* @license http://www.simplemachines.org/about/smf/license.php BSD
*
* @version 2.0
*/

function template_main()
{
global $context, $settings, $options, $txt, $scripturl, $modSettings;

// Show some statistics if stat info is off.
if (!$settings['show_stats_index'])
echo '
<div id="index_common_stats">
', $txt['members'], ': ', $context['common_stats']['total_members'], ' &nbsp;&#38;#8226;&nbsp; ', $txt['posts_made'], ': ', $context['common_stats']['total_posts'], ' &nbsp;&#38;#8226;&nbsp; ', $txt['topics'], ': ', $context['common_stats']['total_topics'], '
', ($settings['show_latest_member'] ? ' ' . $txt['welcome_member'] . ' <strong>' . $context['common_stats']['latest_member']['link'] . '</strong>' . $txt['newest_member'] : '') , '
</div>';

// Show the news fader?  (assuming there are things to show...)
if ($settings['show_newsfader'] && !empty($context['fader_news_lines']))
{
echo '
<div id="newsfader">
<div class="cat_bar">
<h3 class="catbg">
<img id="newsupshrink" src="', $settings['images_url'], '/collapse.gif" alt="*" title="', $txt['upshrink_description'], '" align="bottom" style="display: none;" />
', $txt['news'], '
</h3>
</div>
<ul class="reset" id="smfFadeScroller"', empty($options['collapse_news_fader']) ? '' : ' style="display: none;"', '>';

foreach ($context['news_lines'] as $news)
echo '
<li>', $news, '</li>';

echo '
</ul>
</div>
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/fader.js"></script>
<script type="text/javascript"><!-- // --><![CDATA[

// Create a news fader object.
var oNewsFader = new smf_NewsFader({
sSelf: \'oNewsFader\',
sFaderControlId: \'smfFadeScroller\',
sItemTemplate: ', JavaScriptEscape('<strong>%1$s</strong>'), ',
iFadeDelay: ', empty($settings['newsfader_time']) ? 5000 : $settings['newsfader_time'], '
});

// Create the news fader toggle.
var smfNewsFadeToggle = new smc_Toggle({
bToggleEnabled: true,
bCurrentlyCollapsed: ', empty($options['collapse_news_fader']) ? 'false' : 'true', ',
aSwappableContainers: [
\'smfFadeScroller\'
],
aSwapImages: [
{
sId: \'newsupshrink\',
srcExpanded: smf_images_url + \'/collapse.gif\',
altExpanded: ', JavaScriptEscape($txt['upshrink_description']), ',
srcCollapsed: smf_images_url + \'/expand.gif\',
altCollapsed: ', JavaScriptEscape($txt['upshrink_description']), '
}
],
oThemeOptions: {
bUseThemeSettings: ', $context['user']['is_guest'] ? 'false' : 'true', ',
sOptionName: \'collapse_news_fader\',
sSessionVar: ', JavaScriptEscape($context['session_var']), ',
sSessionId: ', JavaScriptEscape($context['session_id']), '
},
oCookieOptions: {
bUseCookie: ', $context['user']['is_guest'] ? 'true' : 'false', ',
sCookieName: \'newsupshrink\'
}
});
// ]]></script>';
}

echo '
<div id="boardindex_table">';

/* Each category in categories is made up of:
id, href, link, name, is_collapsed (is it collapsed?), can_collapse (is it okay if it is?),
new (is it new?), collapse_href (href to collapse/expand), collapse_image (up/down image),
and boards. (see below.) */
foreach ($context['categories'] as $category)
{
// If theres no parent boards we can see, avoid showing an empty category (unless its collapsed)
if (empty($category['boards']) && !$category['is_collapsed'])
continue;

echo '
<table class="table_list">
<tbody class="header" id="category_', $category['id'], '">
<tr>
<td colspan="4">
<div class="cat_bar">
<h3 class="catbg">';

// If this category even can collapse, show a link to collapse it.
if ($category['can_collapse'])
echo '
<a class="collapse" href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>';

if (!$context['user']['is_guest'] && !empty($category['show_unread']))
echo '
<a class="unreadlink" href="', $scripturl, '?action=unread;c=', $category['id'], '">', $txt['view_unread_category'], '</a>';

echo '
', $category['link'], '
</h3>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table_list">';

// Assuming the category hasn't been collapsed...
if (!$category['is_collapsed'])
{

echo '
<tbody class="content" id="category_', $category['id'], '_boards">';
// Titles Board,topic,post,etc.
echo'
 <tr class="sub_cat">
 <td class="icon first">&nbsp;</td>
  <td class="center">',$txt['board'],'</td>
  <td class="center stats">&nbsp;</td>
  <td class="lastpost_sub">&nbsp;</td>
 </tr>';
/* Each board in each category's boards has:
new (is it new?), id, name, description, moderators (see below), link_moderators (just a list.),
children (see below.), link_children (easier to use.), children_new (are they new?),
topics (# of), posts (# of), link, href, and last_post. (see below.) */
foreach ($category['boards'] as $board)
{
echo '
<tr id="board_', $board['id'], '" class="windowbg2">
<td class="icon windowbg"', !empty($board['children']) ? ' rowspan="2"' : '', '>
<a href="', ($board['is_redirect'] || $context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '">';






// If the board or children is new, show an indicator.

if ($board['new'] || $board['children_new'])
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'on', $board['new'] ? '' : '2', '.png" alt="', $txt['new_posts'], '" title="', $txt['new_posts'], '" />';
// Is it a redirection board?
elseif ($board['is_redirect'])
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'redirect.png" alt="*" title="*" />';
// No new posts at all! The agony!!
else
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'off.png" alt="', $txt['old_posts'], '" title="', $txt['old_posts'], '" />';



echo '
</a>
</td>
<td class="info">
<a class="subject" href="', $board['href'], '" name="b', $board['id'], '">', $board['name'], '</a>';



// Fin If the board or children is new, show an indicator.




// Has it outstanding posts for approval?
if ($board['can_approve_posts'] && ($board['unapproved_posts'] || $board['unapproved_topics']))
echo '
<a href="', $scripturl, '?action=moderate;area=postmod;sa=', ($board['unapproved_topics'] > 0 ? 'topics' : 'posts'), ';brd=', $board['id'], ';', $context['session_var'], '=', $context['session_id'], '" title="', sprintf($txt['unapproved_posts'], $board['unapproved_topics'], $board['unapproved_posts']), '" class="moderation_link">(!)</a>';

echo '

<p>', $board['description'] , '</p>';

// Show the "Moderators: ". Each has name, href, link, and id. (but we're gonna use link_moderators.)


La verdad que estoy agotad de tantos intentos fallidos, alguien sabe organizar mi codigo para que se vea manual?.. Las carpetas y imagenes ya estan creadas perfectamente.

Ya este paso lo hice:

2. Agregando las imágenes.

A continuación enseñare a poner las imágenes.

- Para poner la imagen debes crear una ruta en Themes/tu themes/ creas una carpeta/ruta llamada icons, osea quedaría así Themes/tu themes/icons.

- Para poner una imagen por foro, luego de crear la carpeta te metes dentro un ejemplo de foro es el español que su url es:

http://www.simplemachines.org/community/index.php?board= 16.0

Nos fijamos en los ultimos números que es 16.0, entonces vamos a Themes/tu themes/icons y creamos una carpeta llamada 16, dentro ponemos el on.gif,off.gif y on2.gif

¿Por qué es 16?.

Porque claro, el .0 no cuenta, entonces verás casos así:

http://www.simplemachines.org/community/index.php?board= 40.0

[Draving]

Se me presento el mismo problema que el compañero de arriba, cuando busco el codigo no me sale nada... Imagino que ha cambiado en algunas lineas.... Como se podra hacer en este caso ?

[#jsDotx3]

Tutorial actualizado, incluida una personalización extra para ello, cualquier error comuniquen

[David AntiStuart]

Buenas, Tengo el SMF 2.0.8 y copio este codigo pero se me queda asi el foro:
Crea imagenes en foro y subforos.. en la pagina principal, pero yo solo quiero imagenes en foros..
hxxp:gyazo.com/126b06ed16ca388c43a55ce2a0ef2444 [nonactive]

[Sofia14]

Hola lo hice y quedó casi perfecto...

Cuando doy clic a la imagen no me salen los hilos de cada foro, sino sólo los nuevos.... pero esto descoloca a alguien nuevo que pueda llegar. ¿Es posible cambiarlo para que al clicar la imagen salgan todos los hilos, los vistos y los nuevos?

Gracias !!

[4KING.GA~]

Hola JSX3, tengo una duda o problema, eh hecho todo lo que sale en el manual y ah funcionado pero lo raro esquíe solamente uso la carpeta llamada "iconos" y adentro de la carpeta tengo las imágenes de cada foro 1.png y sucesivamente, el problema o duda mia es que no me salen las imágenes en los sub-foros como podría solucionarlo?

Gracias.

[foroforo]

Cómo hacerlo?

Code Select Expand

https://www.youtube.com/watch?v=vaK1Ddar2lw
http://smf.konusal.com/index.php