Integrating HEADER inside of the upshrink

[NoRad]

Code Select Expand

// This part is the logo and forum name.  You should be able to change this to whatever you want...
echo '
<img src="http://www.louipimps.com/images/sample/header.jpg"><br>
';

// The logo and the three info boxes
echo '
<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="position: relative;">
<tr id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', ',','>
<td valign="top">
<div class="headertitles" style="margin-right: 5px; position: relative;"><img src="', $settings['images_url'], '/blank.gif" height="12" alt="" /></div>
<div class="headerbodies" style="position: relative; margin-right: 5px; background-image: url(', $settings['images_url'], '/box_bg.gif);">
<img src="', $settings['images_url'], '/' , $context['user']['language'] , '/userinfo.gif" style="position: absolute; left: ', $context['browser']['is_ie5'] || $context['browser']['is_ie4'] ? '0' : '-1px', '; top: -16px; clear: both;" alt="" />
<table width="99%" cellpadding="0" cellspacing="5" border="0"><tr>';

if (!empty($context['user']['avatar']))
echo '<td valign="middle">', $context['user']['avatar']['image'], '</td>';


I would really like to move my header image (which will be expanded shortly to include a repeating background that blends into the them) into the table that gets the UPSHRINK. This way uses can choose to not display it if they have slow connections.

Any ideas where I should put this code? I'm a bit lost with the upshrink javascript or whatever is going on there.

[[Unknown]]

See this?

<tr id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', ',','>

Everything inside it (every table cell) gets "shrunk" by upshrink...  so just put the logo inside there .

-[Unknown]

[NoRad]

Code Select Expand

echo '
<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="position: relative;">
<tr id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', ',','>
<td>
<tr>
<td>
<img src="http://www.louipimps.com/images/sample/header.jpg">
</td>
</tr>
</td>
<td valign="top">
<div class="headertitles" style="margin-right: 5px; position: relative;"><img src="', $settings['images_url'], '/blank.gif" height="12" alt="" /></div>
<div class="headerbodies" style="position: relative; margin-right: 5px; background-image: url(', $settings['images_url'], '/box_bg.gif);">
<img src="', $settings['images_url'], '/' , $context['user']['language'] , '/userinfo.gif" style="position: absolute; left: ', $context['browser']['is_ie5'] || $context['browser']['is_ie4'] ? '0' : '-1px', '; top: -16px; clear: both;" alt="" />
<table width="99%" cellpadding="0" cellspacing="5" border="0"><tr>';

Yes, but when I do it like this it looks correct, but I lose the functionality of the upshrink because I had to make another <tr>

[[Unknown]]

So move this part:

Code Select Expand

id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '

Onto the table or something.  Whatever has that part will be collapsed.

-[Unknown]

[NoRad]

Ok, I didn't know if I could move it to the table or not. Thanks.