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 18444

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 18444

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 18444

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 18444

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!

10/31/2010 6:13:56 AM
Gravatar
Total Posts 6

Re: Artisteer 2.5

Hey Joe,

Any preparations for Artisteer 3 (currently in beta)? They've added dynamic width to their templates. It would be nice to have this working in MojoPortal too.

Greetings,

Sigurd

10/31/2010 6:43:54 AM
Gravatar
Total Posts 18444

Re: Artisteer 2.5

Hi Sigurd,

I don't plan on working on it while it is in beta because things may change, but as soon as the final release is ready it will be a high priority.

Best,

Joe

12/23/2010 2:45:58 PM
Gravatar
Total Posts 9

Re: Artisteer 2.5

Has anyone tryed Artisteer 3 ?

12/24/2010 5:53:23 PM
Gravatar
Total Posts 1188
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Artisteer 2.5

Artisteer 3 just went into public beta on December 22. Feel free to give it a whirl, but be aware that it will most definitely not work with mojoPortal "out of the box". Once the final version is out, Joe will be on it to make the necessary changes in mojoPortal to support it.

1/12/2011 6:31:36 AM
Gravatar
Total Posts 7

Re: Artisteer 2.5

Just i want to say Thanks a lot Joe...

2/9/2011 9:46:02 AM
Gravatar
Total Posts 147
Download Free Mojo Skins http://crypticsites.net

Re: Artisteer 2.5 (and 3.x)

I just re-upped with Artisteer, and got hold of their latest (Dec 30) beta of 3.x.  It's a bit of a learning curve for me; I didn't re-up last year so I'm going directly from 2.4.x to 3.x; I did get their latest version of 2.5 and their RC of 2.6, and apparently a couple of things changed (like that postheadericon thing), but the interface itself is also very different in 3.x.  I'll figure it out, and then see about adapting an artisteer 3.x template to a Mojo skin.  I'll post whatever I figure out, here in this forum.

I agree, it would be extremely sweet to have a direct-export to Mojo in Artisteer, and since they already do visual studio templates and DNN skins, I can't see where it would be that difficult for them to add Mojo, the page structure is really not that different from any of the major CSS-based CMS thingies -- and if I have anything to say about it (in Digg, StumbleUpon, my Facebook pages, and most of my websites), Mojo will soon overtake them all and become King of the Internet.  wink  So they oughta get with the program.  cheeky

It also occurs to me to wonder if it wouldn't be a good idea to have a forum specifically for Mojo skins created with Artisteer.  My recent adventures in adapting the 5-content-panes skin have reminded me that there are in fact other ways of making Mojo skins than with Artisteer, and those who create them "from scratch," as it were, or adapt CSS or other-CMS templates to Mojo might get a bit tired of all the Artisteer-yakking.  Just a thought.

Andria

2/11/2011 10:01:32 AM
Gravatar
Total Posts 147
Download Free Mojo Skins http://crypticsites.net

Re: Artisteer 3.0

Aarghh.  Artisteer 3.0 is a blast, it does so many new things, but I have to say, it's a real bear to convert their new styles to Mojo.  I created a new design which followed the scheme of artisteer-30headermenu -- horiz menu under header, no vert menu -- but there are so many more divs involved here, I can't straighten out all the closing divs -- since I'm having to go by the new-page.html to figure out the actual structure of the page I created, and Mojo fills in a lot of the divs and /divs in its controls and panels.  So I think I'm going to have to create Mojo skins using Artisteer 2.5/2.6 for a while yet.

It's also hard since 3.0 is still a beta and there are no docs for it.  I know docs aren't popular these days, everyone wants a freaking VIDEO, aarghhh, but some of us do know how to read and how to learn from what we read, and videos just don't cut it -- but there isn't even a lame video for Artisteer 3.0 yet.

I sent them some feedback yesterday regarding a small problem with the arrow buttons on some of the sliders (incrementing by 10 instead of by 1), and I took the opportunity to inform them that Mojo is the best CMS that ever was or will be (since it has no unwieldy back-end!), and that they should include exporting direct to Mojo among their ASP.NET options.  They're usually pretty responsive to any and all feedback (couldn't believe some clown in their forum calling them "arrogant and high-handed") so maybe they'll take the hint and include Mojo exports.  Wouldn't THAT be swell?!?!

So, back to Artisteer 2.5 or 2.6 or whatever it is.  For now.  wink

Andria

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