Simple Machines Community Forum

Having got used to IPB skinning system, the SMF one is totally alien to me.

I`m trying to add my drop down menu the SMF forum I just installed. I want to get the forum more less looking like my IPB board before I convert everything over.

Anyways, the part of the drop down I`m trying to add to the index template file including div id

Lainaa<div id="chromemenu">
<ul>
<li><a href="index.shtml">Home</a></li>
<li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu1')">Forecasts</a></li>
<li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu2')">Maps</a></li>
<li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu3')">Radar/Satellite</a></li>   
<li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu4')">Severe</a></li>
<li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu5')">Community</a></li>
<li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropmenu6')">Other</a></li>   

</ul>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv" style="width: 150px;">
<a href="canadian/">Canadian</a>
<a href="states.shtml">United States</a>
<a href="international.shtml">International</a>
</div>

<!--2nd drop down menu -->                                               
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="surface.shtml">Surface</a>
<a href="upper.shtml">Upper</a>
<a href="models/">Models</a>
<a href="precip.shtml">Precipitation</a>
<a href="weather/hw3.php?config=&forecast=lowtrackmap&model=all&hour=00&dpp=0/">Low Tracker</a>
</div>

<!--3rd anchor link and menu -->                                                 
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<a href="radar/">Radar</a>
<a href="vis-sat.shtml">Visible Satellite</a>
<a href="infra-sat.shtml">Infra-Red Satellite</a>
<a href="water-sat.shtml">Water Vapour Satellite</a>
</div>

<!--3rd anchor link and menu -->                                                 
<div id="dropmenu4" class="dropmenudiv" style="width: 150px;">
<a href="severe.shtml">Summer Storms</a>
<a href="weather/hw3.php?forecast=tropsystems">Tropical / Hurricanes</a>
<a href="winter.shtml">Winter Storms</a>
</div>

<!--3rd anchor link and menu -->                                                 
<div id="dropmenu5" class="dropmenudiv" style="width: 150px;">
<a href="forums/">Forums</a>
<a href="forums/index.php?automodule=gallery">Community Galleries</a>
<a href="forums/index.php?automodule=blog">Community Blogs</a>
<a href="forums/index.php?act=Reg&CODE=00">Register</a>
<a href="leagues.shtml">Weather Leagues</a>
</div>

<!--3rd anchor link and menu -->                                                 
<div id="dropmenu6" class="dropmenudiv" style="width: 150px;">
<a href="problogs.shtml">Pro-Met Blogs</a>
<a href="weather/hw3.php?config=&forecast=canadaquake&usemap=canada_quake">Earthquake Data</a>
<a href="forums/index.php?autocom=links">Links</a>
<a href="">Store</a>
<a href="glossary/">Glossary</a>
<a href="contact.shtml">Contact</a>
</div>   

It doesn`t matter where the heck I place this, I get the dreaded parse error. Now like I said I`m completely new to SMF theming/skinning so I may have done something stupid!!

I want the menu to reside at the top of the board. I have added the custom css links to the template index file, which in turn are for the drop down menu.


Do I need to paste the source code for my SMF template?

Thanks.

Escape single quotes ( ' ) with backslashes ( \ ). So change these:
' to these \'

Perfect, thank you.

Easy when you know how :)