Uzyskanie efektu przycisku na sb

[Gość lolmol100]

Witajcie w moim kolejnym poradniku pokaże wam jak uzyskać wygląd przycisku obok shoutboxa.

 

 

ACP-> Wygląd_> skin -> skin_shoutbox -> shout_row

<if test="$ajax==false"><tr class='row2' id='shout-{$d['_archive']}row-{$d['s_id']}'></if>
	<if test="$this->settings['shoutbox_show_photos']"><td style='width: 1%; white-space: nowrap;'><a onclick="insertNick('{$d['members_display_name']}');" data-tooltip="@Wspomnij" class="insert_nick">{$d['photo']}</a></td></if>
	<td style='width: 1%; white-space: nowrap;'>
		<if test="showAtTag:|:$this->settings['shoutbox_at_tag']">
			<a href="#" class="at_member" data-store="{$d['members_display_name']}" title="{$this->lang->words['insert_name']}"></a> 
		</if>
		<if test="$d['member_id']">
			{IPSMember::makeProfileLink($d['_members_display_name'], $d['member_id'], $d['members_seo_name'])}
		<else />
			<abbr title="{$d['members_display_name']}">{$d['_members_display_name']}</abbr>
		</if>
	</td>
	<if test="showColon:|:$this->settings['shoutbox_format_colon']"><td style='width: 1%; white-space: nowrap;'>:</td></if>
	<td style='width: 98%;'>
		<span class='right desc' title='{$d['_date']}'>({$d['s_date']})<if test="$can_edit || ($this->registry->getClass('shoutboxLibrary')->moderator && $this->registry->getClass('shoutboxLibrary')->checkModeratorPerm('edit_shouts', true))"> <a href='{parse url="app=shoutbox" seotitle="false" base="public"}#edit{$d['s_id']}' onclick='return ipb.shoutbox.editShout({$d['s_id']})' title='{$this->lang->words['mod_opt_edit']}'><img src="{$this->settings['img_url']}/comment_edit.png" alt="{$this->lang->words['macro__edit']}" /></a></if><if test="$this->registry->getClass('shoutboxLibrary')->moderator"> <a href='{parse url="app=shoutbox" seotitle="false" base="public"}#shout{$d['s_id']}' onclick='return ipb.shoutbox.modOptsLoadShout({$d['s_id']})' title='{$this->lang->words['mmenu_load_mod_opts']}'>{parse replacement="edit_folder"}</a></if><if test="!$this->registry->shoutboxLibrary->checkModeratorPerm('delete_shouts', true) && $this->memberData['g_shoutbox_delete_own'] && $d['member_id'] == $this->memberData['member_id']"> <a class="deleteMyShout" id="delete_{$d['s_id']}" href="#" title="{$this->lang->words['mod_opt_delete']}"><img src="{$this->settings['img_url']}/delete.png" alt="" /></a></if></span>
		<if test="$d['_ignored'] == 1">
			<span id='unhide_shout_{$d['s_id']}' class='desc'>{$this->lang->words['ignored_shouter']} <a href='#shout{$d['s_id']}' onclick='return ipb.shoutbox.showHiddenShout({$d['s_id']})' title='{$this->lang->words['ignored_shouter_view']}'>{$this->lang->words['ignored_shouter_view']}</a></span>
			<span id='hidden_shout_{$d['s_id']}' class='shoutbox_text' style='display:none'>{$d['s_message']}</span>
		<else />
			<span class='shoutbox_text'>{$d['s_message']}</span>
		</if>
	</td>
<if test="$ajax==false"></tr></if> 

ACP-> Wygląd_> skin -> skin_shoutbox_hooks -> hookGlobalShoutbox

