Artisteer 2.5

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.
8/17/2010 4:55:01 AM
Gravatar
Total Posts 16

Artisteer 2.5

Hi

 

mojoPortal 2.3.5.1 MSSQL

.Net 4

IIS 7.5

MS-SQL 2008

I updated to Artisteer 2.5, i think there is a change in the footer area of the exported html.
i cant get the footer area to render correctly in mojoPortal.

 

Best regards Peter

 

 

 

 

8/17/2010 7:31:02 AM
Gravatar
Total Posts 18439

Re: Artisteer 2.5

Hi Peter,

I have not tried Artisteer 2.5 yet. I will look into it soon.

Best,

Joe

8/17/2010 9:26:52 AM
Gravatar
Total Posts 18439

Re: Artisteer 2.5

Hi Peter,

I upgraded to Artisteer 2.5 and upgraded an existing design and exported. You can see the difference in the page.html file exported from Artisteer 2.5 compared to 2.4.

In 2.4 it was like this:

<div class="cleared"></div><div class="art-footer">
                    <div class="art-footer-inner">
                        <a href="#" class="art-rss-tag-icon" title="RSS"></a>
                        <div class="art-footer-text">
                            <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>
                                | <a href="#">Privacy Statement</a><br />
                                Copyright &copy; 2010 ---. All Rights Reserved.</p>
                        </div>
                    </div>
                    <div class="art-footer-background"></div>
                </div>
          <div class="cleared"></div>
            </div>

and in 2.5 it is like this:

<div class="cleared"></div><div class="art-footer">
<div class="art-footer-t"></div>
<div class="art-footer-l"></div>
<div class="art-footer-b"></div>
<div class="art-footer-r"></div>
<div class="art-footer-body">
<a href="#" class="art-rss-tag-icon" title="RSS"></a>
<div class="art-footer-text">
<p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>
| <a href="#">Privacy Statement</a><br />
Copyright &copy; 2010 ---. All Rights Reserved.</p>
</div>
<div class="cleared"></div>
</div>

so you need to update the corresponding markup in layout.master like this:

<div class="art-footer">
<div class="art-footer-t"></div>
<div class="art-footer-l"></div>
<div class="art-footer-b"></div>
<div class="art-footer-r"></div>
<div class="art-footer-body">
<a href="#" class="art-rss-tag-icon" title="RSS"></a>
<div class="art-footer-text">
<p>
<portal:SiteMapLink ID="SiteMapLink1" runat="server" CssClass="sitemaplink" />
|
<portal:SkinPreview ID="SkinPreview1" runat="server"></portal:SkinPreview>
|
<portal:CopyrightLabel ID="cl1" runat="server" ShowYear="true" BeginYear="2008" />
|
<portal:mojoPortalLink ID="lnkmojoportal" UseImage="false" runat="server" />
|
<portal:XhtmlValidatorLink ID="lnkw3cValidator" UseImage="false" runat="server" Html5="false" />
|
<portal:CssValidatorLink ID="lnkCSSVal1" UseImage="false" runat="server" />
| <a title="Learn about Artisteer" href="http://www.mojoportal.com/creating-skins-from-artisteer-html-templates.aspx">Design generated
by Artisteer</a></p>
</div>
</div>

</div>

Hope it helps,

Joe 

8/18/2010 2:54:25 AM
Gravatar
Total Posts 16

Re: Artisteer 2.5

Hi Joe

 

Thank you !

best regards Peter

8/22/2010 1:50:50 PM
Gravatar
Total Posts 28

Re: Artisteer 2.5

Thank You

Ahmet Toraman

Atisoft Mobil Teknolojileri

8/27/2010 9:56:44 PM
Gravatar
Total Posts 6

Re: Artisteer 2.5

I'm having a lot of troubles with my Artisteer 2.5 skin on latest MojoPortal. I'm using a menu under the header and no vertical menu. Whatever I try, I can't get it to look right :(. I followed all advice on this forum and on the website, but it has no use.

The current version of what I have can be seen at www.hipanv.be. Pay attention to the sidebars and the footer. The articles should have a header layout aswell, but that's simply ignored.

8/28/2010 7:17:56 AM
Gravatar
Total Posts 18439

Re: Artisteer 2.5

Hi,

When I compare your site http://www.hipanv.be/ to your design http://www.hipanv.be/Data/Sites/1/skins/artisteer-fczerkegem_v3/page.html

it looks correct to me except for the header icon in the center column is missing.

The difference is that Artisteer is hard coding an image into the header instead of using CSS

<div class="art-postmetadataheader">
 <h2 class="art-postheader">
 <img src="images/postheadericon.png" width="32" height="32" alt="postheadericon" />
 Welcome
  </h2>
  </div>
 

Why they hard code an img element this way for this design is beyond me, seems like they took the easy way rather than the right way.

mojoPortal does not write some hard coded image into the header so the only way to fix it is to do what Artisteer should have done and add it by CSS instead of hard coded <img element.

Adding something like this in stylemojo.css should do the trick, you may need to tweak the padding

h2.moduletitle { background:url('images/postheadericon.png') no-repeat; background-position:left; padding-left:35px; }
.leftside h2.moduletitle, .rightside h2.moduletitle { background-image: none; }

Hope it helps,

Joe

8/28/2010 7:28:58 AM
Gravatar
Total Posts 6

Re: Artisteer 2.5

Hi Joe,

Thank you for the fast reply.

It looks ok now because I changed the name of the skin folder. Appareantly MojoPortal caches a lot of the skin design or saves parts in the database, I don't know. I just renamed the skin folder and everything looked ok then. The only part that's still wrong is submenus and the globe image in the article headers. I can live with this because I don't have submenus for this site and the globe image can be missed.

It would be great if Artisteer would have an immediate export for MojoPortal, it would make the whole thing even more easy and straightforward like in Joomla (testing this on another site, but prefer MojoPortal till now).

Greetings,

Sigurd

8/28/2010 7:30:28 AM
Gravatar
Total Posts 6

Re: Artisteer 2.5

I forgot to mention, another difference is the sidebars top position. In MojoPortal it seems several pixels lower than the center. Any ideas?

8/28/2010 7:58:22 AM
Gravatar
Total Posts 18439

Re: Artisteer 2.5

Hi,

You can fix the sidebars top position by add this to your style-artisteer-overrides.css

.art-block {margin-top:7px; }

I already explained how to add the header icon in my previous post.

Yes, CSS is cached both on the server and in the browser, while working on a design you should disable the caching as described here:

http://www.mojoportal.com/skinning-overview.aspx

then when you are finished working on the design you should enable it again. It is also a good idea to rename the skin when you have finished making changes because you can't clear the browser cache of your visitors who may have already cached it, by renaming it when you are finished you can be sure all visitors will see the latest version. But if you disable the cache temporarily while working on the design and then clear your own browser cache, then changes you make to css will appear immediately if you refresh the page.

Hope it helps,

Joe

8/28/2010 8:34:38 AM
Gravatar
Total Posts 6

Re: Artisteer 2.5

Stupid me, I never paid attenion to the caching setting.

Thanks a lot!

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