[SMF - shoutBox] Instalación en Diferentes Temas

Hack's Park shoutBox v1.2.1 | Instalación en Diferentes Temas

Antes de continuar...

Debe haber instalado el shoutBox 1.2.1 en el Tema Default

Nombre del Tema que usaremos de ejemplo: HP_BreakBlue

Realice las siguientes acciones

Archivos necesarios: copiar y pegar

Descargue el shoutBox 1.2.1 y extraiga la carpeta Themes a su ordenador.
Dentro de la carpeta, cambie el nombre de default por el de su Tema (en este caso HP_BreakBlue).
Luego, suba la carpeta Themes (acepte si le pide reemplazar, ya que solo es por el nombre de las carpetas) a su servidor (ejemplos: FTP, cPanel).

Esta es la lista de archivos que deberá tener en su Tema (en este caso HP_BreakBlue)

Themes/HP_BreakBlue/HP_colorPicker.js
Themes/HP_BreakBlue/HP_shoutBox.js
Themes/HP_BreakBlue/HP_shoutBox_Mod.js
Themes/HP_BreakBlue/HP_shoutBox.template.php
Themes/HP_BreakBlue/HP_shoutBox_Manage.template.php
Themes/HP_BreakBlue/images/del.gif
Themes/HP_BreakBlue/images/edit.gif
Themes/HP_BreakBlue/images/loading.gif
Themes/HP_BreakBlue/images/bbc/bgcolor.gif
Themes/HP_BreakBlue/images/bbc/caretos.gif
Themes/HP_BreakBlue/images/bbc/clean.gif
Themes/HP_BreakBlue/images/bbc/fontcolor.gif
Themes/HP_BreakBlue/images/bbc/nocolor.gif

