[How To] Change Shoutbox's @ Symbol (Color & Image)

[Yuu]

Originally made by me, Sanctuary, for ForumCore.

---

Here's what the @ symbol looks like currently

Here's what you can make it look like:

How To (SYMBOL COLOR):

1) Go to the ACP > Look and Feel > Look and Feel > Manage Skin Sets & Templates.

2) Click on the skin you're using and click on skin_shoutbox > shout_row and find the following code:

 

<a href="#" class="at_member" data-store="[member={$d['member_id']}]" title="{$this->lang->words['insert_name']}"></a>&nbsp;

 

3) Replace it with this code:

 

<a href="#" class="at_member" data-store="{$d['members_display_name']}" title="{$this->lang->words['insert_name']}"><span style="color:black">@</span></a>&nbsp;

and change the color:black part to whatever color you want

The part you would change in the code would be:

<span style="color:black">

e.g. Green @ symbol, you would type in

 

<span style="color: green">

Red would be

 

<span style="color: red">

Etc., etc.

4)Save and enjoy.

This also works if you know the number for the #000000 you want to use

(e.g. #fff000 is yellow, so instead of typing 'yellow' you could type in that)

 

---

---

Here's what the @ symbol looks like currently:

Here's what you can make it look like:

How to (SYMBOL IMAGE):

1) Go to the ACP > Look and Feel > Look and Feel > Manage Skin Sets & Templates.

2) Click on the skin you're using and click on skin_shoutbox > shout_row and find the following code:

 

<a href="#" class="at_member" data-store="[member={$d['member_id']}]" title="{$this->lang->words['insert_name']}"></a>&nbsp;

 

3) Replace it with this code:

 

<a href="#" class="at_member" data-store="{$d['members_display_name']}" title="{$this->lang->words['insert_name']}"><img src="{IMAGE LINK HERE}"</a>&nbsp;

And add your own image link.

 

4) Save and enjoy.

[Guest Jerison]

What does the @ symbol even do?

[Yuu]

What does the @ symbol even do?

Nothing much really.. lol.

It's just something used to have a cleaner conversation in the shoutbox.

Example situation:

[Guest Jerison]

Ahhh okay, I didn't know you were a guy,. haha XD

[Guest Cyntheria]

Newest version of Shoutbox now allow you to changed the @ icon to an image, so this is not necessary anymore.

[Tony]

Newest version of Shoutbox now allow you to changed the @ icon to an image, so this is not necessary anymore.

 

It's entirely necessary for users who haven't upgraded their Shoutbox app, or for those who continue to use IPB 3.3.4 (a version the latest copy of IP.Shoutbox is not compatible with).

[Guest Jerison]

On 3/9/2013 at 10:34 PM, Davlin said:

It's entirely necessary for users who haven't upgraded their Shoutbox app, or for those who continue to use IPB 3.3.4 (a version the latest copy of IP.Shoutbox is not compatible with).

Congrats on moderator!

[Guest ToddDuquette]

Pretty sweet, Works for me!!

 

Proof: