How can I ajust the width and height?

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.

9/21/2011 9:02:01 AM

lnqlnq

Total Posts 23

View Posts

How can I ajust the width and height?

Hi,Joe,

Can you help me make my website more beautiful. Now I am using the skin of Artisteer-30FlashClouds with the latest version of Morjoportal. But the top for the log and moving clouds is too high. How can I adjust the height of moving clouds because it is taking too much space.

and I also want to put the left side and right side to show some picture or put some text. and put the customer module in the middle. How can I adjust the width for the left side and right side.?

Scott Liu

9/21/2011 10:45:38 AM

Rick Hubka

Total Posts 245

View Posts

Re: How can I ajust the width and height?

Hi Scott

Here's a fix for the left and right sides.
In your sites folder Data\Sites\1\skins\Artisteer-30FlashClouds
there is a file called style.css
at the bottom of this file in the last 35 lines you will see this twice.
width: 25%;
change them both to:
width: 30%; (or whatever)

When I view the skins on my sites with that skin the top header section in not blocking the mojo sign in menu (if that is what you meant) so I can't help you there. However if you have Artisteer 3.0, Joe provides the artisteer files in a ArtisteerFiles.zip at the bottom of this link.

Rick Hubka

9/21/2011 9:02:37 PM

lnqlnq

Total Posts 23

View Posts

Re: How can I ajust the width and height?

Hi,Rick,

Thank your guide to change the width.

But it work only for left side according to your guide. How can I also adjust the right side. I want to leave more space for the middle which I put my module at the middle.

I also don't how to adjust the div height for the log area because it is too high. I try cut the Header.jpg or Header.png and make it thin. But it looks like the same.

I thank your help.

Scott Liu

9/22/2011 9:04:39 AM

lnqlnq

Total Posts 23

View Posts

Re: How can I ajust the width and height?

Hi,Rick,

I want to adjust the height of header and the width of the right side and left side.

Thanks a lot

Scott

9/22/2011 9:05:43 AM

Rick Hubka

Total Posts 245

View Posts

Re: How can I ajust the width and height?

Hi Scott

I just tested it. Changing both left and right column widths works.
Maybe you only adjusted one?
I'll be more precise...
In that styles.css near line 2010 there is a section called .art-content-layout .art-sidebar1
and around line 2039 there is a section called .art-content-layout .art-sidebar2
You need to change the width % from 25% to 30% in BOTH sections.
It worked for me using a 3 column layout.

Sorry. What is a "log area"? I don't know what you mean Scott?

BTW. The header in this skin is a flash movie file. I believe it's the only skin that comes with mojoPortal that has flash in it.

Rick Hubka

9/22/2011 1:49:14 PM

Rick Hubka

Total Posts 245

View Posts

Re: How can I ajust the width and height?

Hi Scott

The header image is a flash file in this skin. In order for it to stay proportional it should be regenerated with Artisteer. This flash image sits in an area defined many settings in the skins css files. If you change the flash size and header height and width then dozens of css settings will have to be changed to make this work with your changes.

I am not a css expert. If I were doing the changes you want, I would take Joe's artisteer skin artx files from here.

Then I would open that cloud artx file in Artisteer and make all my changes (including left and right columns) and re-export the skin as HTML. Artisteer will make all of the probably 50 changes in 1 second with zero mistakes.

Hope this helps.

Rick Hubka

9/23/2011 9:51:56 AM

lnqlnq

Total Posts 23

View Posts

Re: How can I ajust the width and height?

Hi,Rick,

I understand your meaning. I have made a test to try to create a new skin. But I failed

Step 1, download the artisteer skin templates ,http://mojoportal.codeplex.com/releases/view/69898#DownloadId=258267 and I got the ArtisteerFiles.zip and the file has a lot of project including artisteer30-flashclouds.artx

Step 2,download artisteer and install,http://www.artisteer.com/?p=downloads

Step 3, run artisteer and open the project of artisteer30-flashclouds.artx , I can I modify the height and the width of the right side and left side. Then I export as html and create a folder named artisteer-mymovingclouds in Mojoportal project /data/site/1/skin and put the exported file into the folder(I found the exported files from Artisteer3.o are less than the files released by Mojoportal package)

Step 4, I go back Mojoportal administrator of my website and set the skin--artisteer-mymovingclouds. But I found it cant work. It seems that there is not any CSS file.

What should I do now?

Thanks Rick

Scott Liu

9/23/2011 10:58:01 AM

Rick Hubka

Total Posts 245

View Posts

Re: How can I ajust the width and height?

Hi Scott

mojoPortal is compatible with Artisteer skins but there is no automatic process in place.

Here is a < link > to the portion of the mojoPortal help files that tells you how to convert an Artisteer 3.0 skin into a mojoPortal skin. Give it a try and let me know how it goes.

WARNING!!!
The current version of mojoPortal is only compatible with Artisteer 3.0, NOT 3.1 beta.
On the artisteer Website in the news section scroll down to June 2, 2011 and download
Artisteer 3.0 for Windows (3.0.0.39952)

Uninstall V 3.1 before you install 3.0 they don't play well together.
Open your artx file in V3.0. save it and export it again as HTML.

I must apologize, I should have told you this before.

IF things don't work in the end you can send me your artx file (rick@hubka<DOT>com) and I'll do it for you. But please give it a good effort first.

Rick Hubka

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