MyBB Community Forums

Full Version: Inferno Shoutbox CSS issue..
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
How do I get my shoutbox content to look like this?

This is the way the shoutbox looks normally..

https://i.imgur.com/fvEHAqW.png

This is how it looks from the archive view page..

https://i.imgur.com/6me1FBl.png

I have tried adding a border for the .inferno_content class in the inferno.css but it didn't work.

In all truth, I think the archive view looks better and if possible I would like the shouts in the shoutbox frontend to look like that, instead of the way it looks now.. but I have no clue on how to do this.

Thank you in advance for the help, I really appreciate it. Smile
Open InfernoShout.php (Change):
				$string .= '*' . $s['username'] . ' ' . $s['shout'] . '*';

To (Solid Background):
$string .= '<span style="background-color: #282828; display: block;">*' . $s['username'] . ' ' . $s['shout'] . '*</span>';

Or (Transparent Background - Darker):
$string .= '<span style="background-color: rgba(50, 50, 50, 0.8); display: block;">*' . $s['username'] . ' ' . $s['shout'] . '*</span>';

or (Transparency Background - Lighter):
$string .= '<span style="background-color: rgba(50, 50, 50, 0.5); display: block;">*' . $s['username'] . ' ' . $s['shout'] . '*</span>';

or (Make the background color height taller):
$string .= '<span style="background-color: rgba(50, 50, 50, 0.5); display: block; padding: 8px;">*' . $s['username'] . ' ' . $s['shout'] . '*</span>';


Preview:
https://i.imgur.com/tt7DX9w.png
https://i.imgur.com/xQJZ0gv.png


Make sure to change line 184, and 172

- The code change I provided will only change the background
on the Admins prune command. I recommend changing lines
184, and 172 if you want the main shouts to be affected as
well.

Let me know if this helps.
Hi Snoctriz, thank you for the response, I haven't made the changes yet, but will post back when I do so..

Do you know if this change will apply to inferno.css as well? I ask because I will have different themes, and they will each have their own inferno.css to match.

So I am asking if the colors specified in the php file will also apply to the separate css files, or if the colors specified in the inferno.css will be overwritten by the colors in the php file I would have to edit?
(2024-03-09, 02:58 AM)BlackĀ Angel Wrote: [ -> ]Hi Snoctriz, thank you for the response, I haven't made the changes yet, but will post back when I do so..

Do you know if this change will apply to inferno.css as well? I ask because I will have different themes, and they will each have their own inferno.css to match.

So I am asking if the colors specified in the php file will also apply to the separate css files, or if the colors specified in the inferno.css will be overwritten by the colors in the php file I would have to edit?

You can always change the color as well by changing the values in the html.