 | [Solved] ShoutBox Background Color |  |
 Posted: 04/05/2007 7:12 PM |
 |
|
|
|
|
| Citation |
| Posts |
1017 |
| Word Cnt. |
64,643 |
| BDay |
Apr 18 |
| Sign |
Aries |
| Sex |
 |
|
|
|
Joined: Apr 01, 2007
Local time: 11:39 PM
Location: UNITED ARAB EMIRATES
|
|
|
|
|
 |
Hello everyone,
I have shoutbox MOD installed and the background color I want to change it. For the convenience I have attached the picture of my shoutbox and the color what I am talking about is also mentioned in the picture. So after looking that image is there any way I can change the background color of it without changing the complete subSilver template color changed!
Regards,
AB |
|
|
|
|
| Back to Top |
|
|
| Re: ShoutBox Background Color | |
| Posted: 04/06/2007 4:22 AM |
|
|
|
|
|
| Site Admin |
| Posts |
30757 |
| Word Cnt. |
2,628,690 |
| BDay |
Jul 28 |
| Sign |
Leo |
| Sex |
|
|
|
|
Joined: Sep 25, 2004
Local time: 3:39 PM
Location: St Pete, FL
|
|
|
|
|
|
In your shoutbox_view.php file, you will find the following code:
| Code:
|
|
$row_class = ( !($i % 2) ) ? $theme['td_class1'] : $theme['td_class2'];
|
This is how it determines the alternating colors. Notice that it is using the column colors set in eXtreme Styles in your ACP. To get into the settings, click on Styles Management, then click on the [edit styles data]...
Then click on Edit next to subSilver:
This is what is set:
So it is pulling the colors from your subSilver.css file:
| Code:
|
/* Main table cell colours and backgrounds */
td.row1 { background-color: #EFEFEF; }
td.row2 { background-color: #DEE3E7; }
td.row3 { background-color: #D1D7DC; }
|
If you change these settings, it will change the colors on your entire forum too. So you might want to try this:
OPEN
shoutbox_view.php
FIND
| Code:
|
|
$row_class = ( !($i % 2) ) ? $theme['td_class1'] : $theme['td_class2'];
|
REPLACE WITH
| Code:
|
|
$row_class = ( !($i % 2) ) ? $theme['tr_class1']: $theme['tr_class2'];
|
Then go into [edit styles data] in eXtreme Styles =>Styles Management and add these settings:
Then add this code to your subSilver.css file:
| Code:
|
/* Main table row colours and backgrounds */
tr.shout1 { background-color: #EFEFEF; }
tr.shout2 { background-color: #DEE3E7; }
|
You can set the hex colors to whatever you choose...
As always, be sure to make good backups of every file that you modify before overwriting it just in case...
 |
|
|
|
|
| Back to Top |
|
|
| Re: [Solved] ShoutBox Background Color | |
| Posted: 04/06/2007 5:28 AM |
|
|
|
|
|
| Citation |
| Posts |
1017 |
| Word Cnt. |
64,643 |
| BDay |
Apr 18 |
| Sign |
Aries |
| Sex |
|
|
|
|
Joined: Apr 01, 2007
Local time: 11:39 PM
Location: UNITED ARAB EMIRATES
|
|
|
|
|
|
Wohooo. It worked NightRider.
And to change colors is this code yeah
/* Main table row colours and backgrounds */
tr.shout1 { background-color: #EFEFEF; }
tr.shout2 { background-color: #DEE3E7; }
I did but in shoutbox background the color just changed once and it's the same now to something like silver. |
|
|
|
|
| Back to Top |
|
|
| Re: ShoutBox Background Color | |
| Posted: 04/06/2007 6:15 AM |
|
|
|
|
|
| Site Admin |
| Posts |
30757 |
| Word Cnt. |
2,628,690 |
| BDay |
Jul 28 |
| Sign |
Leo |
| Sex |
|
|
|
|
Joined: Sep 25, 2004
Local time: 3:39 PM
Location: St Pete, FL
|
|
|
|
|
|
I just had to make one small adjustment:
OPEN
subSilver.css
FIND
| Code:
|
/* Main table row colours and backgrounds */
tr.shout1 { background-color: #FF0000; }
tr.shout2 { background-color: #00FFFF; }
|
REPLACE WITH
| Code:
|
/* Main table row colours and backgrounds */
td.shout1 { background-color: #FF0000; }
td.shout2 { background-color: #00FFFF; }
|
|
|
|
|
|
| Back to Top |
|
|
| Re: [Solved] ShoutBox Background Color | |
| Posted: 04/06/2007 9:47 AM |
|
|
|
|
|
| Citation |
| Posts |
1017 |
| Word Cnt. |
64,643 |
| BDay |
Apr 18 |
| Sign |
Aries |
| Sex |
|
|
|
|
Joined: Apr 01, 2007
Local time: 11:39 PM
Location: UNITED ARAB EMIRATES
|
|
|
|
|
|
I was unable to find
| Code:
|
/* Main table row colours and backgrounds */
tr.shout1 { background-color: #FF0000; }
tr.shout2 { background-color: #00FFFF; }
|
and when i find the code which you said me to replace it. I mean this code
| Code:
|
/* Main table row colours and backgrounds */
td.shout1 { background-color: #FF0000; }
td.shout2 { background-color: #00FFFF; }
|
Is already there in subSilver.css file! |
|
|
|
|
| Back to Top |
|
|
| Re: ShoutBox Background Color | |
| Posted: 04/06/2007 9:55 AM |
|
|
|
|
|
| Site Admin |
| Posts |
30757 |
| Word Cnt. |
2,628,690 |
| BDay |
Jul 28 |
| Sign |
Leo |
| Sex |
|
|
|
|
Joined: Sep 25, 2004
Local time: 3:39 PM
Location: St Pete, FL
|
|
|
|
|
|
Yes, I already fixed this for you. Didn't you see the different colors in your Shoutbox now???
 |
|
|
|
|
| Back to Top |
|
|
| Re: [Solved] ShoutBox Background Color | |
| Posted: 04/06/2007 10:26 AM |
|
|
|
|
|
| Citation |
| Posts |
1017 |
| Word Cnt. |
64,643 |
| BDay |
Apr 18 |
| Sign |
Aries |
| Sex |
|
|
|
|
Joined: Apr 01, 2007
Local time: 11:39 PM
Location: UNITED ARAB EMIRATES
|
|
|
|
|
|
There are 2 colors in your code in subsilver.css which are
/* Main table row colours and backgrounds */
td.shout1 { background-color: #FF0000; }
td.shout2 { background-color: #00FFFF; }
and in this code the colors are FF0000 (red), 00FFFF ( light blue type ) but the background of the shoutbox is still the same eventhough i change it to other colors also!
I see the same silver color as background or I got blind  |
|
|
|
|
| Back to Top |
|
|
| Re: [Solved] ShoutBox Background Color | |
| Posted: 04/06/2007 10:29 AM |
|
|
|
|
|
| Citation |
| Posts |
1017 |
| Word Cnt. |
64,643 |
| BDay |
Apr 18 |
| Sign |
Aries |
| Sex |
|
|
|
|
Joined: Apr 01, 2007
Local time: 11:39 PM
Location: UNITED ARAB EMIRATES
|
|
|
|
|
|
Sollie Sollie. I think there is some magic. I tried a lot and changed many colors but didn't happened but when i submit the message and refreshed the page again, the color got changed 
Amazing brother 
Thanks yeah. I will change colors now |
|
|
|
|
| Back to Top |
|
|
| Re: ShoutBox Background Color | |
| Posted: 04/06/2007 11:10 AM |
|
|
|
|
|
| Site Admin |
| Posts |
30757 |
| Word Cnt. |
2,628,690 |
| BDay |
Jul 28 |
| Sign |
Leo |
| Sex |
|
|
|
|
Joined: Sep 25, 2004
Local time: 3:39 PM
Location: St Pete, FL
|
|
|
|
|
|
I'm glad you can see the colors now. You might want to adjust the font color on the red background so that you can better read the text...
 |
|
|
|
|
| Back to Top |
|
|
| Re: [Solved] ShoutBox Background Color | |
| Posted: 04/07/2007 5:19 AM |
|
|
|
|
|
| Citation |
| Posts |
1017 |
| Word Cnt. |
64,643 |
| BDay |
Apr 18 |
| Sign |
Aries |
| Sex |
|
|
|
|
Joined: Apr 01, 2007
Local time: 11:39 PM
Location: UNITED ARAB EMIRATES
|
|
|
|
|
|
| Font colors! Any idea how to change the font color and default font size in shoutbox. |
|
|
|
|
| Back to Top |
|
|
| Information | |
|
Calendar
![[ Hidden ]](templates/Helius_blue/images/lang_english/icon_email.gif "[ Hidden ]"){kind=icon}
