Lost with Artisteer created skin

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.
12/1/2011 9:36:28 PM
Gravatar
Total Posts 1

Lost with Artisteer created skin

I have received a 2 column design from our designer using Atisteer 3.1 (http://www.davidjwhite.net/dtodd/index.html). Every thread seems to say just match div tags and away you go. My experience isn't even close. I can get the header to match but then after that things fall apart (http://www.davidjwhite.net/dtodd/close.png). 

As a baseline I have excellent HTML but moderate CSS skills. I am more of a server developer. I am just looking for a steer not for anyone to solve it for me. Any help would be appreciated

12/2/2011 10:52:17 PM
Gravatar
Total Posts 81
Website Hobbyist and Software Engineer
Proud member of the mojoPortal team
www.doan.me

Re: Lost with Artisteer created skin

I would say start with the documentation at: http://www.mojoportal.com/creating-skins-from-artisteer-html-templates.aspx but if you have made it this far you probably already have.

I have only done a couple of skins from an Artisteer template, but a couple of things that jump out at me that may be affecting your skin and may help to fix it.

I believe you need to account for a 3 column design not just 2.

What I do otherwise is do a View Source in the browser on my mojoPortal page with the skin applied and kind of do a line by line comparison to make sure the div structures match what is in the Artisteer html file. This can help you figure out where the discrepancies may reside. Note that some of the Artisteer div markup is rendered by some of the mojoPortal controls (prefixed with portal: i.e. the portal:SiteMenu control) so not all of the Artisteer markup will reside in the layout.master file of your skin.

Like I said, I am kind of new to the skinning, but that is the process I have taken to this point to get skins to format correctly using an Artisteer template.

Hope it helps.

12/5/2011 10:25:32 AM
Gravatar
Total Posts 1203
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Lost with Artisteer created skin

I believe you need to use Artisteer 3.0. mojoPortal hasn't been updated to work with Artisteer 3.1 yet, as far as I know.

Jamie

12/5/2011 10:37:08 AM
Gravatar
Total Posts 1203
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Lost with Artisteer created skin

Hi Joe, I just looked at their site, and Artisteer 3.1 was officially released on November 30. So I think it should be safe to work on mojoPortal integration as your time allows.

Jamie

2/19/2012 9:25:36 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

Can mojoPortal CMS sites be styled easily WITHOUT using Artisteer then?

2/19/2012 9:31:56 PM
Gravatar
Total Posts 81
Website Hobbyist and Software Engineer
Proud member of the mojoPortal team
www.doan.me

Re: Lost with Artisteer created skin

"Easily" is a matter of opinion. I would say if you have knowledge and experience in website design and css then it is not difficult. You can check out all of the documentation for Design and Skinning and make your decision from that.

2/19/2012 10:20:00 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

Thanks Kerry - I was looking for some sort of step by step skinning guide using Artisteer I guess, since I am under a time crunch, but the only instructions I can find leave a lot up in the air as to what to do and how to accomplish it.  I downloaded a trial version of Artisteer and tried to do some very simple designing, but I have no idea how to implement this or what files to copy where... I just don't see those instructions anywhere...

2/19/2012 10:34:57 PM
Gravatar
Total Posts 81
Website Hobbyist and Software Engineer
Proud member of the mojoPortal team
www.doan.me

Re: Lost with Artisteer created skin

Did you read the Creating skins from Artisteer html templates page? That is the page I used to learn how to do it.

Side note: With the trial version of Artisteer you will get water marks on your export's images, so you would have to purchase Artisteer to not have the watermarks on your final product.

2/20/2012 12:09:42 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

I can't even figure out where in the application to find what trial version of Artisteer I'm using... it's not like there's an "About", or "Options", or "Help" menu items available...  As I downloaded and installed a file called "Artisteer.3.1.0.48375.exe", I would have to assume that I am now running version 3.1, although the title bar just says "Untitled - Artisteer 3 Standard Edition (Trial)".

 

I also can't even figure out what template or file I started from now...

2/20/2012 12:13:00 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

I'm looking for specific instructions that would tell someone what to do with the files after you export them them from Artisteer...

After I modify the design in Artisteer, I export, publish to local/ftp, using template: HTML, then I get a file full of stuff that I have no idea what to do with or where to try to move it in order to see the design I was just working on

2/20/2012 12:42:58 PM
Gravatar
Total Posts 18439

Re: Lost with Artisteer created skin

There are detailed instructions in the article Creating mojoPortal Skins from Artisteer HTML templates.

However, I don't think you'll be able to produce a useable skin with a trial version. I'm not even sure if you can export files from a trial version but if you can it will have watermarks on all the images.

I'm pretty sure the version info is under File > About Artisteer

"Untitled" is just the name of the file you're working with, you can name it when you save it, if the trial version allows saving.

Hope that helps,

Joe

2/20/2012 1:14:25 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

Perhaps you can point me to the part of this page that has the "detailed instructions" on it?

I am exporting from Artisteer, getting a directory full of stuff that I am then copying over to the skins subdirectory, then selecting that style from within the Admin of mojoPortal and I get absolute garbage that doesn't work at all.

2/20/2012 1:40:14 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

And apparently you can't even open up the supplied templates with Artisteer because there is no .artx file?

2/20/2012 1:45:49 PM
Gravatar
Total Posts 18439

Re: Lost with Artisteer created skin

Well it seems pretty detailed to me. I might be willing to help you further except that I already don't like your tone towards me and I saw the other thread you got a lot of help and try to blame mojoPortal for your frustration. 

Any help you receive here is voluntary and I suggest if you want people to want to invest their own free time to help you, you should not try to pass your stress on to us.

This is a free product and we provide a lot of good support but there is indeed a good deal to know in order to manage web sites and web servers and do web design. Technology is often frustrating when we don't know how it works or what to do, you should expect frustration as we've all had our share, often there are things that seem so hard until you know how to do them and then it seems easy.

You said previously on this thread:

So apparently one must also be a server administrator or have that experience to be able to use this CMS product...?

The answer is in fact yes to run web sites and webservers you do need to be a system admin to at least some degree, that is true for any web site software. There is a lot to it, we try to make it easy as we can but it does require some knowledge of how the web works and how web server work to manage web sites and web servers. Bottom line if you choose another CMS that is ok with me, I don't claim mojoPortal to be the solution for every web site or every project.

I felt a need to give this warning because you've already raised my stress level unneccesarily. Now if you want to back up and take a more friendly tone and start over I may be willing to help you further.

First things I would want to know is:

1. What version of mojoPortal are you using. Look under Administration > System Information

2. What version of  .NET framework 3.5 or 4.0?

3. Hosted in Medium Trust hosting or not?

4. Included Artisteer skins work ok or not?

2/20/2012 1:48:31 PM
Gravatar
Total Posts 18439

Re: Lost with Artisteer created skin

We have a separate download on our codeplex download page with the .artx files

Again with the tone I don't appreciate, you are making me not want to help you.

2/20/2012 1:49:15 PM
Gravatar
Total Posts 2253

Re: Lost with Artisteer created skin

You can download the .artx files from the download page on codeplex. The file is named ArtisteerFiles.zip.

2/20/2012 2:30:28 PM
Gravatar
Total Posts 383
Thanks Squire Dude

Re: Lost with Artisteer created skin

Hi Joe,

I just had to chime in my two cents worth...

I have been using mojoPortla for about a year now and at first I could not get my head around it at all.  But with some excellent help and patience from Joe and others here I now have 4 web sites up and very happily running on mojoPortal.

I can sympathizze with your frustration, as Joe noted we all went through it at first.  So mellow out take a deep breath and come back nice and cool and joe and the rest of teh cang here will take you very slowly through every step and taks you need and get you there.

And please when you are done buy them a couple of beers.  Remember all the support they give you here is FREE.

Thanks to everyone here for their patience and continued suppot and upgrades to the best(for me) web software I have found.

Thanks everyone
Phill

2/20/2012 2:30:38 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

There are certainly a number of positive comments regarding the mojoPortal CMS out there on the web and I would like to count myself among those finding success in utilizing this particular product, so I appreciate the ongoing assistance.

 

Currently, I have the following system information related to this mojoPortal installation:

mojoPortal Version 2.3.8.1 MSSQL

Operating System Microsoft Windows NT 6.1.7601 Service Pack 1

ASP.NET Info v4.0.30319 Running in Full Trust

 

It would appear that the main limitations of the trial version of Artisteer is that one cannot save an .artx file, and that there are artificial watermarks added to the design.  The main issue I am running into, and the information that seems to evade me, is where to move the files exported out of Artisteer to... If I move them to a subdirectory such as Z:\Data\Sites\1\skins\untitled then change the style within mojoPortal to use the "untitled" style, nothing seems to work in regard to styling the CMS site. 



2/20/2012 2:32:28 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

And thanks for your patience and Phil for the .02...

2/20/2012 2:43:50 PM
Gravatar
Total Posts 18439

Re: Lost with Artisteer created skin

Ok, rather than answer here, I've updated the article, with some steps at the bottom that I hope will make it more clear.

2/21/2012 1:23:14 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

I believe that the portion that was a bit unclear was in exactly what files were needed in getting a new skin to function properly.  I was moving the exported files from Artisteer over to my server, placing them under the skins directory, then selecting that as the style to use for mojoPortal.  This resulted in a non functional style.  After working with this a bit now, comparing file contents between skin directories and reviewing information posted here, I think one of the more important pieces of information in regard to creating a new skin style is the advice to copy an existing skin first and use that as the directory/container for any files exported from Artisteer.  The non functional style (and associated directory) that I was trying to work with previously, did not have the files needed by mojoPortal it would seem, as indicated by another piece of information included in the instructions...  "The part of the Html export from Artisteer used in mojoPortal consists only of the CSS files, javascript and images." 

So, is there a list available of the base files that are required by mojoPortal, within a skins subdirectory, in order to operate properly?

Thanks again

2/21/2012 3:03:26 PM
Gravatar
Total Posts 1203
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Lost with Artisteer created skin

As Joe said yesterday, he updated Creating Skins from Artisteer HTML templates to include the step you need. You must first look at the matrix on that page and identify which delivered skin matches the layout of your Artisteer design. Then you copy the contents of that skin folder into a new skin folder under your site. Finally, you export your Artisteer design as HTML, and copy the exported files over the top of that new skin folder.

Example:

  1. I create an Artisteer 3.1 layout called MyDesign.artx, with header inside sheet, menu inside sheet above header, and footer inside sheet.
  2. I look at the matrix in the article and see that I need to start with either artisteer31-blackngreen or artisteer31-verticalmenu2 as my base skin.
  3. I create the folder \Data\sites\1\skins\MyDesign, and copy the complete contents of \Data\skins\artisteer31-blackngreen to that new folder.
  4. Within Artisteer, I export MyDesign.artx as HTML, and copy all of the resulting files and folders to \Data\sites\1\skins\MyDesign, overwriting any files that have the same name.
  5. I launch my site and change the skin to MyDesign. Hopefully everything will look good. If not, some CSS adjustments may need to be made.

Jamie

2/22/2012 12:45:56 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

What is meant by "inside" and "outside sheet"?

2/22/2012 1:15:08 PM
Gravatar
Total Posts 1203
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Lost with Artisteer created skin

In Artisteer, on the Header, Menu, and Footer tabs, there is a toolbar option for Position (on the Footer tab it's labeled Length and Position). When you select that, you can choose how the header/menu/footer is positioned within in your design. What you have selected in those three places is what will determine which of the delivered Artisteer layouts you should overwrite with your exported design.

Jamie

2/22/2012 2:41:28 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

great!  thanks again for all of the information! : )

2/22/2012 3:46:39 PM
Gravatar
Total Posts 104

Re: Lost with Artisteer created skin

ah... this is starting to come together a bit more now... :D  thanks Joe and Jamie!

2/23/2012 5:59:34 AM
Gravatar
Total Posts 18439

Re: Lost with Artisteer created skin

Glad to hear it!

Many thanks for the beers!

Cheers,

Joe

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