Artisteer Add Ons? How to Create Multi Columns


Author Message
Benjamin

Posted: 12/19/2010
Quote message 

I'm looking to create an artisteer theme something similar to the following:
http://www.studiopress.com/themes/allure
Is this possible?
Is there any add on to artisteer I can use that can add multi columns to artisteer themes?
Thanks in advance
 
Sarah

Posted: 12/20/2010
Quote message 

I'm a little confused by your question. The link you gave could easily be an Artisteer generated theme. Artisteer allows you to make 1, 2, or 3 column layouts, and it automatically exports a single column page template as an option along with whatever other multi column template you create.

The only part of the layout you gave as an example that could not be designed directly within Artisteer are the little social icons, but those can be added to an exported theme easily enough with some simple code.

So, to answer your question, you don't need an add on to create a 1-3 column layout.
 
Ted M

Posted: 1/1/2011
Quote message 

Hi Sarah,

I think Benjamin's question is a good one. It sounds the approach to accomplishing what he wants is obvious to you. Can you explain how Benjamin's example can be done in Artisteer.

It looks like there is a header (ok, seems easy enough), a horizontal menu (ok), a column on the right (ok), and on the left, an article header (pic)?, with two columns below?. How can there be multiple columns below that left hand article header?

Thanks,

Ted
 
Sarah

Posted: 1/1/2011
Quote message 

I thought he was referring specifically to the page that the article takes you to. That's just a simple two column page, so hence my confusion. A good thread on how to create multiple page templates for your theme is here http://www.artisteer.com/Default.aspx?post_id=149606&p=forum_post

However, what you are referring to (and I'm assuming he was as well) is their home page where they have multiple modules used. You can't create anything like that out of the box of Artisteer. The only thing you could do that would be close without a TON of code tweaking would be to use a two column page template, and make the top widget area span the entire page (use text widgets above the main content to add sliders, images, etc.). You could put the Smooth Slider plugin in your code loop above the main content of your sheet which would also have a similar effect.

The whole set up of that home page is totally different than what Artisteer puts out for you on its own. Sorry to get anyone's hopes up on that. :( I'd check around though online for more tweaks. I know there are some threads on how to make an Artisteer generated theme magazine style which would be similar as well.
 
zamir

Posted: 1/26/2012
Quote message 

i want to add multi articals on on page with 3 rows 3 columns artical
please tell me how can i do this wid artisteer 3.
Regards
 
Gina

Posted: 1/26/2012
Quote message 

Hi Zamir,

This is not possible in Artisteer itself. You would need to use plug-ins or adjust the code.
 
Alex

Posted: 3/19/2013
Quote message 

Quote Gina:

Hi Zamir,

This is not possible in Artisteer itself. You would need to use plug-ins or adjust the code.


For a quick solution for a few pages or post you can use this:

Please add To your posting or page:

<div class="grid one-half">first half</div>
<div class="grid one-half last">second half</div>
<div class="clear"></div>

Add to your style.css

.grid {
margin-right: 2.1%;
float: left;
display: inline;
position: relative;
}
.one-half {
width: 48.4%;
}
.last {
clear: right;
margin-right: 0!important;
}

@media all and (max-width: 480px)
{
.grid {
width: 100%;
margin: 0 0 20px;
}
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
} .grid {
margin-right: 2.1%;
float: left;
display: inline;
position: relative;
}
.one-half {
width: 48.4%;
}
.last {
clear: right;
margin-right: 0!important;
}

@media all and (max-width: 480px)
{
.grid {
width: 100%;
margin: 0 0 20px;
}
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

 
Alex

Posted: 3/19/2013
Quote message 

css posted twice sorry

.grid {
margin-right: 2.1%;
float: left;
display: inline;
position: relative;
}
.one-half {
width: 48.4%;
}
.last {
clear: right;
margin-right: 0!important;
}

@media all and (max-width: 480px)
{
.grid {
width: 100%;
margin: 0 0 20px;
}
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}