Topic: Shoutbox Icon Rearrangement

[420connect]

hello everyone

I was wondering if someone could tell me the code replacements to move the refresh icon, smiley / bbc options to below the shoutbox rather than at the top.

Thank you in advance!

[ccbtimewiz]

The file you're looking for is ./Themes/default/PortalShoutbox.template.php

Around here:

Code: [Select]

<div id="shoutbox_load_', $shoutbox['id'], '" style="float: right; display: none;"><img src="', $settings['sp_images_url'], '/loading.gif" alt="" /></div>
<a href="', $scripturl, '?action=portal;sa=shoutbox;shoutbox_id=', $shoutbox['id'], '" onclick="sp_refresh_shout(', $shoutbox['id'], ', last_refresh_', $shoutbox['id'], '); return false;">', sp_embed_image('refresh'), '</a> <a href="', $scripturl, '?action=portal;sa=shoutbox;shoutbox_id=', $shoutbox['id'], '">', sp_embed_image('history'), '</a>';
You can try just moving this portion around and see what result you get.

[420connect]

I maybe moved the above to inside another part of php but that seemed to cause an error page for me..

[♦ Ninja ZX-10RR ♦]

Be careful not to screw up <a> and <div>, that's very much likely the cause of your error

[420connect]

I can't seem to shift it any where without it throwing out errors at me

[ccbtimewiz]

Can you show me how you shifted it?

[420connect]

Simply moving the code you mentioned above to near where the input button is mentioned :x

[♦ Ninja ZX-10RR ♦]

That's ok mate, but "how" is the key

[420connect]

Hey,

I seeked assistance moving the suggested code, so it wouldn't be a nuisance for causing errors, but with the changed code, the icons haven't budged

 

Code: [Select]

<?php

/**
 * @package SimplePortal
 *
 * @author SimplePortal Team
 * @copyright 2014 SimplePortal Team
 * @license BSD 3-clause
 *
 * @version 2.3.6
 */

function template_shoutbox_all()
{
global $context;

if ($context['SPortal']['core_compat'])
template_shoutbox_all_core();
else
template_shoutbox_all_curve();
}

function template_shoutbox_all_core()
{
global $context, $txt;

echo '
<div class="tborder">
<div class="shoutbox_container">
<div class="catbg shoutbox_padding">
', $context['SPortal']['shoutbox']['name'], '
</div>
<div class="shoutbox_page_index windowbg smalltext">
', $txt['pages'], ': ', $context['page_index'], '
</div>
<div class="windowbg shoutbox_body">
<ul class="shoutbox_list_all" id="shouts">';

if (!empty($context['SPortal']['shouts_history']))
foreach ($context['SPortal']['shouts_history'] as $shout)
echo '
', !$shout['is_me'] ? '<li class="smalltext"><strong>' . $shout['author']['link'] . ':</strong></li>' : '', '
<li class="smalltext">', str_replace('ignored_shout', 'history_ignored_shout', $shout['text']), '</li>
<li class="smalltext shoutbox_time">', $shout['delete_link'], $shout['time'], '</li>';
else
echo '
<li class="smalltext">', $txt['sp_shoutbox_no_shout'], '</li>';

echo '
</ul>
</div>
<div class="shoutbox_page_index windowbg smalltext">
', $txt['pages'], ': ', $context['page_index'], '
</div>
</div>
</div>';
}

function template_shoutbox_all_curve()
{
global $context, $txt;

echo '
<div class="cat_bar">
<h3 class="catbg">
', $context['SPortal']['shoutbox']['name'], '
</h3>
</div>
<div class="windowbg">
<span class="topslice"><span></span></span>
<div class="sp_content_padding">
<div class="shoutbox_page_index smalltext">
', $txt['pages'], ': ', $context['page_index'], '
</div>
<div class="shoutbox_body">
<ul class="shoutbox_list_all" id="shouts">';

if (!empty($context['SPortal']['shouts_history']))
foreach ($context['SPortal']['shouts_history'] as $shout)
echo '
', !$shout['is_me'] ? '<li class="smalltext"><strong>' . $shout['author']['link'] . ':</strong></li>' : '', '
<li class="smalltext">', str_replace('ignored_shout', 'history_ignored_shout', $shout['text']), '</li>
<li class="smalltext shoutbox_time">', $shout['delete_link'], $shout['time'], '</li>';
else
echo '
<li class="smalltext">', $txt['sp_shoutbox_no_shout'], '</li>';

echo '
</ul>
</div>
<div class="shoutbox_page_index smalltext">
', $txt['pages'], ': ', $context['page_index'], '
</div>
</div>
<span class="botslice"><span></span></span>
</div>';
}

