PDA

View Full Version : CSS elements with graphics?


KathrynBassett
11-16-2005, 08:38 PM
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
11-16-2005, 08:59 PM
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
11-16-2005, 09:54 PM
http://lacdcs.moonlink.net/images/ephpccolors.jpg

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
11-17-2005, 07:54 AM
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 http://www.easyphpcalendar.com/v6demo/images/edit.gif

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
11-17-2005, 09:27 AM
#3 is located in the template/eventAdmin.php file under the CSS tableDate.

ve9gra
11-17-2005, 12:53 PM
Not that bad.... 1 out of 7.. ;)

KathrynBassett
11-17-2005, 01:05 PM
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.
http://www.lacdcs.org/images/ephpccolors2.jpg
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
11-17-2005, 02:47 PM
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
11-21-2005, 09:01 PM
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
12-07-2005, 11:47 PM
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
12-08-2005, 12:05 AM
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
12-08-2005, 01:11 AM
Thanks, I do appreciate the help!