Artisteer 3 header CSS help

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.
1/23/2011 4:34:54 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Artisteer 3 header CSS help

Hoping for Artisteer 3 help with CSS
No Picture image and full width header not full width and the center and right pane share content width 50/50.

Here's the html from artister html export.

http://www.etchitinstone.com/juliac21colors2/page.html

Here's what the skin looks like in the pre-release mojo 2.3.6.1

http://www.etchitinstone.com/

I used the skin  artisteer-30headermenu to make my mojo skin folder

My manager wanted me to put up a site for her mother who is a Real Estate Agent.  My manager made the skin in the latest Artister V3 beta.

I have a video course on CSS, just no time to watch it lately.

Thanks for looking

 

1/24/2011 11:17:13 AM
Gravatar
Total Posts 18439

Re: Artisteer 3 header CSS help

Hi Rick,

It looks like in this design the header and menu are above the sheet but in the layout.master they are within the sheet so you would need to move things around a little in the layout.master.

When designing in Artisteer you should always use a 3 column layout so that the Artisteer export includes the correct CSS needed for 3 columns. I would go back in and change to 3 columns then export it again.

Hope it helps,

Joe

1/24/2011 12:42:06 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Re: Artisteer 3 header CSS help

Thanks Joe

First I must apologize.  The skin my manager emailed me was for Joomla.

Changing that to be HTML fixed half my problems...

And... yes.  I'll change the template to be 3 columns.  That makes perfect sense!!!

Everything is fixed except the header being full width and showing the picture.  I'll play with layout.master till I get it.

Thanks so much

1/24/2011 1:53:47 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Re: Artisteer 3 header CSS help

After looking at the source the stock Artisteer skin yields I got the Header image to show by adding these 3 div tags to my skins layout.master

<div class="art-header-wrapper">
     <div class="art-header-inner">
      <div class="art-headerobject"></div>

above this tag

 <div class="art-logo">

The image is in art-headerobject

//////////////////////////////////////////

I got the header band to be full width by moving the following.

    <div class="art-sheet">
            <div class="art-sheet-tl">
            </div>
            <div class="art-sheet-tr">
            </div>
            <div class="art-sheet-bl">
            </div>
            <div class="art-sheet-br">
            </div>
            <div class="art-sheet-tc">
            </div>
            <div class="art-sheet-bc">
            </div>
            <div class="art-sheet-cl">
            </div>
            <div class="art-sheet-cr">
            </div>
            <div class="art-sheet-cc">
            </div>
            <div class="art-sheet-body">

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