Advertise Here

Author Topic: Changing Category color/image in a theme  (Read 2347 times)

0 Members and 1 Guest are viewing this topic.

Offline RyanA

  • SMF For Free Member
  • *
  • Posts: 74
    • View Profile

  • Total Badges: 15
    Badges: (View All)
    Search Windows User Topic Starter Combination Level 3
Changing Category color/image in a theme
« on: March 05, 2007, 03:30:19 pm »
How do I change the category colors or images when making a new theme (skin) for my board?

I have been messing with creating themes but can't change those areas.

Is there a place within the CCS that overrides it or am I suppose to change it in the normal editing area?

Board Home is: http://dovinia.smfforfree2.com/index.php

Offline Crasy

  • Global Moderator
  • *
  • Posts: 3960
  • Semi-Retired ;)
    • View Profile

  • Total Badges: 29
    Badges: (View All)
    Poll Starter Poll Voter Seventh year Anniversary Arcade Highscore Windows User
Re: Changing Category color/image in a theme
« Reply #1 on: March 05, 2007, 03:52:18 pm »
Category colors and category images are two different things with tow different ways to change them.

Which do you need changed? Or both?
Did my answer help you? Want to help out hosting costs?


Every donation counts.

Offline RyanA

  • SMF For Free Member
  • *
  • Posts: 74
    • View Profile

  • Total Badges: 15
    Badges: (View All)
    Search Windows User Topic Starter Combination Level 3
Re: Changing Category color/image in a theme
« Reply #2 on: March 05, 2007, 08:23:29 pm »
I think I would like to know both. Just to know what the heck I am doing. If you click on the link to my board, it's the blue areas I want change. I am not sure how to refer to them. Our those the Category Titles? That is what I call them. But yeah, I would like to know how to change those colors but also how to insert an image into those areas in the future. So any help would be so very appreciated.

Offline Crasy

  • Global Moderator
  • *
  • Posts: 3960
  • Semi-Retired ;)
    • View Profile

  • Total Badges: 29
    Badges: (View All)
    Poll Starter Poll Voter Seventh year Anniversary Arcade Highscore Windows User
Re: Changing Category color/image in a theme
« Reply #3 on: March 05, 2007, 08:29:59 pm »
These right?


Does your forum name end with .smfforfree2.com or .smfforfree.com? Just need to know  to help you ;)
Did my answer help you? Want to help out hosting costs?


Every donation counts.

Offline RyanA

  • SMF For Free Member
  • *
  • Posts: 74
    • View Profile

  • Total Badges: 15
    Badges: (View All)
    Search Windows User Topic Starter Combination Level 3
Re: Changing Category color/image in a theme
« Reply #4 on: March 05, 2007, 08:37:18 pm »
Nope. Gosh, I feel stupid. It's the long thin banner type things that name each area on your board. Like my first one says "Welcome to Dovinia" and that names all the forums to do with that. The next says "Character Information Center" and that has all the forums with that. Are those areas called "Main Title ? I think that is what it is on Invisionfree's CSS.

Offline Crasy

  • Global Moderator
  • *
  • Posts: 3960
  • Semi-Retired ;)
    • View Profile

  • Total Badges: 29
    Badges: (View All)
    Poll Starter Poll Voter Seventh year Anniversary Arcade Highscore Windows User
Re: Changing Category color/image in a theme
« Reply #5 on: March 05, 2007, 08:50:13 pm »
Nope. Gosh, I feel stupid. It's the long thin banner type things that name each area on your board. Like my first one says "Welcome to Dovinia" and that names all the forums to do with that. The next says "Character Information Center" and that has all the forums with that. Are those areas called "Main Title ? I think that is what it is on Invisionfree's CSS.

Ah, it's class it's .catbg in the CSS.

You mean the cetegory names right? Could you maybe link me to your forum? It helps a lot.
Did my answer help you? Want to help out hosting costs?


Every donation counts.

Offline RyanA

  • SMF For Free Member
  • *
  • Posts: 74
    • View Profile

  • Total Badges: 15
    Badges: (View All)
    Search Windows User Topic Starter Combination Level 3
