Joomla Templates Club 406,261 posts

[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#118923

I really like Spica’s look, and I’ve been experimenting with the template. I added a module position (I called it user5) in the main content area. Seems to work well. But, if I wanted to add another module so that there were two modules, side by side in the main content area- how would I do this?

Can you suggest some clean CSS to accomplish this? I would set it up so that each module as either about 50% the width of the content area or so that one was 2/3 and the other was 1/3 the width. Perhaps I’d allow for a little space between them.

I suppose I would create divisions in the index file and then define the parameters for those divisions in the css, but I am not a programmer and was wondering if Joomlart could help make some suggestions.

Thanks!

[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#214921

Can the good folks at Joomlart help me out with this one? 🙂

[Michael Casha Friend Michael CashaJoin date: September 2014Posts: 2561Downloads:1Uploads:32 Thanks: 41 Thanked: 119 times in 1 posts]

#215749

Edit the index.php and insert this code where you want the modules:

<div id=”body”>
<div id=”user5″><?php mosLoadModules ( ‘user5’ ); ?></div>
<div id=”user6″><?php mosLoadModules ( ‘user6’ ); ?></div>
</div>

You then need to add the following in the CSS (template.css):

#user5 {
width:50%x;
float:left;
margin:0;
}
#user5 {
width:50%x;
float:right;
margin:0;
}

I haven’t tried this, so I’m hoping darn hard it’ll work.

[ErikThorsen Friend ErikThorsenJoin date: December 2005Posts: 1098Downloads:0Uploads:7 Thanks: 22 Thanked: 10 times in 1 posts]

#215751

Well MiCCAS, you would have to have #USER5 and #USER6 and not #USER5 and #USER5. 🙂

But that is a minor details as most likely jbrowdy also noticed this. 🙂

#user5 {
width:50%x;
float:left;
margin:0;
}
#user6 {
width:50%x;
float:right;
margin:0;
}

[Author]

Posts