En el archivo $themedir/index.template.php (en este caso Themes/HP_BreakBlue/index.template.php

Buscar

// The main sub template above the content.
function template_main_above()

Agregar antes
Es posible que su Tema no tenga el texto // The main (...) content., pero es un hecho que tendrá el nombre de la función function template_main_above().
Si usted es novato, puede ir a la primera línea del archivo y agregarlo después de <?php (claro que, antes debe hacer un par de saltos de línea).

function template_HP_shoutBoxMain()
{

global $context, $settings, $scripturl, $txt, $HP_settings;

if (empty($context['hp_shoutbox_show']))

return;

if ($HP_settings['shoutBox']['out_noban'])

echo '

echo '

if ($HP_settings['shoutBox']['out_noban'])

echo '

HP_shoutBox["lng_emos"] = "' . $txt['hs_sb_10'] . '";

HP_shoutBox["lng_sendingPost"] = "' . $txt['hs_sb_11'] . '";

HP_shoutBox["lng_empty"] = "' . $txt['hs_sb_12'] . '";

HP_shoutBox["lng_jstSending"] = "' . $txt['hs_sb_16'] . '";

HP_shoutBox["lng_sent"] = "' . $txt['hs_sb_13'] . '";

HP_shoutBox["refresh"] = ' . $HP_settings['shoutBox']['refreshShouts'] . ';

HP_shoutBox["lng_no_empty"] = "' . $txt['hs_sb_20'] . '";

HP_shoutBox["lng_empty_url"] = "' . $txt['hs_sb_21'] . '";

HP_shoutBox["lng_insert_url"] = "' . $txt['hs_sb_22'] . '";

HP_shoutBox["in_color"] = "' . $HP_settings['shoutBox']['textColor'] . '";

HP_shoutBox["in_bgcolor"] = "' . $HP_settings['shoutBox']['backgroundColor'] . '";';

echo '

HP_shoutBox["is_ie"] = ' . ($context['browser']['is_ie'] ? 'true' : 'false') . ';

</script>

' . $HP_settings['shoutBox']['boxTitle'] . '</div>

<table border="0" width="100%" cellspacing="1" cellpadding="4" class="bordercolor" style="margin-top: 1px;">';

if ($HP_settings['shoutBox']['out_noban'])

{

echo '

<a href="javascript:void(0);" onclick="HP_shoutBox_setFace(\'inherit\'); document.forms.shoutbox.msg.focus(); HP_shoutBox_shFace();" style="font-family: inherit; display: block; padding: 2px;" class="smalltext">' . $txt['hs_sb_49'] . '</a></td></tr>';

foreach (explode(';', $HP_settings['shoutBox']['msgFaces']) as $face)

echo '

<a href="javascript:void(0);" onclick="HP_shoutBox_setFace(\'' . $face . '\'); document.forms.shoutbox.msg.focus(); HP_shoutBox_shFace();" style="font-family: ' . $face . ', sans-serif; display: block; padding: 2px;" class="smalltext">' . $face . '</a></td></tr>';

echo '</table></div>

<div style="margin:0 auto;text-align:center;"><script language="javascript" type="text/javascript">HP_colorPicker_PrintBoxGrayScale();</script></div></td>

<br />

' . $txt['hs_sb_59'] . ':

' . $txt['hs_sb_60'] . ':

</tr><tr class="windowbg"><td colspan="2" align="right"><span class="smalltext"><a href="http://www.hackspark.com/scripts/smf-colorpicker_10.0.html" title="Hack's Park colorPicker" target="_blank">(cc) Hack's Park</a></span></td></tr></table>

</div></div></td></tr></table>

<input type="hidden" value="0" name="hdn" /><input type="hidden" value="0" name="hds" /><input type="hidden" value="0" name="hdk" /><input type="hidden" value="" name="hdcolor" /><input type="hidden" value="" name="hdbgcolor" /><input type="hidden" value="" name="hdface" />';

// Smilies

echo '

<div id="hp_shoutbox_div_emos" style="display:none;margin-top:4px;text-align:center;">';

if (!empty($HP_settings['shoutBox']['out_caritas']['postform']))

{

foreach ($HP_settings['shoutBox']['out_caritas']['postform'] as $smiley_row)

foreach ($smiley_row['smileys'] as $smiley)

echo '

<a href="javascript:void(0);" onclick="replaceText(\' ', $smiley['code'], '\', document.forms.shoutbox.msg); return false;"><img src="', $settings['smileys_url'], '/', $smiley['filename'], '" align="bottom" alt="', $smiley['description'], '" title="', $smiley['description'], '" /></a>';

if (empty($smiley_row['last']))

echo '<br />';

if (!empty($HP_settings['shoutBox']['out_caritas']['popup']))

echo '

<a href="javascript:moreSmileys();">[', $txt['more_smileys'], ']</a>';

}

if (!empty($HP_settings['shoutBox']['out_caritas']['popup']))

{

echo '

var smileys = [';

foreach ($HP_settings['shoutBox']['out_caritas']['popup'] as $smiley_row)

{

echo '

[';

foreach ($smiley_row['smileys'] as $smiley)

{

echo '

["', $smiley['code'], '","', $smiley['filename'], '","', $smiley['js_description'], '"]';

if (empty($smiley['last']))

echo ',';

}

echo ']';

if (empty($smiley_row['last']))

echo ',';

}

echo '];

var smileyPopupWindow;

function moreSmileys()

{

var row, i;

if (smileyPopupWindow)

smileyPopupWindow.close();

smileyPopupWindow = window.open("", "add_smileys", "toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,width=480,height=220,resizable=yes");

smileyPopupWindow.document.write(\'\n<html>\');

smileyPopupWindow.document.write(\'\n\t<head>\n\t\t<title>', $txt['more_smileys_title'], '</title>\n\t\t<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/style.css" />\n\t</head>\');

smileyPopupWindow.document.write(\'\n\t<body style="margin: 1ex;">\n\t\t<table width="100%" cellpadding="5" cellspacing="0" border="0" class="tborder">\n\t\t\t<tr class="titlebg"><td align="left">', $txt['more_smileys_pick'], '</td></tr>\n\t\t\t<tr class="windowbg"><td align="left">\');

for (row = 0; row < smileys.length; row++)

{

for (i = 0; i < smileys[row].length; i++)

{

smileys[row][i][2] = smileys[row][i][2].replace(/"/g, \'"\');

smileyPopupWindow.document.write(\'<a href="javascript:void(0);" onclick="window.opener.replaceText(" \' + smileys[row][i][0] + \'", window.opener.document.forms.shoutbox.msg); window.focus(); return false;"><img src="', $settings['smileys_url'], '/\' + smileys[row][i][1] + \'" alt="\' + smileys[row][i][2] + \'" title="\' + smileys[row][i][2] + \'" style="padding: 4px;" border="0" /></a> \');

}

smileyPopupWindow.document.write("<br />");

}

smileyPopupWindow.document.write(\'</td></tr>\n\t\t\t<tr><td style="margin:0 auto;text-align:center;" class="windowbg"><a href="javascript:window.close();\\">', $txt['more_smileys_close_window'], '</a></td></tr>\n\t\t</table>\n\t</body>\n</html>\');

smileyPopupWindow.document.close();

}

]]></script>';

}

echo '</div>';

// End - Smilies

echo '

</form></td></tr>';

} elseif ($context['user']['is_logged'])

echo '

<b>' . $txt['hs_sb_85'] . ':</b> ' . $HP_settings['shoutBox']['out_banned']['reason'] . '<br />

<b>' . $txt['hs_sb_86'] . ':</b> ' . $HP_settings['shoutBox']['out_banned']['end'] . '</td></tr></table>

</td></tr>';

echo '

<span class="smalltext">' . ($HP_settings['shoutBox']['out_mod'] ? '<a href="' . $scripturl . '?action=shoutbox;sa=mod" onclick="reqWin(this.href, 750, 360); HP_shoutBox_sh(!HP_shoutBox[\'hd_msgs\'], \'msgs\'); return false;">' . $txt['hs_sb_61'] . '</a> | ' : '') . '<a href="javascript:void(0);" onclick="HP_shoutBox_getMsgs();">' . $txt['hs_sb_62'] . '</a>' . ($context['user']['is_logged'] ? ' | <a href="' . $scripturl . '?action=shoutbox" onclick="reqWin(this.href, 750, 360); HP_shoutBox_sh(!HP_shoutBox[\'hd_msgs\'], \'msgs\'); return false;">' . $txt['hs_sb_63'] . '</a>' : '') . '</span></td>

</tr></table>

HP_shoutBox_Clear();' : '') . '

HP_shoutBox[\'timeout\'] = setTimeout("HP_shoutBox_getMsgs();", 5000);

</script>

</div></div></td></tr>

</div></td>

</div>

</div>';
}

Buscar

}

function template_main_below()
{

Agregar antes
Note que esta función va detrás de la llave de cierre (})

# Hack's Park ||

template_HP_shoutBoxMain();

Lo cual debe quedar de la siguiente manera:

# Hack's Park ||

template_HP_shoutBoxMain();
}

function template_main_below()
{