The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

The Background of the Chatbox

View previous topic View next topic Go down

Solved The Background of the Chatbox

Post by Flame of Souls on March 31st 2011, 11:25 am

Hello. I am having some trouble with the Chat-Box. When I activated it, I didn't like the appearance. I have looked everywhere for a CSS code, but I can't find one! This is an image of what I mean:



OK, so now you know what I mean! So, actually, I want that rounded rectangle thingies gone or changed color. Making it gone would be the best idea. Very Happy

The link to my forum: http://demigodrpg.forumotion.net/

Flame of Souls
Forumember

Male Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Nera. on March 31st 2011, 11:48 am

To have the chatbox borders gone do this, but it will afect a fiew (borders and moz radius) things in your cpanel on witch we worked on last time.
1.
Code:
.panel {
remove =>
Code:
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0 0 8px #000000;
Change the border settings to 0, this first number =>
Code:
border: 0 solid #101010;

2.
Code:
#cp-main .panel {
remove =>
Code:
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0 0 9px #000000;
Change the border settings to 0, this first number =>
Code:
 border: 0 solid #101010;

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Flame of Souls on March 31st 2011, 1:03 pm

Oh, I didn't mean the borders. Curse my bad control with the mouse! I meant the kind of gradient inside the borders. Oh, and isn't there a code that doesn't involve the Profile page changing as well?

Flame of Souls
Forumember

Male Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Nera. on March 31st 2011, 1:12 pm

I don't think so in changeing your present skin. But maybe someone could code it out for you.

If you mean that little shadows in that two parts put the shadow number to 0 and you will have only borders.

The only gardient picture you can find over there is this one http://i61.servimg.com/u/f61/16/11/57/66/bodyba10.jpg and if you remove it it wont do mouch difrance. The color behind it is black, if you put it transparent it will display your body color below that is green/blue. But you can insert an other image in it.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Flame of Souls on March 31st 2011, 1:19 pm

Um, sorry, but I think I wasn't too clear. I meant the gradient inside the borders of the chatbox. Smile

Flame of Souls
Forumember

Male Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Nera. on March 31st 2011, 1:31 pm

It's the same picture.
1. If you remove shadows from that CSS part you ill get this =>
Spoiler:
2. If you remove that picture and add transparent color you will get this (almost same) =>
Spoiler:


3. If you do your panel part like this =>
Code:
.panel {
    background-color: transparent;
    background-repeat: repeat-x;
    border: 0 solid #101010;
    clear: both;
    margin-bottom: 4px;
}
you will get this
Spoiler:
Am I close Laughing ?
My english sucks Confused

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Flame of Souls on March 31st 2011, 2:05 pm

No, it doesn't. Yes, it is what I wanted. But, will it affect other things? Confused

Flame of Souls
Forumember

Male Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Nera. on March 31st 2011, 2:13 pm

I'm right with the first example?
It will remove only the shadows from your profile panel, not a big diffrence.
Code:
.panel {
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0 0 8px #000000;
Only put the number 8 to 0. Don't touch anything else.
You can return it back if it is not what you wanted.

Edit: I have to go, hope you'll make it. Il check the topic tonight, by Hello

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Flame of Souls on March 31st 2011, 2:27 pm

I meant the second example. Nera, how in the world did you get all that coding knowledge?

Flame of Souls
Forumember

Male Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Nera. on March 31st 2011, 6:01 pm

I see you made some changes, do you need anything else?
Spoiler:
I'm a mod on a forum that does a little bit coding, mostly forummotion, two friends of mine, Jagodicans and Vlajki tougt me a fiew tricks, but I don' really know a lot.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Flame of Souls on March 31st 2011, 6:21 pm

No, but just a quick question: is there a way to remove those faint shadows? Other than that, I'm OK. Very Happy

Flame of Souls
Forumember

Male Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Nera. on March 31st 2011, 6:34 pm

Witch one?
If you mean below your chatbox, where the color is brighter, go to this in CSS=>
Code:
.panel {
Remove this link =>
Code:
    background-image: url("http://i61.servimg.com/u/f61/16/11/57/66/bodyba10.jpg");
I think it will look better without it.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Flame of Souls on April 1st 2011, 7:53 am

Never mind. It's OK. Thank you Nera.

Flame of Souls
Forumember

Male Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...

Back to top Go down

Solved Re: The Background of the Chatbox

Post by kirk on April 1st 2011, 8:30 am

so is this solved?

thanx Nera. you have been doing a great job on helping out.
css is not my best area but, have been getting a lil better at it Smile


kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Flame of Souls on April 1st 2011, 11:00 am

Yes, it is solved. Should I mark it solved on the first post? Question Or should you do it?

Flame of Souls
Forumember

Male Posts : 115
Reputation : 3
Language : English
Location : Somewhere in the vast universe...

Back to top Go down

Solved Re: The Background of the Chatbox

Post by Jophy on April 1st 2011, 12:11 pm

Since this thread appears to be solved, I will lock this thread and mark it as solved now.

Important: You can also help the moderators to know if your topic/problem is solved by EDITING your first post and marking the topic as solved. Thank you.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum