Get the iframe scroll bar to change to another color

mmoskva · #1 02-07-2006, 07:14 AM

I inserted a scroll bar onto my site, I have been trying to adjust the scroll to have a dirrerent color but it doesnt change at all. Does someone knwo how to do this?

I have defined a class and added classes to read my stylesheet but thier is no change on the scroll.
I tried editind the .nabar to navbar in the class but no change

Code:



{assign var="default_image_width" value="100"}

{config_load file="$skin_config"}
{if $is_nomail ne 'Y'}
{literal}
<STYLE type="text/css">
.navbar {
  scrollbar-3dlight-color: none;
  scrollbar-arrow-color: #a3afc8;
  scrollbar-base-color: #c7d3ea;
  scrollbar-darkshadow-color: #c7d3ea;
  scrollbar-face-color: none;
  scrollbar-highlight-color: #abb2c3;
  scrollbar-shadow-color: #c7d3ea;
}

</STYLE>
{/literal}
{/if}

<TABLE cellpadding="0" cellspacing=0 border=0 width="689" align="left">
<tr>
 <td>

<IFRAME marginWidth=0 marginHeight=0 frameBorder=0 width=724 scrolling=yes height=423 src="sitename.htm" class="navbar">
<TABLE cellpadding="0" cellspacing=0 border=0 width="689" align="left">
<TR>
<TD align="left"></TD>
</TR>
</TABLE>
</iframe>

 </td>
</tr>
</table>

balinor · #2 02-07-2006, 07:31 AM

That only works in IE 5.5+....

mmoskva · #3 02-07-2006, 07:37 AM

I dont understand.

What should I do to get the scroll to change in its color?

balinor · #4 02-07-2006, 07:40 AM

You can't, that's what I mean. It only works on Internet Explorer, all other browsers will default to whatever scrollbar color/style their browser is set to.

mmoskva · #5 02-07-2006, 10:03 AM

ok, I am using IE but the scroll wont change. do you know why that is?

balinor · #6 02-07-2006, 10:33 AM

Well, you need to put the styles in the <head> of the page for them to work....

mmoskva · #7 02-07-2006, 12:37 PM

do i place them in the php page or in the tpl file. From the code that i placed below what should i place in the head location; should something be changed?

Code:


{assign var="default_image_width" value="100"} 

{config_load file="$skin_config"} 
{if $is_nomail ne 'Y'} 
{literal} 
<STYLE type="text/css"> 
.navbar { 
  scrollbar-3dlight-color: none; 
  scrollbar-arrow-color: #a3afc8; 
  scrollbar-base-color: #c7d3ea; 
  scrollbar-darkshadow-color: #c7d3ea; 
  scrollbar-face-color: none; 
  scrollbar-highlight-color: #abb2c3; 
  scrollbar-shadow-color: #c7d3ea; 
} 

</STYLE> 
{/literal} 
{/if} 

<TABLE cellpadding="0" cellspacing=0 border=0 width="689" align="left"> 
<tr> 
<td> 

<IFRAME marginWidth=0 marginHeight=0 frameBorder=0 width=724 scrolling=yes height=423 src="sitename.htm" class="navbar"> 
<TABLE cellpadding="0" cellspacing=0 border=0 width="689" align="left"> 
<TR> 
<TD align="left"></TD> 
</TR> 
</TABLE> 
</iframe> 

</td> 
</tr> 
</table>



	X-Cart forums © 2001-2020