First, you should make a request to the author of that site. They already have an ASP.NET Master Page export, so that could be extended to support a mojoPortal skin format with a little work on their part.
If you want to try doing this yourself, I took a (very) quick crack at it to see what I thought would be required. Here's what I would do to get started:
-
Create a 3-column template layout
-
Export your layout in HTML format
-
Clone an existing non-Artisteer skin for layout.master reference.
-
At least the following changes will have to be made when merging the cooltemplate HTML into the layout.master:
-
Class BodyContent -> wrapwebsite
-
Class Header -> wrapheader (topnav div inside this)
-
Replace Menu div with <portal:SiteMenu...
-
Class Columns -> wrapcenter
-
div class="Column1" -> <asp:Panel id="divLeft"...
-
div class="MainColumn" -> <asp:Panel id="divCenter"...
-
div class="Column2" -> <asp:Panel id="divRight"...
-
Class Footer -> wrapfooter
Finally, you'll need to clean up all the corresponding CSS in style.css to match the above changes. Use FireBug in FireFox to help you identify things that are out of whack. You'll also need to merge in all of the CSS styling for mojo-specific object styling.
Now, even with that all said, it's still possible that mojoPortal code changes might be needed if cooltemplate has extra styling divs that are not accounted for by mojoPortal. I'd be interested to hear if you can get it working! It would be a worthy addition to the mojoPortal community tutorials.
Jamie