CSS Code for Customizing the Profile Background

Go down

Solved CSS Code for Customizing the Profile Background

Post by Flame of Souls on March 24th 2011, 1:12 pm

Hello. In the screen shot below, you can clearly see that the profile background is white. It doesn't go well with the forum. I would like to know how to change it to either a different color, or maybe change the the white to an actual picture, like how I've done with my forum tables, or make the white transparent. Any of the above. Also, I don't necessarily need the CSS code. If there's a way to change it another way, then I would like to know how.

Screenshot:

And here's 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: CSS Code for Customizing the Profile Background

Post by Nera. on March 24th 2011, 1:23 pm

For phpbb3 try;
Change the background-color: #your code;
Here =>
Code:
#cp-main .panel {

avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2015
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: CSS Code for Customizing the Profile Background

Post by Flame of Souls on March 24th 2011, 3:18 pm

Um, can you please tell me where to put the code, and explain a it a bit for me (I'm confused)? And is that the full code?
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: CSS Code for Customizing the Profile Background

Post by Nera. on March 24th 2011, 3:24 pm

Go to admin panel and then >> Display >> Colors >> Css stylesheet.
Press CTRL+F and then copy and paste the code I gave you here. It will take you to that CSS part. Under it add you will see background-color: #code written;
Change that code.
If there's no background-color: #code;
=> simply add it below.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2015
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: CSS Code for Customizing the Profile Background

Post by Flame of Souls on March 24th 2011, 3:56 pm

It doesn't seem to work. Can you post a screenshot of what you mean? I'm still pretty confused. Sorry to be annoying. Embarassed
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: CSS Code for Customizing the Profile Background

Post by Base on March 24th 2011, 8:43 pm

Please go to:

1. Administration Panel (advanced mode)
2. Display Tab
3. Colors (on the left, under Pictures and Colors)
4. CSS Stylesheet and paste this code there:

Code:
#cp-main .panel {
    background-color: #000000;
}

Change the #000000 to a different hex code if you wish. Wink

Regards,

Base
avatar
Base
Forumaster

Male Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: CSS Code for Customizing the Profile Background

Post by Nera. on March 24th 2011, 10:52 pm

Here.
Spoiler:
You want see #ffffff; there, you'll see your code, this is from my panel.
Simply take an other code and put it there.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2015
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: CSS Code for Customizing the Profile Background

Post by Flame of Souls on March 25th 2011, 9:10 am

The code worked, but in the screenshot below, there's still white around. I want to get rid of that, too. Please don't lock this just yet!

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: CSS Code for Customizing the Profile Background

Post by Nera. on March 25th 2011, 10:57 am

To change the white color around users cpanel, do the same thing but in this CSS part.
Code:
.panel {
You will see bellow background-color: #your code;
Change that code to the code color you want there.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2015
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: CSS Code for Customizing the Profile Background

Post by Flame of Souls on March 25th 2011, 4:17 pm

Thanks a lot Nera! You're the best! But, I still need to get rid of the white on Information, Preferences, Avatar, etc. areas. Could you tell me how?
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: CSS Code for Customizing the Profile Background

Post by Nera. on March 25th 2011, 10:22 pm

1. FOR TABS (ALL TABS)
Code:
#tabs a span {
Change the background-color: #code;
That should change the color of all of them.
If there's no code add it => background-color: #your code;


2. FOR TABS HOVER
If the color when you hover with a mouse over them isn't the one you want, change it here =>
Code:
#tabs a:hover span {
Change the background-color: #code;
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2015
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: CSS Code for Customizing the Profile Background

Post by Flame of Souls on March 26th 2011, 7:06 am

Thank you very much. However, I used the code, added a bit of some other coding in it, and got this:

Behind the Information there is a white box! And, the text color is black, and it looks bad. Plus, when I hover my mouse over to the other tabs, there's no text at all! What's the problem here? Is there a way I can change it? I am really, really sorry to bother you. Embarassed
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: CSS Code for Customizing the Profile Background

Post by Nera. on March 26th 2011, 9:56 am

1. To fix that white little corners around information change the background-color: #code; here =>
Code:
#tabs .activetab a {
If you don't want any background there put bacground-color: transparent;

2. To change the letter color of information change only color code: #your code; here.
Code:
#tabs .activetab a span {
(background-color is the color for backgrounds, and only color code reprezents letter colors)

3. To remove the corners when you hover with a mouse put here background-color: transparent;
Code:
#tabs a:hover {

4. You said there are no letters when you hover over with a mouse. You could try to fix it here =>
Code:
#tabs a:hover span {
Add or replace if is there only color code, to an example =>
Code:
color: #ffffff;
That will fix the letters.

It is not a problem, but a little bit complicated no to do it in my forum and I never had phpBB3.
If anything's left ask cause I don't see the same thing you do on your forum.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2015
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: CSS Code for Customizing the Profile Background

Post by Flame of Souls on March 26th 2011, 10:39 am

Thank you very much! I have nothing left to ask for the profile page, so...this thread is closed. Please lock it. Again, thank you very much 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: CSS Code for Customizing the Profile Background

Post by Jophy on March 26th 2011, 12:36 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

Back to top


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