Artisteer 3.0.39952 + mojoPortal 2.3.6.7 skins messed up (header / menu)

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
7/15/2011 3:16:26 AM
Gravatar
Total Posts 4

Artisteer 3.0.39952 + mojoPortal 2.3.6.7 skins messed up (header / menu)

Hello Joe,

first of all thank you for MojoPortal, comparing it with Joomla and other CMS systems this is a really neat CMS system and easy to use!

I have a question about the new Artisteer version with MojoPortal 2.3.6.7. When I create skins in Artisteer the whole website is messed up when loaded into mojoportal (only the 'basic skins' seem to work, not the nice ones..). I use the guide that you wrote for Artisteer 3.0 (and the ‘base’ skin from data\skins, because they are the newest) but I really can’t figure this one out. Other skins do work, so far I can see now the skins that are not working are:

1. Wide at the top of the page
2. Use ‘seperated’ headers / menu’s


The main problems are:

1. The header is visible but the 'body' of the site is on top of it
2. The menu is wrong (to the right and out of ‘bounds’)
3. The footer is wrongly placed
4. Background will not display in mojoPortal (this is because the DIV is missing, I guess)

I tried:

1. Add the missing DIV tags from the HTML page that artisteer generates into the layout.master, while the skin looked a little bit better I just don’t have the knowledge of precisely looking for the right tags
2. Editing the artisteer.css override (but don’t really know  how to proceed here, just tried adding missing tags from the Artisteer html)

3. Looking with Firebug for missing tags.

I have basic knowledge of CSS and the layout.master and already made some websites in mojo with the older artisteer version(s) and some CSS editing. But in this case the whole skin is broken and I really don’t know where to search… I already spend 7 hours today trying to find some solutions but they only worked partially, really frustrating because MojoPortal is great to work with and Artisteer 3.0 can generate some nice skins.

I already would be happy if the 'main' problem is fixed, because now the whole layout is broken

Link of the ‘live’ mojoPortal website: http://mojotest.pna-web.eu/home.aspx

Link of the artisteer html export (so you can see the problem): http://mojotest.pna-web.eu/data/sites/1/skins/cg_15072011_1/home.html

 

Thanks!

7/15/2011 5:38:52 AM
Gravatar
Total Posts 18439

Re: Artisteer 3.0.39952 + mojoPortal 2.3.6.7 skins messed up (header / menu)

Hi,

In some cases you do need to edit the layout.master file, and this is one of those cases.

In your template html the art-nav and art-header stuff is outside of art-sheet but in your layout.master it is inside art-sheet so you need to re-arrange it to match your exported template.

also you need to change this:

<div id="art-page-background-middle-texture">

to this:

<div id="art-page-background-glare">
    <div id="art-page-background-glare-image"> </div>
</div>

and then remove the closing div at the bottom.

Hope that helps,

Joe

 

7/15/2011 7:35:22 AM
Gravatar
Total Posts 4

Re: Artisteer 3.0.39952 + mojoPortal 2.3.6.7 skins messed up (header / menu)

Hello Joe,

thanks for the help. It seems to work, but only in IE 8/9 compatibility modus. In FireFox / Chrome it just doesnt work. Further more, the footer is also wrongly lined out (to the right).

Edit: Hmm, the middle section doesn't work like it should, if you view it in IE compatibility mode and the HTML version, in mojoPortal it doesnt show the top of the white section which is rounded like in the HTML version (just beneath the chearleaders...)

Thanks so far!


Greetings,

 

Armand

7/15/2011 7:58:44 AM
Gravatar
Total Posts 18439

Re: Artisteer 3.0.39952 + mojoPortal 2.3.6.7 skins messed up (header / menu)

Hi Armand,

Artisteer always is a version behind in their IE support, if you look in the exported html you will see they force IE 8 compatibility because they don't yet support IE 9. So they have this in the head to force IE 8 compatibility.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

I'm sure I could get it to work in Chrome and FF, if you buy me a couple beers and zip up your .artx file and your skin and send them to me I could fix it and send it back to you. joe dot audette at g mail dot com

Best,

Joe

7/15/2011 8:09:00 AM
Gravatar
Total Posts 4

Re: Artisteer 3.0.39952 + mojoPortal 2.3.6.7 skins messed up (header / menu)

Hello Joe,

I looked in the HTML code of the Artisteer generated page, but I cannot find the IE emulate tag? It isn't there so far I can see.

It is just a shame because it is not only this template but all of the 'nice' Artisteer 3 templates I create do not work. I will buy you some beers, but it would be greate if we have a solutions for the skins that artisteer creates in general not only this one...

7/15/2011 9:28:58 AM
Gravatar
Total Posts 18439

Re: Artisteer 3.0.39952 + mojoPortal 2.3.6.7 skins messed up (header / menu)

Sorry that you are not having success but many other people do have success in following the instructions and modifying things in layout.master if needed. I'm very busy with my own work but I offered to help you for a couple of beers because I have no trouble converting the Artisteer export to a skin. I think the problems you are having are because your designs have the header and navigation outside the sheet whereas our starting point skins have them inside the sheet so the layout.master would need to be modified to match the skeleton of the exported html and this requires some knowledge of html and CSS. If you design your Artisteer designs with the head and navigation inside the sheet there will be less steps required in converting to a mojoPortal skin, but for someone with html knowledge the modifications are not difficult.

Best,

Joe

You must sign in to post in the forums. This thread is closed to new posts.