View Full Version : Category Colors CSS
Sithik
11-07-2005, 06:58 PM
Hello,
Im loving the trial version, im wondering if theres a way to change the categorys css?
such as:
<link href="/calendar/theme/default/esstyle.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
<!--
.s21 {background-color: #8AF89F;}
.s22 {background-color: #EFCF3C;}
.s24 {background-color: #FBF484;}
.s23 {background-color: #9696F6;}
.s29999 {background-color: #FFC18A;}
-->
</style>
i cant seem to find where s21, s22, s24, s23, s29999 are located. I looked in esstyle.css but cant seem to find them.
Brian
11-07-2005, 06:59 PM
They are automatically generated according to the selections in the Setup Manager for categories.
Sithik
11-07-2005, 07:03 PM
Hmm, so theres no way I can change that CSS info? such as adding a border to .s24's css style?
Brian
11-07-2005, 07:04 PM
You could omit the $CSS=1 section of the instructions and include your own CSS definitions for those elements.
Sithik
11-07-2005, 07:05 PM
hmm, so if i left out $CSS=1, what essentially would that leave out? just the generation of css? which would be:
<LINK id=pageStyle href="siteimages/rota.css" type=text/css rel=stylesheet>
<link href="/calendar/theme/default/esstyle.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
<!--
.s21 {background-color: #8AF89F;}
.s22 {background-color: #EFCF3C;}
.s24 {background-color: #FBF484;}
.s23 {background-color: #9696F6;}
.s29999 {background-color: #FFC18A;}
-->
</style>
</HEAD>
s21, s22, s24, s23, s29999.... hopefully? tehehe
also do you happen to use aim? although I LOVE the speedy replies.
Brian
11-07-2005, 07:07 PM
Right, just link to the calendar css manually or copy and paste the definitions into your own page(s). (I do have AIM, but I'm about to leave for a bit...)
Sithik
11-07-2005, 07:10 PM
Ok, I could link to the calendar css directly, but what files would i need to copy/paste? i see theres roughly 4 of them, in the themes directory...
so basically, if i wanted to leave $CSS=0 but still keep all of the css settings, but add my own to those few that are generated what files would i need to copy?
Brian
11-07-2005, 07:13 PM
An easier way may be this:
1) Edit the calendar.php file - Look for require($serverPath."functions/categories.php");, comment it out (add // to the beginning) then upload it to the server. This will keep only the category CSS out of your file and you will still use the $CSS=1 function.
2) Add the CSS to your page for the categories (like in your first post) and modify it to meet your needs.
:)
Sithik
11-08-2005, 08:36 AM
ok, i commented out the categories.php file, now, my next question... where should/could i add:
<style type="text/css">
<!--
.s21 {background-color: #8AF89F;}
.s22 {background-color: #EFCF3C;}
.s24 {background-color: #FBF484;}
.s23 {background-color: #9696F6;}
.s29999 {background-color: #FFC18A;}
-->
</style>
but better yet, how can I know what .s# the categorys are so i know which ones to change, etc...
oh, even better question, and I surely hope in the purchased version is UNencoded? just so I can see/edit anything that I would need.
Brian
11-08-2005, 09:16 AM
The style's should appear in the <head> section of your page(s). Just match up the colors with the names from the Setup Manager to determine which ones should be edited. The full version IS encoded as well.
Sithik
11-08-2005, 04:11 PM
hmm, maybe im too dense to figure it out, but since they are generated on the fly how am i supposed to know what categorys are what .s#'s? it doesnt tell you in the Category Manager (where you change the colors). If it does, please let me know where. Yesterday, there was no .s219 (that i seen), now it seems as though there is a .s219.
Brian
11-08-2005, 04:18 PM
Make the CSS for the categories display in the HTML as they normally would, similar to what is in your first post.
View the categories CSS and the Categories page in the Setup Manager. Match the HTML color code from the CSS to the Setup Manager and then you'll see the corresponding category name.
vBulletin® v3.8.4, Copyright ©2000-2012, Jelsoft Enterprises Ltd.