Mambo 4.5.3 Template Contest - Page 2

jomaco1 · #11 04-26-2005, 10:35 AM

Quote:

Originally Posted by rhuk

There's a couple of minor things..

There's a "td.columnpad" class that shows up for colunmns N+1 in multi column blog layout. What this means is that you can put a padding-left:15px or whatever to pad between the mutliple columns. Check out mamboserver.com to see this in action (this is patched version of 4.5.2).

Also, there is the mosLoadModules("position",-3); option. this creates a:

Code:

<div class="module">
   <div>
      <div>
         <div>
            <h3>module title</h3>
            module body
         </div>
      </div>
   </div>
</div>

structure. This allows you to do stretchable rounded corners.. as in mamboserver.com templates. (this was actually in 4.5.2.1 also).

Cheers,

Andy
Mambo Core Developer
http://www.mambodev.com

Well I've been wondering what's up with the "-1", etc. after module names. Can you (or anyone) explain in a little more detail how this works? I would love to see an example of exactly how this can be used in a template to achieve the rounded corner box...or another example. Or, perhaps point me to a template I can study that might make it clear to me. I wants to learn.

august · #12 04-27-2005, 10:38 AM

Another thing worth mentioning:

are there any way to get a hold of the 4.5.3 core files, as e.g. the content.html.php? As many may not know, it is possible to create a "components" folder in the templates root and place e.g a modified content.html.php there that will overwrite the core one.

In many templates this is a very great feature to have - but if the 4.5.3 core is very different from the 4.5.2 core, this is pretty useless...

Any ideas?

august · #13 04-27-2005, 12:53 PM

The -1 removes all moduletables and inserts ONLY the modules content where you place the module load.

For examplel, the user3 position is often used for this, for the topmenu module.

Mambohut · #14 04-28-2005, 12:21 PM

First template has arrived

kovesz · #15 04-28-2005, 07:50 PM

Hi all!

I think that I have no chance to win this competition, but maybe I will try it. I designed 1-2 templates. Do you think that is enough? :P Maybe I'll try to combinate Mambo with flash. What do you think?

dgs · #16 04-28-2005, 10:40 PM

You will never know if you don't try. Build it, and they will come

newart · #17 04-29-2005, 02:57 AM

I repeat the same urgent help posted above by jomaco1:

Can you (or anyone) explain in a little more detail how this works? I would love to see an example of exactly how this can be used in a template to achieve the rounded corner box...or another example. Or, perhaps point me to a template I can study that might make it clear to me.

Anyone?

august · #18 04-29-2005, 06:33 AM

This is the code for mamboserver.com's mainmenu:

PHP Code:


		
			
<div id="right" class="box">

<div class="colorbox">





<div class="module"><div><div><div><h3>Main Menu</h3>



<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr align="left"><td><a href="index.php?option=com_frontpage&amp;Itemid=1" class="mainlevel" id="active_menu">Home</a></td></tr>

<tr align="left"><td><a href="index.php?option=com_content&amp;task=blogcategory&amp;id=60&amp;Itemid=86" class="mainlevel" >Learn More</a></td></tr>

<tr align="left"><td><a href="index.php?option=com_content&amp;task=blogcategory&amp;id=66&amp;Itemid=91" class="mainlevel" >Experience Mambo</a></td></tr>

<tr align="left"><td><a href="index.php?option=com_content&amp;task=view&amp;id=53&amp;Itemid=87" class="mainlevel" >About Us</a></td></tr>

<tr align="left"><td><a href="index.php?option=com_content&amp;task=blogcategory&amp;id=67&amp;Itemid=92" class="mainlevel" >Where to go next</a></td></tr>

<tr align="left"><td><a href="index.php?option=com_content&amp;task=blogcategory&amp;id=68&amp;Itemid=93" class="mainlevel" >Our Awards</a></td></tr>

<tr align="left"><td><a href="index.php?option=com_contact&amp;Itemid=3" class="mainlevel" >Contact Us</a></td></tr>

<tr align="left"><td><a href="index.php?option=com_content&amp;task=view&amp;id=94&amp;Itemid=101" class="mainlevel" >Gallery of Mambo sites</a></td></tr>

<tr align="left"><td><a href="index.php?option=com_content&amp;task=blogcategory&amp;id=45&amp;Itemid=104" class="mainlevel" >Mambo Articles</a></td></tr>

<tr align="left"><td><a href="index.php?option=com_content&amp;task=view&amp;id=106&amp;Itemid=105" class="mainlevel" >Donate</a></td></tr>

</table>



</div></div></div></div>



</div></div>

Here is the CSS:

PHP Code:


		
			
div.box#right div.module {



    margin-bottom: 15px;

}



.box div.module {

  background: url('../images/grey_bottom_left.png') no-repeat bottom left;

  border: 0px solid #cccccc



}



.box div.module div {

  background: url('../images/grey_bottom_right.png') no-repeat bottom right;

    

}



.box div.module div div {

  background: url('../images/grey_top_left.png') no-repeat top left;

}



.box div.module div div div {

    background: url('../images/grey_top_right.png') no-repeat top right;

    width: auto !important;

    width: 100% !important; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:10px

}



.box div.module div div div div {

    background: none;

    padding: 0;

}



div.box#user1 div.module div div div {

  padding: 5px;

}







.greybox div.module div div {

  background: url('../images/default_top_left.png') no-repeat top left;

}



.greybox div.module div div div {

    background: url('../images/default_top_right.png') no-repeat top right;

    width: auto !important;

    width: 100% !important; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:10px

}



.colorbox {

  margin-top: 5px;

}

I'll come back to how the code works later, I donæt have time to explain it now.

But be aware: don't cut and paste this code for your template, look at the code and learn how it works so that you can write it yourself. Otherwise, you cheat

Mambohut · #19 05-02-2005, 11:26 AM

Second template is here and only 6 days left, hurry up, time is running out

MadeMyDay · #20 05-05-2005, 05:41 AM

hi there,

I´m just building a template for this contest but I´m wondering about the "-3" paramter for loading modules. You described that this will create a structure like

HTML Code:

<div class="module">
   <div>
      <div>
         <div>
            <h3>module title</h3>
            module body
         </div>
      </div>
   </div>
</div>

but if I try this with my 4.5.2.1 version, I only get a structure like

HTML Code:

<dl class="module"><dt><p>Main Menu</p></dt>
 <dd><p>
some content
</p></dd>
</dl>

No additional divs?! I hope a developper can answer quick, time´s almost up

Another thing: You talk about modules suffix, but if there isn´t any set in the standard installation (except "-nav" for the top menu) there is no sense in using them for a standard template, or am I wrong?

Greetz mmD

PS: Sorry for crossposting with mamboserver, but there is not much time left...