Re: Changing Category color/image in a theme
« Reply #6 on: March 05, 2007, 08:55:03 pm »
Here is the link. I had put it in my first post.

Don't laugh at my cheezy design. It's a work in progress.

http://dovinia.smfforfree2.com/index.php

Offline Crasy

  • Global Moderator
  • *
  • Posts: 3960
  • Semi-Retired ;)
    • View Profile

  • Total Badges: 29
    Badges: (View All)
    Poll Starter Poll Voter Seventh year Anniversary Arcade Highscore Windows User
Re: Changing Category color/image in a theme
« Reply #7 on: March 06, 2007, 02:09:10 pm »
Here is the link. I had put it in my first post.

Don't laugh at my cheezy design. It's a work in progress.

http://dovinia.smfforfree2.com/index.php

Yup, it's the .catbg class. You can just change the image in there.

Currently it's:
Code: [Select]
/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background: url(http://www.smfboards.com/Themes2/default/images/catbg.jpg) #333300 repeat-x;
color: #CCCC99;
padding-left: 10px;
padding-right: 10px;
}
in your CSS.

Change the link in the line below

background: url(http://www.smfboards.com/Themes2/default/images/catbg.jpg)

to reflect a new image gradient of your own.
Did my answer help you? Want to help out hosting costs?


Every donation counts.

Offline RyanA

  • SMF For Free Member
  • *
  • Posts: 74
    • View Profile

  • Total Badges: 15
    Badges: (View All)
    Search Windows User Topic Starter Combination Level 3
Re: Changing Category color/image in a theme
« Reply #8 on: March 06, 2007, 02:23:37 pm »
Thanks so much for that. And for your quick response. Could you just tell me one last thing. If I want to simply make those areas a solid color, do I remove the image as well as the field that says "background:" and then change the color field below it to the color I want to display?

Also, when I try to make the change, I just edit the CSS sheet of the skin I already have been making. It will make the update to what I have already created, correct. (For example: I went to the default and made a new skin called "New1" . I should just select to modify "New1" and make changes needed to the CSS. Right?)

Offline Crasy

  • Global Moderator
  • *
  • Posts: 3960
  • Semi-Retired ;)
    • View Profile

  • Total Badges: 29
    Badges: (View All)
    Poll Starter Poll Voter Seventh year Anniversary Arcade Highscore Windows User
Re: Changing Category color/image in a theme
« Reply #9 on: March 06, 2007, 02:51:42 pm »
Thanks so much for that. And for your quick response. Could you just tell me one last thing. If I want to simply make those areas a solid color, do I remove the image as well as the field that says "background:" and then change the color field below it to the color I want to display?

Also, when I try to make the change, I just edit the CSS sheet of the skin I already have been making. It will make the update to what I have already created, correct. (For example: I went to the default and made a new skin called "New1" . I should just select to modify "New1" and make changes needed to the CSS. Right?)

If New1 is set as your current stylesheet modifying it will change the look of your forum immediately, yes. When you click on "Manage Styles" you should see a style picker that will allow you to choose what stylesheet your forum should be using.

The code for a solid color background should be changed from

background: url(http://www.smfboards.com/Themes2/default/images/catbg.jpg)

to

background-color: colorcode/color ;

For example:
background-color: #FF0000;

would create a very bright red category background image I believe.

www.w3schools.com has a lot of information about stylesheet editing should you be interested in discovering more, or I can probably help you with most CSS questions. No problem whatsoever.
Did my answer help you? Want to help out hosting costs?


Every donation counts.

 

Related Topics

  Subject / Started by Replies Last post
6 Replies
1915 Views
Last post January 16, 2007, 07:33:57 pm
by coffeebean
3 Replies
1191 Views
Last post April 09, 2008, 05:26:40 pm
by simply sibyl
2 Replies
995 Views
Last post February 18, 2009, 11:20:15 am
by Turtlesarecool
1 Replies
1674 Views
Last post February 01, 2011, 05:05:34 pm
by Arekay
2 Replies
1557 Views
Last post January 02, 2017, 09:48:40 am
by taogem