|
WHICH VERSION TO USE?
The original code (left) and no-padding code (right) give virtually identical results except that the "no-padding" code produces a fit that's more snug when positioning the schedule on a page. For example, inside the two identical gray table cells below, the original version will not go tightly into the cell's upper left corner, but the no-padding version will. So, depending on your web page's layout, color scheme and space constraints, one version might work better for you than the other. But the no-padding version is more likely to go exactly where you want it. That comes in handy if you want to try adding your own custom touches, such as a drop shadow.
Removing one or both of the <br /> lines from the original code can also make a difference in terms of fit.
| |
| |
|
| ORIGINAL CODE <!-- BEGIN HuskerMax.com Schedule Widget -->
<br />
<iframe src="http://huskermax.com/partners/sked/"
width="264px" height="350px" frameborder="0"
scrolling="no"></iframe>
<br />
<!-- END Widget -->
|
|
NO-PADDING CODE <!-- BEGIN HuskerMax.com Schedule Widget -->
<iframe src="http://huskermax.com/partners/sked/nopad"
width="251px" height="319px" frameborder="0"
marginwidth="0" marginheight="0"
scrolling="no"></iframe>
<!-- END Widget -->
|
|
ADDRESS CUSTOMIZATION
FOR NON-CENTRAL TIME:
"http://huskermax.com/partners/sked/eastern"
"http://huskermax.com/partners/sked/mountain"
"http://huskermax.com/partners/sked/pacific"
|
|
ADDRESS CUSTOMIZATION
FOR NON-CENTRAL TIME:
"http://huskermax.com/partners/sked/nopad_eastern"
"http://huskermax.com/partners/sked/nopad_mountain"
"http://huskermax.com/partners/sked/nopad_pacific"
|
|  | | |
| |
DROP SHADOW USING
THE NO-PADDING VERSION
|
| |
|
|
This was done with table coding, but it could
just as easily have been done with CSS layers.
<table cellpadding=0 cellspacing=0>
<td style="padding: 0 4px 4px 0;
background-image:url('/img/shadow.png');
background-repeat:no-repeat;">
<!-- BEGIN HuskerMax.com Schedule Widget -->
<iframe src="http://huskermax.com/partners/sked/nopad"
width="251px" height="319px" frameborder="0"
marginwidth="0" marginheight="0"
scrolling="no"></iframe>
<!-- END Widget -->
</td></table>
Download the shadow image here
|
| |
DROP SHADOW ON A PAGE
WITH A RED BACKGROUND
|
| | |
| |
|
| | |
|
<table cellpadding=0 cellspacing=0>
<td style="padding: 0 6px 6px 0;
background-image:url('/img/shadow_red.png');
background-repeat:no-repeat;">
<!-- BEGIN HuskerMax.com Schedule Widget -->
<iframe src="http://huskermax.com/partners/sked/nopad"
width="251px" height="319px" frameborder="0"
marginwidth="0" marginheight="0"
scrolling="no"></iframe>
<!-- END Widget -->
</td></table>
Download the red shadow image here
|
|
