CSS elements with graphics?

[KathrynBassett]

Is there someplace in the forum or elsewhere that has some graphics of the calendars, with labels pointing to what css element is where? I made a custom theme and changed several things, but still don't have some things changing to what I want. It would be much easier if there was such a page saying that .mainTableTOC is this, and .navTableTextTOC is that, and .monthYearRowTOC is this with arrows pointing to the pertinant place. Some I've figured out, but no all of them. I eventually want to end up with a color scheme similar to the one I'm using.

[Brian]

There isn't a full explanation of the different elements (although there should be).

If you let us know what you want to change, we can point you in the right direction.

[KathrynBassett]

These are things I want to work with and will be a start to see if there is anything else that needs changing. What IS #2 anyway? and is there a way to make the logo #5 a color that would be complimentary to #006600?

[ve9gra]

I'll try to point you in the right direction...

1- set in /setup/index.php (encrypted), file to change is /images/background.gif

2- set in /events/index.php (encrypted), file should be /images/edit.gif -- you should see

3- I think this one is hardcoded in /events/index.php, the color is #ebf2fa

4- in /theme/system/esstyle.css,

.monthYearRow { 
  background-image: url(monthBg.gif); 
}

file to change, /theme/system/monthBg.gif

5- you can change that to what you want, file to change /images/pageHeader.jpg

6- in /theme/system/esstyle.css,

.popupDate {
	background-color: #336699;
}
.popupClose {
	background-color: #336699;
}

7- in /theme/system/system.css,

.setupHeaders {
    background-image: url(../../images/setupHeaderBG.gif);
}

file to change /images/setupHeaderBG.gif


Note: Any CSS that was edited in /theme/system/esstyle.css, should also be modified in /theme/*your_theme*/esstyle.css in order to show the same colors on the public side.

[Brian]

#3 is located in the template/eventAdmin.php file under the CSS tableDate.

[ve9gra]

Not that bad.... 1 out of 7..

[KathrynBassett]

Thanks. I realized later that the graphic above was NOT what the public sees, so it doesn't matter that much. But I may play anyway. So here is the public one with a couple more questions.

1 background, is that the the same as 1 above?
2 needs a "title" banner, is that the same as 5 above?
3 same as 6 or 7 or something else?
4 ?

And suggestion for the setup manager - over at the top right are the icons for setup manager and event manager are two icons - please add another that takes you to the public calendar. I keep having to go erase the latter part of URL to get there.

[Brian]

1 & 2: You're viewing the demo.php file (even though you may be accessing the index.php file). You can open that file and change the background colors, title, or anything you want to change.

3: Same as before (#4 above)


4: template/modern.php. Edit this file and the CSS within to fit your needs.

[KathrynBassett]

I've got the colors fixed up now in the publicly viewed calendar. I'll start a new thread for my next question. Thanks

[Traz]

KathrynBassett,

Would please provide me with the images you used for this post?

I remember reading your post when I was evaluating EPC and the images helped greatly!!

Thanks - Traz

[KathrynBassett]

Hmm, I didn't realize someone took them off the post. I'll give you links to where I have them.
http://www.lacdcs.org/images/ephpccolors.jpg
http://www.lacdcs.org/images/ephpccolors2.jpg

[Traz]

Thanks, I do appreciate the help!