Osccommerce Infobox individualisation?

[linksphere]

Hi,

 

If you see my site www.linksphere.co.uk you will see that the languages infobox placed in the header has the same background heading property. I was wondering how I can change this and the font colour so that it is seperate to the rest of the infobox's on the page.

 

Or is there another way to implement the language selection into the header without an info box?

 

I need the background to be changed to transparent or white and I need the font to be tahoma, size 12, and in black.

 

Can't seem to be able to set a class but would appreciate any help!

 

Another thing is being able to define a background image for the categories or edit how the subcategories appear slightly.

 

Any pointers would be appreciated.

 

You can see how I want the site to look here:

 

 

Again, any improvements you can point me towards will be appreciated in helping me get the site up and running.

 

After 2 years of trying to understand oscommerce i'm finally beginning to get somewhere but seem to have hit a slight brick wall!

 

Many thanks for anyone who can take the time to help me out, its much appreciated.

Lee

[burt]

There's a post on my blog showing how to amend just 1 infobox easily. The link is in my profile.

[linksphere]

There's a post on my blog showing how to amend just 1 infobox easily. The link is in my profile.

 

Thanks so much Burt,

 

Much appreciated!

[linksphere]

I don't suppose you know anywhere or do you have anything on your blog regarding styling the categories? Seems awquard. (Setting a background image for top category, different for sub category and different again? with a set width between categories? Absolutely love your blog though to!

[linksphere]

Managed to fix my horizontal menu problem by using CSS dynamic drive horizontal menu system.

 

Using this code in the header:

 

<table border="0" width=980 cellspacing="0" cellpadding="1" align=center>
<td valign="middle">
<tr class="header">
<div id="chromemenu">
 <ul>
<li><a href="index.php" title="Home"><span>Home</span></a></li>
<li><a href="products_new.php" title="New Products"><span>New Products</span></a></li>
<li><a href="specials.php" title="Specials"><span>Specials</span></a></li>
<li><a href="repair.php" title="System Repair"><span>System Repair</span></a></li>
<li><a href="services.php" title="Services"><span>Services</span></a></li>
<li><a href="faq.php" title="FAQ"><span>FAQ</span></a></li>
<li><a href="forums.php" title="Forums"><span>Forums</span></a></li>
<li><a href="shipping.php" title="Shipping & Tracking"><span>Shipping & Tracking></span></a></li>
<li><a href="aboutus.php" title="About Us"><span>About Us</span></a></li>
<li><a href="contact.php" title="Contact"><span>Contact Us</span></a></li>
<li><a href="conditions.php" title="Terms of Service"><span>Terms of Service</span></a></li>
<li><a href="account.php" title="My Account"><span>My Account</span></a></li>
  </ul>
</div>  
</td>
</tr>
</table>

 

and this in the css:

 

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#chromemenu{
width: 980px;
font-weight: bold;
font-size: 11px;
font-family: Tahoma;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(images/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#chromemenu ul li a:hover{
background: url(images/chromebg2.gif) center center repeat-x;
}

</style>

 

For anyone that might need that and then downloaded the background images from here: http://www.dynamicdrive.com/style/csslibra...hrome-menu-bar/