Unable to get Glare-Image to show! (Artisteer template)

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/31/2011 5:43:34 PM
Gravatar
Total Posts 383
Thanks Squire Dude

Unable to get Glare-Image to show! (Artisteer template)

Hi,

I have created a new skin using the Artisteer tool (great tool, hides all the code) and now I am trying to get it to work with my test site (locahost).  I ahve managed to get everything to show up as expected except for 1 last item... "glare-image".

I found the reference in the "style.css" as the "#art-page-background-glare-image".  Everything is there that I set and is needed but it fails to show on the actual site.

#art-page-background-glare-image
{
  background-image: url('images/page_gl.png');
  background-repeat: no-repeat;
  height: 269px;
  width: 512px;
  margin: 0;
}

I checked the "page.html" and it has the glare on it.

What should I check for to make this work?

Phill

 

1/31/2011 7:11:14 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Re: Unable to get Glare-Image to show! (Artisteer template)

My Guess is that you may have to add this tag to your skins layout.master file.

Open both the page.html and the layout.master and check to see if layout.master has the tag in the same place as the page.html.  It may not be there.  If not add it.

I just did an Artisteer 3.0 skin about 2 weeks ago and I had to add 4 artisteer tags to my layout.master to get it to work.  4 out of 5 skins I do in Artisteer need no changes to work in mojoPortal.  It;s that other 1 out of 5 where you need to get out your file compare tool.

Rick(ARVIXE)

2/1/2011 12:00:38 PM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Unable to get Glare-Image to show! (Artisteer template)

Hi Rick,

Thanks for the suggestion it worked great.  There was not any lines in the Layout.Master for the Glare so I added them and it works exactly as I expected now.

Missing Lines...

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

 

Inserted the Glare lines immediately after the gradient lines, so the end results is...

    <asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server" />
    <div id="art-page-background-simple-gradient">
        <div id="art-page-background-gradient"></div>
    </div>
<div id="art-page-background-glare">
        <div id="art-page-background-glare-image"></div>
    </div>
 

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