<!--- ShoutBoxJsLoader --->
<script type='text/javascript'>
/* Setup some value */
ipb.shoutbox.shoutboxGLOBAL = true;
function insertNick(nick) {
document.getElementById('shoutbox-global-shout').value += '[member='+nick+'], ';
}
</script>
<if test="in_array( $this->settings['shoutbox_global_hook'], array( 'b' ) )"><br class="clear"/></if>
<div class='category_block block_wrap' id='category_shoutbox'>
	<h3 class='maintitle'>
		<a class='toggle right' href='#' title='{$this->lang->words['toggle_shoutbox']}'>{$this->lang->words['toggle_shoutbox']}</a>
		<a href="{parse url="app=shoutbox" seotitle="false" base="public"}" title='{$this->lang->words['view_main_shoutbox']}'>{$this->settings['shoutbox_title']}</a>
		<if test="showPopupLink:|:$this->settings['shoutbox_popup']"><a href="#" id="shoutbox-popup-button" title="{$this->lang->words['open_popup']}"><img src="{$this->settings['img_url']}/shoutbox/popup.png" alt="{$this->lang->words['open_popup']}" /></a></if>
	</h3>
	<div class='ipsBox table_wrap'><div class='ipsBox_container'>
		<table class='ipb_table shoutbox_table'>
			{$d['announcement']}
			<if test="$this->settings['shoutbox_global_theme'] == 2">
				<tr class='row1'>
					<td valign='top' class='altrow' colspan='2'>
						<div id='shoutbox-shouts' style='height:{$d['shout_height']}px;overflow:auto'>
							{$d['noshouts']}
							{parse template="inactivePrompt" group="skin_shoutbox" params=""}
							<table id='shoutbox-shouts-table'>
								<tbody>
									{$d['shouts']}
								</tbody>
							</table>
						</div>
						<div id='shouts-global-resizer'></div>
						{parse template="popupInlineError" group="skin_shoutbox" params="glb"}
					</td>
				</tr>
				<if test="$this->memberData['g_shoutbox_use']">
					<tr class='row1'>
						<td class='altrow' valign='top' colspan='2'>
							<input type='text' id='shoutbox-global-shout' size='75' class='input_text' />
                            <i class="fa fa-paper-plane  input_submit alt" type="button" id="shoutbox-submit-button" title="{$this->lang->words['shout']}" value="{$this->lang->words['shout']}" style="font-size: 14px;"></i>
                            <i class="fa fa-ban input_submit alt" type="button"  id='shoutbox-clear-button' value='{$this->lang->words['clear']}' title="{$this->lang->words['clear']}" class='input_submit alt' style="font-size: 14px;"></i>
                            <i class="fa fa-refresh input_submit alt" type="button" id="shoutbox-refresh-button" value="{$this->lang->words['refresh']}" title="{$this->lang->words['refresh']}" style="font-size: 14px;"></i>
                            <i class="fa fa-smile-o input_submit alt" type="button" id="shoutbox-smilies-button" value="{$this->lang->words['smilies']}" title="{$this->lang->words['smilies']}" data-clicklaunch="populateSmilies" data-scope="shoutbox" style="font-size: 14px;"></i>
                            <i class="fa fa-cog input_submit alt" type="button" id="shoutbox-myprefs-button" value="{$this->lang->words['bbcode']}" title="{$this->lang->words['bbcode']}" style="font-size: 14px;"></i>
						</td>
					</tr>
				</if>
			<else />
				<tr class='row1'>
					<td class='altrow' valign='top'<if test="$this->memberData['g_shoutbox_use']"> style='width:75%'<else /> colspan='2'</if>>
						<div id='shoutbox-shouts' style='height:{$d['shout_height']}px;overflow:auto'>
							{$d['noshouts']}
							{parse template="inactivePrompt" group="skin_shoutbox" params=""}
							<table id='shoutbox-shouts-table'>
								<tbody>
									{$d['shouts']}
								</tbody>
							</table>
						</div>
						<div id='shouts-global-resizer'></div>
						{parse template="popupInlineError" group="skin_shoutbox" params="glb"}
					</td>
					<if test="$this->memberData['g_shoutbox_use']">
						<td class='short row2 altrow' style='width:25%;min-width:250px;' valign='top'>
							<input type='text' id='shoutbox-global-shout' size='75' class='input_text' />
                            <i class="fa fa-paper-plane  input_submit alt" type="button" id="shoutbox-submit-button" title="{$this->lang->words['shout']}" value="{$this->lang->words['shout']}" style="font-size: 14px;"></i>
                            <i class="fa fa-ban input_submit alt" type="button"  id='shoutbox-clear-button' value='{$this->lang->words['clear']}' title="{$this->lang->words['clear']}" class='input_submit alt' style="font-size: 14px;"></i>
                            <i class="fa fa-refresh input_submit alt" type="button" id="shoutbox-refresh-button" value="{$this->lang->words['refresh']}" title="{$this->lang->words['refresh']}" style="font-size: 14px;"></i>
                            <i class="fa fa-smile-o input_submit alt" type="button" id="shoutbox-smilies-button" value="{$this->lang->words['smilies']}" title="{$this->lang->words['smilies']}" data-clicklaunch="populateSmilies" data-scope="shoutbox" style="font-size: 14px;"></i>
                            <i class="fa fa-cog input_submit alt" type="button" id="shoutbox-myprefs-button" value="{$this->lang->words['bbcode']}" title="{$this->lang->words['bbcode']}" style="font-size: 14px;"></i>
						</td>
					</if>
				</tr>
			</if>
		</table>
	</div></div>
</div>
<if test="in_array( $this->settings['shoutbox_global_hook'], array( 't', 'ct' ) )"><br class="clear"/></if>
<script type='text/javascript'>
//<![CDATA[
{$d['js']}
//]]>
</script>

ACP-> Wygląd_> skin -> główne szablony -> globaltemplate

 

Szukamy na początku:

<head>

A za nim dodajemy taki kod:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

[Mario14125]

W sensie... Zmieniłeś tekst na obrazki(?). To żaden efekt jak napisałeś w tytule tematu tylko zmiana