header / subheader shadow line

[BrandonSi]

Quick question, I've searched with no luck so far.

On my main page (index.php) I edited the eng/header.php to my liking, but when I get rid of the subheader, there's no black line seperating the header from the rest of the page, it's just all white. Now if I go look at a photo the solid black subheader line is gone (which is what I want), but that shadow line which is supposed to be like a drop shadow for that solid black subheader line is there. That is what I want for the main page, no subheader solid blackline, just that drop shadow line. I haven't had any luck locating the code that produces that shadow line to add it into the main eng/header.php. Anyone either have the code for that, or know where it's located?

[BrandonSi]

ok, I see what's going on so far.. here's my subheader.php



<TABLE width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#CCCCCC">
<tr>
<td width="1" bgcolor="#<?php print ee_hexcolorshifter($s_news_back_color,".4"); ?>">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#<?php print ee_hexcolorshifter($s_back_color,".75"); ?>">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#<?php print ee_hexcolorshifter($s_back_color,".8"); ?>">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#<?php print ee_hexcolorshifter($s_back_color,".88"); ?>">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#<?php print ee_hexcolorshifter($s_back_color,".94"); ?>">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#<?php print ee_hexcolorshifter($s_back_color,".96"); ?>">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#<?php print ee_hexcolorshifter($s_back_color,".98"); ?>">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#<?php print ee_hexcolorshifter($s_back_color,"1.0"); ?>">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

</table>


So from what I can understand, this puts x.gif in it's own cell, and since x.gif is just transparent, the bgcolor shows up instead, and there is a function that gradiates each bgcolor for each cell to add up to a shaded line effect..

I removed the if != index line to make the subheader draw this gradient line on all pages, but it still won't show up on the index page.. is there a formatting issue, is there not room on the index layout for this?

Also, it seems as if the subheader.php is called on the picture layout pages regardless of if header.php includes subheader.php. If I remove all references to it, it still will show up..

anyone..? Pekka? Bueller?

[BrandonSi]

Well if anyone is interested I hacked away and finally got it.

It appears that the shadow line was being drawn on the main index page, however it was using all white for the shading instead of a gradient, so it appeared as it was not showing up. I couldn't figure out how to get the colors to pass correctly through the variables, so I saved a complete site in IE of one of my image pages (the one with the correct shaded line like I wanted), looked for the above code and took the actual color #'s out of it. I took the code from subheader.php and added it (without the if statement) to the end of my header.php file, changed the ee_colorshifter calculations to reflect just the static color codes I wanted and then renamed subheader.php so that it wouldn't be found if called. And now I have the same shaded line on both my index and picture listing pages.

Probably not the most efficient way of doing this but it works. Below is the code to my header.php file, hopefully that'll helps someone else down the line.


<?php
//$left_tag = "<table border=\"0\" cellspacing=\"0\" cellpadding=\"2\"><tr><td bgcolor=\"#ffffff\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"1\"><tr bgcolor=\"#ffffff\"><td align=\"center\" valign=\"middle\" nowrap><small style=\"font-size: 3px;\">      </small>";
//$right_tag = "<small style=\"font-size: 3px;\">   </small><small style=\"font-size: 3px;\">   </small></td></tr></table></td></tr></table>";
?>

<TABLE width="100%" border="0" cellspacing="3" cellpadding="0" bgcolor="#ffffff">
<TR>
<TD align="center" style="color: white; background-color: white;">

<?php print $left_tag; ?><a href="http://www.studioashford.com/index.php"><img src="http://www.studioashford.com/images/mainlogo_small.jpg" border=0 align="left"></a><?php print $right_tag; ?>
</TD>

<TD align="center" style="color: white; background-color: white;"> 

</TD>

<TD align="center" style="color: white; background-color: white;"> 

</TD>

<TD align="center" style="color: white; background-color: white;"> 

</TD>

</TR>



</table>

<TABLE width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000">
<tr>
<td width="1" bgcolor="#5f5f5f">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#bfbfbf">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#cccccc">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#e0e0e0">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#efefef">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#f4f4f4">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#f9f9f9">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

<tr>
<td width="1" bgcolor="#ffffff">
<img src="<?php print $toroot; ?>graphs/x.gif" width="1" height="1" alt="" border="0">
</td>
</tr>

</table>



Note I've commented out the right and left tags for my spacing needs, as well as added my site logo into the top table. This may be different than what you want.

[Alan Van Vliet]

Brandon,

I've been working on the same fix. Two problems have come up.

1) I now have double drop shadows (double lines) on the alternate pages. I disabled "subheader" but to no avail.

http://webhost-2.webgnostics.com/avvphoto.com/gallery/list.php?exhibition=6&pass=public&lang=eng

2) The News Section has a space below the headers "drop shadow line". Any way around this with keeping the news on the side bar?

http://webhost-2.webgnostics.com/avvphoto.com/gallery/index.php


Any thoughts?

Thanks in advance.

Alan Van Vliet

[PrimaPhoto]

Alan, nice stuff!

I clicked this link and it was dead? http://www.einsteinsvision.info/
It is the "Contact" link at the top.


Mark Primavera
http://www.primaveraphoto.com/photodbase/index.php

[Alan Van Vliet]

Sorry Mark,

Thanks for your comments. The links in the header bar are not active yet, or they are not supposed to be. Must be some old code. Still working on that.

I got rid of the double drop shadow on the exhibition pages by disabling the subheader definitions file in the main directory.

I still have the separation between the header and the news section on the main page.

http://webhost-2.webgnostics.com/avvphoto.com/gallery/index.php

Any thoughts? From what I can tell, the drop shadow is taking up that space. No apparent settings in the tables that I can find set incorrectly.

Thanks for any ideas in advance.

Alan Van Vliet

[PrimaPhoto]

Alan, I like what you've done.
Can I ask you how you put the serach box in?

Mark
http://www.primaveraphoto.com/photodbase/list.php?exhibition=21

[Alan Van Vliet]

Mark,

I inserted the following code into my header file that is found the languages/eng folder.

<FORM ACTION="./list.php" METHOD="POST" name="FORM_search" id="FORM_search" style="margin: 0px 0px 0px 0px;">
<input type="hidden" name="offset" value="0">
<input type="hidden" name="sort_row" value="ee_order_to_exhibition.ee_order">
<input type="hidden" name="perpage" value="999999">
<input type="hidden" name="select_output" value="thumbs">
<input type="hidden" name="order" value="DESC">
<input type="hidden" name="exhibition" value="7777777">
<input type="hidden" name="category" value="1">
<input type="hidden" name="size" value="default">
<input type="hidden" name="pass" value="public">
<input type="hidden" name="revealforms" value="0">
<input type="hidden" name="lang" value="eng">
<input type="hidden" name="viewall" value="1">
<input type="hidden" name="hidedetail" value="0">
<input type="hidden" name="search_row" value="all">
<input type="text" name="keyword" value="" size="34" maxlength="50">
<input type="submit" name="SUBMIT_search" value="search" style="background-color: #cdcdcd; margin: 0px 0px 0px 0px;">
</FORM>
Place it below the code for the different links on the header bar.

Let me know if you have any other questions.

Regards, Al

[PrimaPhoto]

I'll have to try this out this weekend.

Many thanks.

Mark

[Alan Van Vliet]

Still have not been able to get rid of this space. I've looked through the index, index page styles, header, etc. but cannot find anything in code that I can determine problem.

Anyone know what is causing this? Is it fixable without putting the news at the bottom?

http://www.alanvanvlietphotography.com/gallery/index.php

Thanks in advance.

Regards, Alan Van Vliet