SimplePortal

Customization => Themes and Graphics => Topic started by: Ozzy Mozzy on June 12, 2012, 08:19:38 PM

Title: Shout box User name font color
Post by: Ozzy Mozzy on June 12, 2012, 08:19:38 PM
I have a lot of member that use the shout box, there user name font color is green and it can be hard to read the shout box. It’s hard to work out who wrote what etc.

Is there any way to change the user font color only for the shout box?
Title: Re: Shout box User name font color
Post by: Fog on June 13, 2012, 10:55:33 PM
You need to edit your css...
Title: Re: Shout box User name font color
Post by: Ozzy Mozzy on June 14, 2012, 12:04:35 AM
If only i knew how.....

Has it been done before? i was hoping there was an edit already done or maybe someone could do one if it's not to hard to do of course.
Title: Re: Shout box User name font color
Post by: Fog on June 14, 2012, 12:37:50 AM
It's not as hard as you think...

Do you use a C-Panel?
Title: Re: Shout box User name font color
Post by: phantomm on June 14, 2012, 02:07:55 AM
If he edits CSS file then he changes all username colors. and if i understand correctly, he wants to change color for specific user/group.
Title: Re: Shout box User name font color
Post by: Fog on June 14, 2012, 02:25:27 AM
If he edits CSS file then he changes all username colors. and if i understand correctly, he wants to change color for specific user/group.

True, Do you know if there is a CSS code for the BG of the shoutbox if so one chould change that instead of trying to change the text color.
Title: Re: Shout box User name font color
Post by: phantomm on June 14, 2012, 02:42:15 AM
right... didn't think about it :)
Title: Re: Shout box User name font color
Post by: AngelinaBelle on June 14, 2012, 10:32:16 AM
You use firebug for firefox, or else IE F12 Developers tools to explore for facts about CSS on the page, right?
Title: Re: Shout box User name font color
Post by: Ozzy Mozzy on June 14, 2012, 05:06:36 PM
If he edits CSS file then he changes all username colors. and if i understand correctly, he wants to change color for specific user/group.

True, Do you know if there is a CSS code for the BG of the shoutbox if so one chould change that instead of trying to change the text color.

Even if i found the CSS your talking about i wouldnt know what to change. Has anyone done this Mod before?
Title: Re: Shout box User name font color
Post by: Fog on June 14, 2012, 10:10:51 PM

Even if i found the CSS your talking about i wouldnt know what to change. Has anyone done this Mod before?

I was messing around with my Shoutbox and you can change it a bit differently than logging into your C-Panel.

Go to Admin and click on blocks and then click on modify your shoutbox block.

From there go down to where it says  "Style Options"

and where it says body class you can change the color of you shoutbox.

I'd click on the box that says no body and see what that does first and foremost.

after you click on the type of body you want your shoutbox to have then make sure you save it by clicking on the EDIT Button.

If you don't get the results you want from there let us know and we'll help you on the CSS part.
Title: Re: Shout box User name font color
Post by: Ozzy Mozzy on June 14, 2012, 10:16:09 PM

Even if i found the CSS your talking about i wouldnt know what to change. Has anyone done this Mod before?

I was messing around with my Shoutbox and you can change it a bit differently than logging into your C-Panel.

Go to Admin and click on blocks and then click on modify your shoutbox block.

From there go down to where it says  "Style Options"

and where it says body class you can change the color of you shoutbox.

I'd click on the box that says no body and see what that does first and foremost.

after you click on the type of body you want your shoutbox to have then make sure you save it by clicking on the EDIT Button.

If you don't get the results you want from there let us know and we'll help you on the CSS part.

How does doing this change the color of the user names?
Title: Re: Shout box User name font color
Post by: Fog on June 14, 2012, 10:19:56 PM
it doesn't

It changes the back ground so you can see the user color better.
Title: Re: Shout box User name font color
Post by: Ozzy Mozzy on June 14, 2012, 10:27:34 PM
I thought there might have been a trick in that somewhere.....i know how to change that color.

What i want to be able to do is change the members user name in the shout box only, so that it helps seperate each comment, at the moment it's hard because everyone has the same color user name.
Title: Re: Shout box User name font color
Post by: Fog on June 14, 2012, 10:45:23 PM
OK..I see what you're getting at.

I'm sure it can be done...

alternating CSS comes to mind right away like you have on the index CSS.

Anyone know of a way to alternate the shoutbox?

Not a bad idea...OZZY

Alternating the USER Color might be tricking but would you settle for different colored text and bg that alternates?
Title: Re: Shout box User name font color
Post by: Ozzy Mozzy on June 14, 2012, 11:09:13 PM
I thought it would be tricky….

Yes even if the text was different that would work, if the user can pick a color and the shout box can remember that color for that person that would work, they of course would have to choose the color again if they closed the page and re-opened it.

The only possible issue is the color’s themselves, if the shout box background is white then only dark colors would be readable etc.
Title: Re: Shout box User name font color
Post by: Fog on June 14, 2012, 11:23:27 PM
Ozzy see how the color changes from post to post but the text color stays the same...

That would do the trick as well I bet.

What if you could use both
 
Code: [Select]
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
color: gold;
background-color: #444444;
}
.windowbg2
{
color: gold;
background-color: #333333;
}
Title: Re: Shout box User name font color
Post by: Ozzy Mozzy on June 14, 2012, 11:43:22 PM
That looks good, where do I put that code?
Title: Re: Shout box User name font color
Post by: Fog on June 14, 2012, 11:53:26 PM
Ozzy...in the mean time lets find some SB's that one can download on SMF thats not part of a portal.

Then we can look how to install in manually...

That way we can see what files are changed and understand more on how to change the features you're looking for.
Title: Re: Shout box User name font color
Post by: Fog on June 14, 2012, 11:59:56 PM
That looks good, where do I put that code?

Thats the part I don't know and would like to see where we could apply this to the SB.
Title: Re: Shout box User name font color
Post by: AngelinaBelle on June 15, 2012, 10:40:16 AM
If you want to, you can change the php code that outputs the shoutbox html.
then, you can use alternating backgrounds.  instead of windowbg and windowbg2, you could even invent new classes -- sp_shoutboxbg and sp_shoutboxbg2.  You would then stick the special styling features into the portal.css (and remember to save it elsewhere because it would disappear the next time you installed simpleportal).
SimplePortal 2.3.8 © 2008-2024, SimplePortal