got it working on my other site. but how do i configure the layout. i like how you have 2 columns. how to i arrange them?



thanks

also, none of the changes i make to spead, transition etc, take effect

Each 'flip' float to the left so you just need to make sure the width of the div is wide enough for them to fit plus there is text or something else making the div strecth to its full width ... Try adding some content to the pre-text box to see what I mean.

Sorry Ive misplaced the link for your demo .. can you post the url again ...



Some of the effects look very similar and it can be worth setting the speed to 3000 or so to get a good idea of the different fx.

the flip is on my site. i cant leave it on since it is a working site.



i am using the flip for my web design portfolio, i have the pict of the template on the first one then the description under. so you mean that the description is pushing them. I saw in the css that there is and "inline" i took that out but that didnt do anything. id like them in 1 or 2 columns.



ill try setting the speed up to see how that works



so the size of the content dictates the layout? thats odd. your examples have larger sizes then mine and on the authors site, he has 2 rows and many columns



thanks<br><br>Post edited by: skytopdesigns, at: 2007/08/11 13:41

No its the width of the tbody class in your template that decides if it stretches to the full width of the template/content area. So if there is content above or below the images then it will generally let the images spread across the full width of the content body.



So in addition to adding content to the module area either in the module backend or in the content item if thats where you are displaying it, you could try mucking around with margins left and right to get the flips to push them onto the next level ...

for the transition effect. i have been playing with it but i still dont see a change.

i have one for a logo on my front page. the settings are:

module Class Suffix

Transition Configuration

--------------------------------------------------------------------------------



The type of transition that shows the effect. Elastic Bounce Quad Back Expo

Do you want the transition to occur at the start or end or both. Ease In Ease Out Ease In and Out

Speed of the transition 5000

Revert Time 500

Cleanup time 500


www.skytopdesigns.com look on the left and youll see &quot;latest logo&quot; look at the transition compared to the setiings and let me know .



also, i am using this for site showcase. how do i make the link so the site opens up in a new page



thanks<br><br>Post edited by: skytopdesigns, at: 2007/08/12 02:24

Here are the settings that I have the module on my page so test this out and see if it makes a difference:

Code:

Transition: Back TIMEOUT = 2000; CLEANUP = 4000; SPEED = 400;

From the looks of your source it should be working ...

i put your settings on latest site, and left the settings on latest logo, i dont see a difference.

Ive just had a closer look at your source and the script references are actually before the start of the head tags ... you need to move them to after the start and before the end of the head tags.

oh, duh, LOL



moved them but i still dont see a difference. i must be missing something simple. i am usually doing this when i am dead tired LOL

Ok so try and put the flippymoo.js reference after all of the other js script references and if that doesnt fix it try disabling the other js scripts starting with the ja.script.js



...

moved the flippyMoo js. that didnt work. ill try disableing the others. thanks alot so far.

I just checked your source again and it shows flippymoo.js before all of the other js files ...



It might be my cache ... but try putting it right before the &lt;/head&gt; tag ...

Code:

<script src="http://www.skytopdesigns.com/modules/moo_flip/flippyMOO.v1.js" type="text/javascript" charset="utf-8" ></script>

here is what i have



&lt;script src=&quot;&lt;?php echo $mosConfig_live_site;?&gt;/modules/moo_flip/mootools.v1.11.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; &gt;&lt;/script&gt;

&lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;@import &quot;&lt;?php echo $mosConfig_live_site; ?&gt;/modules/moo_flip/flippy.css&quot;;&gt;&lt;/style&gt;

&lt;script src=&quot;&lt;?php echo $mosConfig_live_site;?&gt;/modules/moo_flip/flippyMOO.v1.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; &gt;&lt;/script&gt;



&lt;/head&gt;

Change all of the script reference links to this:

Code:

<link href="http://www.skytopdesigns.com/templates/ja_villadi/css/template_css.css" rel="stylesheet" type="text/css" /> <link href="http://www.skytopdesigns.com/templates/ja_villadi/css/colors/default.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="http://www.skytopdesigns.com/modules/ja_news/ja-news.css" /> <script language="javascript" type="text/javascript" src="http://www.skytopdesigns.com/templates/ja_villadi/scripts/ja.script.js"></script> <script language="javascript" type="text/javascript" src="http://www.skytopdesigns.com/templates/ja_villadi/scripts/opacity.js"></script> <script language="javascript" type="text/javascript" src="http://www.skytopdesigns.com/templates/ja_villadi/scripts/reflection.js"></script> <link href="http://www.skytopdesigns.com/templates/ja_villadi/ja_cssmenu/ja-sosdmenu.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript" src="http://www.skytopdesigns.com/templates/ja_villadi/ja_cssmenu/ja.cssmenu.js"></script> <script src="http://www.skytopdesigns.com/modules/moo_flip/mootools.v1.11.js" type="text/javascript" charset="utf-8" ></script> <style type="text/css" media="screen">@import "http://www.skytopdesigns.com/modules/moo_flip/flippy.css";></style> <script src="http://www.skytopdesigns.com/modules/moo_flip/flippyMOO.v1.js" type="text/javascript" charset="utf-8" ></script>

okay, but i still dont see a change in the flipping <br><br>Post edited by: skytopdesigns, at: 2007/08/12 13:23

Did you try removing this reference?

Code:

<script language="javascript" type="text/javascript" src="http://www.skytopdesigns.com/templates/ja_villadi/scripts/ja.script.js"></script>

nope, that didnt work either

Well thats totally got me stumped because you are still getting the div to slide ... Im about to head off to bed but would be happy to take a look via ftp if you like - I know this is a live site though.

im stumped too. have a good night.