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/
avatar
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;
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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?
avatar
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.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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
avatar
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
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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
avatar
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
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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?
avatar
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.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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
avatar
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.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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.
avatar
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

avatar
kirk
Forumaster

Male Posts : 11037
Reputation : 652
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?
avatar
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.
avatar
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