Hi Tom,
MODx uses a tableless CSS based design, so you’d be looking to port over your existing table based design?
The menu @ ruthlyne only uses this call:
[[Wayfinder?startId=`0` &level=`1`]]
Most of the work is done by the CSS:
.navigation ul{ width:125px; list-style:none; float:left; padding:0px 0 0 0px; border-top: 2px solid #C0DFFD; margin:36px 0 0 0px; }
.navigation li{ border-bottom: 2px solid #C0DFFD; font: 11px Verdana, Arial, Helvetica, sans-serif; }
.navigation li a { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; letter-spacing:.1em; text-decoration: none; padding:8px 6px 0px 46px; background: url(mm_arrow2.gif) no-repeat 35px 45%; border: thin none #CCCCCC; display:block; }
.navigation li a:hover { background: #ffffff url(mm_arrow2.gif) no-repeat 34px 45%; color:#000000; }
Which is from an external stylesheet called from the header of the template.
The ruthlyne site was an old table based design, she wanted to keep the layout the same which did cause a few headaches along the way.
To be honest it would have been quicker to start from scratch, but the customer is always right!
It might be worth testing MODx with one of the standard layouts and trying the SMF integration etc. before going to the trouble of porting your design.
For the flash video you can get it to validate using the ActiveContent javascript ( my current method ) or possibly with swfObject.
I found it a steep learning curve with MODx but ultimately very worthwhile!
Cheers,
David