X-Cart forums - Get the iframe scroll bar to change to another color

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Get the iframe scroll bar to change to another color (https://forum.x-cart.com/showthread.php?t=19785)

Get the iframe scroll bar to change to another color

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>

That only works in IE 5.5+....

I dont understand.

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

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.

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

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

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>