function template_shoutbox_embed($shoutbox)
{
global $context, $scripturl, $settings, $txt;

echo '
<form action="" method="post">
<div class="shoutbox_container">
<div class="shoutbox_info">
<div id="shoutbox_load_', $shoutbox['id'], '" style="float: right; display: none;"><img src="', $settings['sp_images_url'], '/loading.gif" alt="" /></div>
<a href="', $scripturl, '?action=portal;sa=shoutbox;shoutbox_id=', $shoutbox['id'], '" onclick="sp_refresh_shout(', $shoutbox['id'], ', last_refresh_', $shoutbox['id'], '); return false;">', sp_embed_image('refresh'), '</a> <a href="', $scripturl, '?action=portal;sa=shoutbox;shoutbox_id=', $shoutbox['id'], '">', sp_embed_image('history'), '</a>';

if ($context['can_shout'])
echo ' <a href="#smiley" onclick="sp_collapse_object(\'sb_smiley_', $shoutbox['id'], '\', false); return false;">', sp_embed_image('smiley'), '</a> <a href="#style" onclick="sp_collapse_object(\'sb_style_', $shoutbox['id'], '\', false); return false;">', sp_embed_image('style'), '</a>';

echo '
</div>';

if ($context['can_shout'])
{
echo '
<div id="sp_object_sb_smiley_', $shoutbox['id'], '" style="display: none;">';

foreach ($shoutbox['smileys']['normal'] as $smiley)
echo '
<a href="javascript:void(0);" onclick="replaceText(\' ', $smiley['code'], '\', document.getElementById(\'new_shout_', $shoutbox['id'], '\')); return false;"><img src="', $settings['smileys_url'], '/', $smiley['filename'], '" alt="', $smiley['description'], '" title="', $smiley['description'], '" /></a>';

if (!empty($shoutbox['smileys']['popup']))
echo '
<a onclick="sp_showMoreSmileys(\'', $shoutbox['id'], '\', \'', $txt['more_smileys_title'], '\', \'', $txt['more_smileys_pick'], '\', \'', $txt['more_smileys_close_window'], '\', \'', $settings['theme_url'], '\', \'', $settings['smileys_url'], '\'); return false;" href="javascript:void(0);">[', $txt['more_smileys'], ']</a>';

echo '
</div>
<div id="sp_object_sb_style_', $shoutbox['id'], '" style="display: none;">';

foreach ($shoutbox['bbc'] as $image => $tag)
{
if (!in_array($tag['code'], $shoutbox['allowed_bbc']))
continue;

if (!isset($tag['after']))
echo '<a href="javascript:void(0);" onclick="replaceText(\'', $tag['before'], '\', document.getElementById(\'new_shout_', $shoutbox['id'], '\')); return false;">';
else
echo '<a href="javascript:void(0);" onclick="surroundText(\'', $tag['before'], '\', \'', $tag['after'], '\', document.getElementById(\'new_shout_', $shoutbox['id'], '\')); return false;">';

echo '<img onmouseover="style_highlight(this, true);" onmouseout="if (window.style_highlight) style_highlight(this, false);" src="', $settings['images_url'], '/bbc/', $image, '.gif" align="bottom" width="23" height="22" alt="', $tag['description'], '" title="', $tag['description'], '" style="background-image: url(', $settings['images_url'], '/bbc/bbc_bg.gif); margin: 1px 2px 1px 1px;" /></a>';
}

if (in_array('color', $shoutbox['allowed_bbc']))
echo '
<span id="sp_shoutbox_color_', $shoutbox['id'], '">
<select id="sp_shoutbox_color_select_', $shoutbox['id'], '" onchange="if (this.value) surroundText(\'[color=\'+this.value+\']\', \'[/color]\', document.getElementById(\'new_shout_', $shoutbox['id'], '\')); this.style.backgroundColor = this.options[this.selectedIndex].style.backgroundColor; return false;" style="height: 20px; line-height: 20px; position: absolute;">
<option value="">', $txt['change_color'], '</option>
<option style="background-color: black;" value="black" title="', $txt['black'], '"></option>
<option style="background-color: red;" value="red" title="', $txt['red'], '"></option>
<option style="background-color: yellow;" value="yellow" title="', $txt['yellow'], '"></option>
<option style="background-color: pink;" value="pink" title="', $txt['pink'], '"></option>
<option style="background-color: green;" value="green" title="', $txt['green'], '"></option>
<option style="background-color: orange;" value="orange" title="', $txt['orange'], '"></option>
<option style="background-color: purple;" value="purple" title="', $txt['purple'], '"></option>
<option style="background-color: blue;" value="blue" title="', $txt['blue'], '"></option>
<option style="background-color: beige;" value="beige" title="', $txt['beige'], '"></option>
<option style="background-color: brown;" value="brown" title="', $txt['brown'], '"></option>
<option style="background-color: teal;" value="teal" title="', $txt['teal'], '"></option>
<option style="background-color: navy;" value="navy" title="', $txt['navy'], '"></option>
<option style="background-color: maroon;" value="maroon" title="', $txt['maroon'], '"></option>
<option style="background-color: limegreen;" value="limegreen" title="', $txt['lime_green'], '"></option>
<option style="background-color: white;" value="white" title="', $txt['white'], '"></option>
</select>
</span>';
echo '
</div>';
}

echo '
<div class="shoutbox_body">
<ul class="shoutbox_list_compact" id="shouts_', $shoutbox['id'], '"', !empty($shoutbox['height']) ? ' style="height: ' . $shoutbox['height'] . 'px;"' : '', '>';

if (!empty($shoutbox['warning']))
echo '
<li class="shoutbox_warning smalltext">', $shoutbox['warning'], '</li>';

if (!empty($shoutbox['shouts']))
foreach ($shoutbox['shouts'] as $shout)
echo '
<li class="smalltext">', !$shout['is_me'] ? '<a href="javascript:void(0);" title="'.$txt['sp_shoutbox_pm_title'].'" onclick="document.getElementById(\'new_shout_'. $shoutbox['id']. '\').value=\'@' . $shout['author']['name'] . ': \'">@ </a><strong>' . $shout['author']['link'] . ':</strong> ' : '', '<span style="word-wrap: break-word;overflow-y: auto;overflow-x: hidden;">' . $shout['text'], '</span><br /><span class="shoutbox_delete">', (!empty($shout['edit_link_js']) ? $shout['edit_link_js'] : '&nbsp;'), (!empty($shout['delete_link_js']) ? $shout['delete_link_js'] : '&nbsp;'), '</span><span class="smalltext shoutbox_time">', $shout['time'], '</span></li>';
else
echo '
<li class="smalltext">', $txt['sp_shoutbox_no_shout'], '</li>';

echo '
</ul>
</div>';

if ($context['can_shout'])
echo '
<div class="shoutbox_input smalltext">
<input type="text" name="new_shout" id="new_shout_', $shoutbox['id'], '" class="shoutbox_input sp_float_center input_text"', $context['browser']['is_ie'] ? ' onkeypress="if (sp_catch_enter(event)) { sp_submit_shout(' . $shoutbox['id'] . ', \'' . $context['session_var'] . '\', \'' . $context['session_id'] . '\'); return false; }"' : '', ' />
<input type="submit" name="submit_shout" value="', $txt['sp_shoutbox_button'], '" class="sp_float_center button_submit" onclick="sp_submit_shout(', $shoutbox['id'], ', \'', $context['session_var'], '\', \'', $context['session_id'], '\'); return false;" />
</div>';

echo '

</div>
<input type="hidden" name="shoutbox_id" value="', $shoutbox['id'], '" />
<input type="hidden" name="', $context['session_var'], '" value="', $context['session_id'], '" />
</form>
<script language="Javascript" type="text/javascript"><!-- // --><![CDATA[
var last_refresh_', $shoutbox['id'], ' = ', time(), ';';

if ($shoutbox['reverse'])
echo '
var objDiv = document.getElementById("shouts_', $shoutbox['id'], '");
objDiv.scrollTop = objDiv.scrollHeight;'; 

if (!empty($shoutbox['refresh']))
echo '
var interval_id_', $shoutbox['id'], ' = setInterval( "sp_auto_refresh_', $shoutbox['id'], '()", ', $shoutbox['refresh'], ' * 1000);
function sp_auto_refresh_', $shoutbox['id'], '()
{
if (window.XMLHttpRequest)
{
sp_refresh_shout(', $shoutbox['id'], ', last_refresh_', $shoutbox['id'], ');
last_refresh_', $shoutbox['id'], ' += ', $shoutbox['refresh'], ';
}
else
clearInterval(interval_id_', $shoutbox['id'], ');
}';

// Setup the data for the popup smileys.
if (!empty($shoutbox['smileys']['popup']))
{
echo '
if (sp_smileys == undefined)
var sp_smileys = [';
foreach ($shoutbox['smileys']['popup'] as $smiley)
{
echo '
["', $smiley['code'], '","', $smiley['filename'], '","', $smiley['js_description'], '"]';
if (empty($smiley['last']))
echo ',';
}
echo ']';

echo '
if (sp_moreSmileysTemplate == undefined)
{
var sp_moreSmileysTemplate =  ', JavaScriptEscape('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>' . $txt['more_smileys_title'] . '</title>
<link rel="stylesheet" type="text/css" href="' . $settings['theme_url'] . '/css/index' . $context['theme_variant'] . '.css?fin20" />
</head>
<body id="help_popup">
<div class="padding windowbg">
<div class="cat_bar">
<h3 class="catbg">
' . $txt['more_smileys_pick'] . '
</h3>
</div>
<div class="padding">
%smileyRows%
</div>
<div class="smalltext centertext">
<a href="javascript:window.close();">' . $txt['more_smileys_close_window'] . '</a>
</div>
</div>
</body>
</html>'), '
}';
}

echo '
// ]]></script>';
}

function template_shoutbox_xml()
{
global $context, $txt;

echo '<', '?xml version="1.0" encoding="', $context['character_set'], '"?', '>
<smf>
<shoutbox>', $context['SPortal']['shoutbox']['id'], '</shoutbox>';

if ($context['SPortal']['updated'])
{
echo '
<updated>1</updated>
<error>', empty($context['SPortal']['shouts']) ? $txt['sp_shoutbox_no_shout'] : 0, '</error>
<warning>', !empty($context['SPortal']['shoutbox']['warning']) ? htmlspecialchars($context['SPortal']['shoutbox']['warning']) : 0, '</warning>
<reverse>', !empty($context['SPortal']['shoutbox']['reverse']) ? 1 : 0, '</reverse>';

foreach ($context['SPortal']['shouts'] as $shout)
echo '
<shout>
<id>', $shout['id'], '</id>
<author>', htmlspecialchars($shout['author']['link']), '</author>
<author_name>', htmlspecialchars($shout['author']['name']), '</author_name>
<author_name_txt>', $txt['sp_shoutbox_pm_title'] , '</author_name_txt>
<time>', htmlspecialchars($shout['time']), '</time>
<timeclean>', htmlspecialchars(strip_tags($shout['time'])), '</timeclean>
<delete>', !empty($shout['delete_link_js']) ? htmlspecialchars($shout['delete_link_js']) : 0, '</delete>
<content>', htmlspecialchars($shout['text']), '</content>
<is_me>', $shout['is_me'] ? 1 : 0, '</is_me>
</shout>';
}
else
echo '
<updated>0</updated>';

echo '
</smf>';
}

?>

Much appreciated if I could get the icons below the input bar for text
(even just the smileys/bbc code part)


Thank you