A couple of questions on Magazine Flow - Themes by bavotasan.com

<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-ca"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://themes.bavotasan.com:80/support/discussion/79/a-couple-of-questions-on-magazine-flow","20101127003248","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1290817968"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <title>A couple of questions on Magazine Flow - Themes by bavotasan.com - Support Forum</title> <link rel="stylesheet" type="text/css" href="/web/20101127003248cs_/http://themes.bavotasan.com/support/applications/dashboard/design/style.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101127003248cs_/http://themes.bavotasan.com/support/plugins/Tagging/design/tag.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101127003248cs_/http://themes.bavotasan.com/support/plugins/Example/design/example.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101127003248cs_/http://themes.bavotasan.com/support/plugins/GeSHiSyntaxHighlighter/styles.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101127003248cs_/http://themes.bavotasan.com/support/themes/bavotasan/design/custom.css?v=2.0.13" media="screen"/> <link rel="shortcut icon" href="/web/20101127003248im_/http://themes.bavotasan.com/support/themes/bavotasan/design/favicon.png" type="image/x-icon"/> <link rel="canonical" href="https://web.archive.org/web/20101127003248/http://themes.bavotasan.com/support/discussion/79/a-couple-of-questions-on-magazine-flow/p1"/> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/js/library/jquery.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/js/library/jquery.livequery.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/js/library/jquery.form.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/js/library/jquery.popup.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/js/library/jquery.gardenhandleajaxform.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/js/global.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/js/library/jquery.resizable.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/js/library/jquery.ui.packed.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/js/library/jquery.autogrow.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/applications/vanilla/js/options.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/applications/vanilla/js/bookmark.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/applications/vanilla/js/discussion.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/applications/vanilla/js/autosave.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101127003248js_/http://themes.bavotasan.com/support/plugins/Example/js/example.js?v=2.0.13" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function(){ var shrink = jQuery(".geshi_syntax").width(); jQuery(".geshi_syntax").hover(function() { var expand = jQuery("table", this).width(); if (expand > shrink) { jQuery(this) .stop(true, false) .css({ zIndex: "100", position: "relative" }) .animate({ width: expand + "px" }); } }, function() { jQuery(this) .stop(true, false) .animate({ width: shrink + "px" }); }); }); </script> <script type="text/javascript" src="https://web.archive.org/web/20101127003248js_/http://support.bavotasan.com/swfobject.js"></script> <link href="https://web.archive.org/web/20101127003248cs_/http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT&subset=latin" rel="stylesheet" type="text/css"/>  </head> <body id="vanilla_discussion_index" class="Vanilla Discussion Index "> <div id="Frame"> <div id="header" class="fl"> <a href="https://web.archive.org/web/20101127003248/http://themes.bavotasan.com/" id="name" class="fl"><span class="icon-sprites icon-logo"></span></a> <div id="hd-right" class="fr"> <div class="signin fr"> <a href="https://web.archive.org/web/20101127003248/http://themes.bavotasan.com/themers/?redirect=support" class="signin-button">Sign In</a> </div> <a href="https://web.archive.org/web/20101127003248/http://bavotasan.com/feed/" class="icon-sprites icon-rss fr"></a> <a href="https://web.archive.org/web/20101127003248/http://twitter.com/bavotasan" class="icon-sprites icon-twitter fr"></a> <span class="icon-sprites icon-followme"></span> </div> </div>  <div id="main-navigation" class="clear fl"> <ul id="menu-main" class="fl"> <li id="menu-item-372" class="menu-item menu-item-type-custom menu-item-372"><a href="https://web.archive.org/web/20101127003248/http://themes.bavotasan.com/">Home</a></li> <li><a href="https://web.archive.org/web/20101127003248/http://themes.bavotasan.com/category/our-themes/">Our Themes</a></li> <li><a href="https://web.archive.org/web/20101127003248/http://demos.bavotasan.com/">Demos</a></li> <li><a href="https://web.archive.org/web/20101127003248/http://bavotasan.com/">Blog</a></li> <li><a href="https://web.archive.org/web/20101127003248/http://themes.bavotasan.com/themers/">Themers Only</a></li> <li><a href="https://web.archive.org/web/20101127003248/http://themes.bavotasan.com/support/">Support</a></li> <li><a href="https://web.archive.org/web/20101127003248/http://themes.bavotasan.com/contact/">Contact</a></li> </ul> <div class="searchform"> <form method="get" action="/web/20101127003248/http://themes.bavotasan.com/support/search"> <div> <input type="text" id="Form_Search" name="Search" value="" class="InputBox"/></div> </form> </div> </div> <div id="Body"> <div id="Content"><div class="Tabs HeadingTabs DiscussionTabs"> <ul> <li><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/magazine-flow">Magazine Flow</a></li> </ul> <div class="SubTab">A couple of questions on Magazine Flow</div> </div> <ul class="MessageList Discussion"> <li class="Item Comment FirstComment" id="Discussion_79"> <div class="Comment"> <div class="Meta"> <span class="Author"> <a href="/web/20101127003248/http://themes.bavotasan.com/support/profile/92/hkanmitts"><img src="https://web.archive.org/web/20101127003248im_/http://www.gravatar.com/avatar.php?gravatar_id=75b0c89dec8222b368da7f8ab14d2454&default=http%3A%2F%2Fthemes.bavotasan.com%2Fsupport%2Fplugins%2FGravatar%2Fdefault.gif&size=60" alt="hkanmitts"/></a><a href="/web/20101127003248/http://themes.bavotasan.com/support/profile/92/hkanmitts">hkanmitts</a> </span> <span class="DateCreated"> November 22 </span> <span class="Permalink"> <a href="/web/20101127003248/http://themes.bavotasan.com/support/discussion/79/a-couple-of-questions-on-magazine-flow/p1" class="Permalink" name="Item_1" rel="nofollow">Permalink</a> </span> <div class="CommentInfo"> </div> </div> <div class="Message"> <p>I'm looking into setting up another blog. Flow seems to be a very nice and novel fit for what I think is needed. However I have some trouble trying to understand how the front page would behave on a timeline.<br/><br/>My simple thinking is this: Each post would have a photograph at the top. Fresh posts would be 2 columns, and hence also have big, 2 column images, to show prominently. Say I would have 3 such recent items. Now when I add a new item, it would be nice if the previously 3rd, now 4th (cronologically) item would "shrink" to (automatically, if possible) become just one column, both image and the post itself.<br/><br/>1) Would this kind of behaviour be possible either automatically or with some very simple editing of (older) posts?<br/><br/>2) Could one somehow fix the location of the most recent post? E.g. so that it would always be smack center on the screen or something like that?<br/><br/>3) I saw that Masonry supported a concept called Limitless scroll. Would this apply to the theme front page in some way or would the length of the theme front page be fixed?<br/><br/>As Flow is such a novel concept, I think it would be quite helpful if you could make a video that shows how the theme is managed, especially taking the time dimension and how the front page "evolves" into consideration.<br/><br/>ps: seems the problem I have with Flow not behaving well with IE9 beta is due to Masonry, not the theme. The Masonry pages did not work either.</p> </div> </div> </li> <li class="Item Comment" id="Comment_203"> <div class="Comment"> <div class="Meta"> <span class="Author"> <a href="/web/20101127003248/http://themes.bavotasan.com/support/profile/6/cbavota"><img src="https://web.archive.org/web/20101127003248im_/http://www.gravatar.com/avatar.php?gravatar_id=ba043b2af6a355787f1b6fd1b1ea3eda&default=http%3A%2F%2Fthemes.bavotasan.com%2Fsupport%2Fplugins%2FGravatar%2Fdefault.gif&size=60" alt="cbavota"/></a><a href="/web/20101127003248/http://themes.bavotasan.com/support/profile/6/cbavota">cbavota</a> </span> <span class="DateCreated"> November 23 </span> <span class="Permalink"> <a href="/web/20101127003248/http://themes.bavotasan.com/support/discussion/comment/203/#Comment_203" class="Permalink" name="Item_2" rel="nofollow">Permalink</a> </span> <div class="CommentInfo"> </div> </div> <div class="Message"> <p>1. All posts are set as single column posts on the front page. If you make a post sticky, it will become a double column post. It is as easy as that. You can set a sticky post by just checking a checkbox on the post edit screen.<br/><br/>2. It doesn't really allow for fixed locations other that the first couple of posts that will always usually be in the top left.<br/><br/>3. I haven't cracked the limitless scroll feature yet. But that will become available as soon as I do.<br/><br/>ps. Thanks for letting me know about the IE 9 bug. Hopefully it won't be a problem when the software is actually released but who knows. Maybe David will update the script and that will solve everything.</p> </div> </div> </li> </ul> <div class="Foot"> <a href="/web/20101127003248/http://themes.bavotasan.com/support/entry/signin?Target=discussion/79/a-couple-of-questions-on-magazine-flow" class="TabLink">Add a Comment</a> </div> </div> <div id="Panel"> <div class="Box GuestBox"> <h4>Hey there!</h4> <p>Take a look around, and if you would like to add a comment or start a discussion, register by clicking on the button below.</p> <a class="Button" href="https://web.archive.org/web/20101127003248/http://themes.bavotasan.com/register/">Register</a> </div><div class="Box"> <h4>Categories</h4> <ul class="PanelInfo"> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/discussions">All Discussions</a></strong> 92</li> <li class="Parent">Premium Themes</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/magazine-premium">Magazine Premium</a></strong> 64</li> <li class="Active"><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/magazine-flow">Magazine Flow</a></strong> 4</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/moderno">Moderno</a></strong> 1</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/illustrious">Illustrious</a></strong> 0</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/stationery">Stationery</a></strong> 0</li> <li class="Parent">Basic Themes</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/magazine-basic">Magazine Basic</a></strong> 5</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/feed-me-seymour">Feed Me, Seymour</a></strong> 0</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/snowblind">Snowblind</a></strong> 1</li> <li class="Parent">General Discussions</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/faqs">FAQs</a></strong> 6</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/documentation">Documentation</a></strong> 7</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/showcase">Showcase</a></strong> 1</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/translations">Translations</a></strong> 0</li> <li><strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/categories/bugs">Bugs</a></strong> 3</li> </ul> </div> <div class="Box"> <h4>In this Discussion</h4> <ul class="PanelInfo"> <li> <strong><a href="/web/20101127003248/http://themes.bavotasan.com/support/profile/6/cbavota" class="UserLink">cbavota</a></strong> November 23 </li> </ul> </div> <div class="Box Tags"> <h4>Tagged</h4> <ul class="PanelInfo"> </ul> </div> </div> </div> </div> <div id="Foot"> <p>Copyright © 2010 <a href="https://web.archive.org/web/20101127003248/http://bavotasan.com/">bavotasan.com</a>. All Rights Reserved. Powered by <a href="https://web.archive.org/web/20101127003248/http://vanillaforums.org/">Vanilla</a>.</p> </div> </body> </html>

CINXE.COM

A couple of questions on Magazine Flow - Themes by bavotasan.com - Support Forum