customizing look

[gmartin64]

I really like the way the photo gallery works, but I would like to customize it so that it would have the same continuity as my site (http://www.sunshinefalls.com/photo.php). I am still really new to php, so could use your suggestions. Is there a way to embed EE into what I have started? Can EE be customized to look like what I have? What can I do?

[gmartin64]

Doesn't anybody have a suggestion? I sure could use your advice.

[Pekka]

Hi,

In EE you have

1. Header and footer system: if you use php code, use header.php and footer.php, any text in misc settings' header or footer textareas will override php codes.

2. Style system: governs all colors and graphics in EE

Basically if you want to embed EE into your site you create a html table frame, so that top and left code is on EE's header and right+ bottom code is in EE's footer. Those tables need to have background color defined if it needs to keep same color while EE does style changes.

In Misc settings you have framebuster: put that off when embedding EE.

You can also use framesets, when framebuster is off EE will not jump out of it.

[gmartin64]

Hi Pekka and thanks!

I am not sure I quite understand what you mean by:

"Basically if you want to embed EE into your site you create a html table frame, so that top and left code is on EE's header and right+ bottom code is in EE's footer. Those tables need to have background color defined if it needs to keep same color while EE does style changes."

I have an html table created








Can you give me an example? Should we take this off line to e-mail conversations?

thanks!

[kd_121]

I was curious about this too. You said that in your header code you can have left and top code and in the footer you can have bottom and right, but I can't seem to figure how the code would be. I understand the header (it's simple) and have used it with making a table and putting what content I want in there. Same with the footer, no problem. But for adding say a left menu system I can't think of any code that would allow that without using frames. I would rather not use frames.

This may be very simple and I'm missing something, but could someone show and example and or sample code?

I thought you could have a table in your header with say, a first table row, a few table definitions, then next row and table def with content in there and then one more table def but not closing it and then allowing EE to put the all it's code in there. and then closing the table def with the footer. I couldn't get that to work because EE uses tables too and you can't have nested tables. Am I right or completely off here?

Thanks again

[Pekka]

Open misc settings editor and

insert this to header.html textarea:



TOP SECTION

LEFT SECTION




Insert this to footer.html textarea:


RIGHT SECTION

BOTTOM SECTION




Do you now get the idea? That's one way to do it.

To get rid of bottom color problem use footer.php instead of html footer and insert this after above footer code:




That will push the bottom away so that whole area is covered in case EE content is "low in height".

[gmartin64]

ok, I will try that. Not sure if this really would have anything to do with EE,but, to embed EE onto my site would I have to create it in frames so that I can show the stuff from my site and show EE? Or, is there a better way of doing this?

Sorry, I am ignorant. But, learnning!

[gmartin64]

Ok, I tried your suggestions and I think I am starting to get what you are talking about. Not sure I understand what you mean for taking care of the color at the bottom. Do you mean to go to misc settings and do this?


RIGHT SECTION

BOTTOM SECTION




I tried that and it did not make any difference.


Also, there is a bit of separation between the top of EE and the top of the right section,

http://www.sunshinefalls.com/gallery

I appreciate your help!

[Pekka]

gmartin64 wrote:
Ok, I tried your suggestions and I think I am starting to get what you are talking about. Not sure I understand what you mean for taking care of the color at the bottom. Do you mean to go to misc settings and do this?


RIGHT SECTION

BOTTOM SECTION




I tried that and it did not make any difference.

Insert the above code to footer.php, leave footer.html code in misc settings totally empty (and save) and try again.



Also, there is a bit of separation between the top of EE and the top of the right section,

http://www.sunshinefalls.com/gallery

I appreciate your help!

That was 5-minute code so there can be bugs. Probably rowspan's and colspan's are wrong. Usually I debug html tables by adding cellpadding and cellspacing + border to them. Also note that linebreaks do matter (they should not but they do).

[gmartin64]

Thanks Pekka, for your advice! I have been able to "dial in" the EE to be continous with the rest of my site (so far).

Here is another question, I was trying to modify the ee_logo.jpg (making a black background), but when I saved the file to the style folder (kept the same name), it could not find the picture (EE just displayed the white box with the red "X"). But, when I copied one of the original logos from dusk_2 and overwrote what I put in my style folder, refreshing the browser brought up this logo. Got any ideas what I should do to make the new logo?

[Bundy]

Pekka,

I've tried to follow your instructions, though it doesn't seen to remove the footer from the gallery index. Can you confirm which footer.php file should be changed? I've tried adding the following code to a few footer.php files and none of them seem to make a difference...


RIGHT SECTION

BOTTOM SECTION

[Pekka]

bundy wrote:
Pekka,

I've tried to follow your instructions, though it doesn't seen to remove the footer from the gallery index. Can you confirm which footer.php file should be changed? I've tried adding the following code to a few footer.php files and none of them seem to make a difference...


RIGHT SECTION

BOTTOM SECTION




Oh, sorry, found a small bug. Place the footer.php in languages/eng/ (or whatever you use), then it is read. There is a small bug which prevents EE from reading header or footer from gallery root, I've fixed it now and will include it in next fix pack.

[Bundy]

Pekka,

I placed the footer.php file into the languages folder, though it doesn't remove the footer...? It know shows the following:

RIGHT SECTION

BOTTOM SECTION

.
.
.
with a lot more white space

• See http://www.vancouverimageworks.com/gallery

Bundy

[Pekka]

I'm not exactly sure what you try to achieve, but list and photo pages work in 1.5 with templates, all other pages do not. Templates can be changed easily if there is need to alter html code.

To me it seems the problem in your case is that footer needs to be inside the big table.

Try changing in pagetemplates/list/default.php

-------------------













--------------------------------


to


---------------------------------
















------------------------------

and similarly change header code in template also inside main table, this gives you EE1.3 style html.

[Bundy]

Pekka,

I'm trying to make it like your "D30 & G1 Galleries". Keeping the header in place, but just removing the footer (the extra white space at the bottom). The gray news column should extend right to the bottom of the page and the page should end right after the last info in the gallery index.

Bundy