Strict Standards: Redefining already defined constructor for class bbdb in /home/themes/public_html/forums/bb-includes/db-mysql.php on line 12

Strict Standards: Declaration of BB_Walker_Blank::start_lvl() should be compatible with BB_Walker::start_lvl($output) in /home/themes/public_html/forums/bb-includes/classes.php on line 1127

Strict Standards: Declaration of BB_Walker_Blank::end_lvl() should be compatible with BB_Walker::end_lvl($output) in /home/themes/public_html/forums/bb-includes/classes.php on line 1127

Strict Standards: Declaration of BB_Walker_Blank::start_el() should be compatible with BB_Walker::start_el($output) in /home/themes/public_html/forums/bb-includes/classes.php on line 1127

Strict Standards: Declaration of BB_Walker_Blank::end_el() should be compatible with BB_Walker::end_el($output) in /home/themes/public_html/forums/bb-includes/classes.php on line 1127

Warning: Cannot modify header information - headers already sent by (output started at /home/themes/public_html/forums/bb-includes/db-mysql.php:12) in /home/themes/public_html/forums/my-templates/kakumei-variant/rss2.php on line 1
ThemeShaper Forums Tag: Layout Help In Shaping WordPress Themes en Fri, 22 May 2015 22:11:04 +0000 helgatheviking on "Responsive Web Design and Thematic" Mon, 11 Jun 2012 12:03:56 +0000 helgatheviking 27371@ <p>@TeamDeltecs - please open any new questions over at the new site: <a href="" rel="nofollow"></a> </p> TeamDeltecs on "Responsive Web Design and Thematic" Mon, 11 Jun 2012 10:15:52 +0000 TeamDeltecs 27370@ <p>Hey folks, </p> <p>Take a look at my company’s new responsive design website <a href="," rel="nofollow">,</a> you would be able to push and pull the browser window to test the "responsiveness" of this website. When I reduce the width of the browser, everything just flows "under" the browser frame and is cut off, just like the web content. Do explore and share your feedback about it...</p> <p>Team Deltecs </p> ScottNix on "Responsive Web Design and Thematic" Thu, 07 Jun 2012 15:26:02 +0000 ScottNix 27332@ <p>Well, since you bumped the thread....</p> <p>You may want to check out <a href="">Responsive Base</a>. It is a mobile-first approach to responsive web design using Thematic, it also uses the math from helgatheviking's adaptive layouts. </p> trigga on "Responsive Web Design and Thematic" Thu, 07 Jun 2012 14:03:31 +0000 trigga 27331@ <p>Thanks so much Helga!<br /> The two column layout is wonderful!!! Going to prove very useful I'm sure. </p> butters81 on "Responsive Web Design and Thematic" Thu, 19 Apr 2012 14:10:54 +0000 butters81 26459@ <p>Neither of the two js scripts (respond.js or css3-media-queries.js) appear to work if you are importing (@import) your mediaqueries into your main stylesheet. So you'll need to copy all your media queries over to your main stylesheet. Although I imagine some plugins will combine all your css for you into one file, which might work. </p> <p>Unless anyone has a better workaround? </p> nimmolo on "9.8 (9.7.8) dev release breaks layout" Mon, 12 Mar 2012 00:41:15 +0000 nimmolo 25840@ <p>thanks Helga!!! </p> helgatheviking on "9.8 (9.7.8) dev release breaks layout" Mon, 12 Mar 2012 00:23:56 +0000 helgatheviking 25838@ <p>lean and mean. </p> <p>one last thing: you could put that image in your theme folder if you wanted (instead of hard linking it)</p> <pre><code>src=&quot;&lt;?php echo stylesheet_directory_uri() . &#39;/images/WP9-winter.png&#39;;?&gt;&quot;</code></pre> <p>also, looks like you can mark this as resolved </p> nimmolo on "9.8 (9.7.8) dev release breaks layout" Sun, 11 Mar 2012 23:59:46 +0000 nimmolo 25837@ <p>OK. got it. Sorry for deleting the bloated code, did it before i read your reply.</p> <p>Here it is on a diet. I didn't know that about not having to add the action but of course it makes sense, it's built into the conditional syntax in header-extensions.php.</p> <p>Anything else I could pare out of here?</p> <p>I started with the childtheme_override_access() because the mobile childtheme does indeed override thematic_access() and i wanted them to be similar. Unnecessary here though.</p> <pre><code>// Let&#39;s add those mobile navmenus function register_mobile_navmenus() { if (function_exists( &#39;register_nav_menus&#39; )) { register_nav_menus( array( &#39;primary-menu&#39; =&gt; __( &#39;Masthead Navigation&#39;, &#39;thematic&#39; ), &#39;mobile-menu&#39; =&gt; __( &#39;Mobile Navigation&#39;, &#39;thematic&#39;)) ); } } add_action(&#39;init&#39;, &#39;register_mobile_navmenus&#39;); // HEADER ACTIONS, Nimmo style. function remove_defaults() { remove_action(&#39;thematic_header&#39;,&#39;thematic_brandingopen&#39;,1); remove_action(&#39;thematic_header&#39;,&#39;thematic_access&#39;,9); } add_action(&#39;init&#39;,&#39;remove_defaults&#39;); add_action(&#39;thematic_header&#39;,&#39;thematic_access&#39;,1); add_action(&#39;thematic_header&#39;,&#39;thematic_brandingopen&#39;,2); // Open #branding and add the branding image this way // In the header div function childtheme_override_brandingopen() { echo &#39;&lt;div id=&quot;branding&quot;&gt;&lt;a href=&quot;&#39; . home_url() . &#39;&quot;&gt;&lt;img src=&quot;/mistersaturdaynight/wp-content/uploads/header-images/WP9-winter.png&quot;&gt;&lt;/a&gt;&#39;; } // Dis the blog title // In the header div function childtheme_override_blogtitle() { } // Dis the blog description // In the header div function childtheme_override_blogdescription() { } // End of functions that hook into thematic_header()</code></pre> helgatheviking on "9.8 (9.7.8) dev release breaks layout" Sun, 11 Mar 2012 23:49:40 +0000 helgatheviking 25836@ <p>i think you have some code cleanup you could stand to do to make the code more elegant and therefore easier to maintain in the future:</p> <p>you don't need to do childtheme_override_something() and add_action('action', 'childtheme_override_something');</p> <p>if you are using overrides, you don't need to remove_action() the original action</p> <p>for sanity's sake you shouldn't name functions childtheme_override if they don't actually override anything, like your childtheme_override_init_navmenu. there isn't a thematic_init_navmenu function. it works, sure, but it gets confusing. </p> <p>why are you overriding access? doesn't look like you are doing anything except moving it? remove_action, then add_action back on new hook. </p> nimmolo on "9.8 (9.7.8) dev release breaks layout" Sun, 11 Mar 2012 23:29:06 +0000 nimmolo 25835@ <p>OK no that didn't do it. I'm reading helga's post below now, i will make those changes...</p> <p>It's my inelegant code and the double branding close.</p> <p>For some reason, under 9.7.8 the new childtheme_override_brandingclose() now ran IN ADDITION TO thematic_branding_close(), not INSTEAD OF.</p> <p>So I'm now removing thematic_branding_close() manually instead of relying on the childtheme function override. Didn't use to have to do that!!!</p> <p>I think that could be a problem in header-extensions.php of 9.7.8, i will now investigate. </p> nimmolo on "9.8 (9.7.8) dev release breaks layout" Sun, 11 Mar 2012 23:11:40 +0000 nimmolo 25834@ <p>OK - *edit* see below :) </p> nimmolo on "9.8 (9.7.8) dev release breaks layout" Sun, 11 Mar 2012 23:06:24 +0000 nimmolo 25833@ <p>Och! My mistakes are foiled by smart people once again.</p> <p>Thanks!</p> <p>Jeez louise you would think i would have thought to check the dev tools but I was SO SURE my markup was a-ok. </p> helgatheviking on "9.8 (9.7.8) dev release breaks layout" Sun, 11 Mar 2012 22:31:06 +0000 helgatheviking 25832@ <p>cause i'm ninja like that. your explanation is more thorough however </p> middlesister on "9.8 (9.7.8) dev release breaks layout" Sun, 11 Mar 2012 21:48:31 +0000 middlesister 25831@ <p>Like you say, the #wrapper is no longer wrapping the page but only the header. Of course #main will not be affected by wrappers max-width since it is no longer inside it.</p> <p>This means that there is an extra closing div tag somewhere in the header. A quick look at your source code reveals that it has to do with the #branding. It is closed twice.</p> <p>Don't know how your code looks like, but there is a thematic_brandingopen as well as a thematic_brandingclose so make sure you don't close it twice by adding the closing div tag in thematic_brandingopen. I honestly don't know if this has to do with upgrading to the latest dev release. Both of these filters were there before so it's probable this issue has been there all along but just not visible until now.</p> <p>EDIT - hah Helga was before me :-) </p> helgatheviking on "9.8 (9.7.8) dev release breaks layout" Sun, 11 Mar 2012 21:44:52 +0000 helgatheviking 25830@ <p>the problem is not w/ thematic. you have some improperly closed html markup somewhere.</p> <p>in chrome dev tools your site looks like:<br /> <pre><code>&lt;div id=&quot;wrapper&quot;&gt; &lt;div id=&quot;header&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;main&quot;&gt; &lt;/div&gt;</code></pre> nimmolo on "9.8 (9.7.8) dev release breaks layout" Sun, 11 Mar 2012 19:59:20 +0000 nimmolo 25828@ <p>After reading enough encouragements I installed the latest dev release from Thematic4You.</p> <p>Suddenly #main does not inherit anything from #wrapper?!?!?</p> <p>My layout is not behaving properly at all - #wrapper seems to stop after the header, and #main is following its own rules; it's not obeying wrapper's max-width and is using 100% of screen width. Check it at if you like.</p> <p>There were no problems before I updated the Thematic and no changes since, either.</p> <p>Obviously I will revert in a few days but I'm posting this because it might be of interest to developers. </p> alperor on "Responsive Web Design and Thematic" Tue, 10 Jan 2012 15:04:42 +0000 alperor 24786@ <p>i am using thematic adaptive on both of my sites.. thx Helga<br /> and </p> fwunder on "Newb Layout Quest" Wed, 04 Jan 2012 21:48:07 +0000 fwunder 24640@ <p>Thor here! ;)</p> <p>For all the other newbs out there, I decided to revert back to the default aside placements and create a new widget area(s) to play with my new toys. So, stick a fork in this thread. It's done.</p> <p>Thanks. </p> fwunder on "Newb Layout Quest" Wed, 04 Jan 2012 15:03:06 +0000 fwunder 24628@ <p>Continuing with my sledgehammer approach, I just found another issue with my above code.</p> <p>I use get_sidebar('single-top'); for my right column custom navigation menu.</p> <p>Unfortunately, that widget is placed in the content div of single.php. Hmmm. I can comment it out of single.php and all is well, but I know that's not the right way.</p> <p>Any guidance? Thanks! </p> fwunder on "Newb Layout Quest" Wed, 04 Jan 2012 14:13:32 +0000 fwunder 24624@ <p>I've seen the light!! (and felt the cold)....</p> <p>For my radical three column layout all I needed to do was add two simple functions:</p> <pre><code>function my_stuff_before_content() { echo(&#39;&lt;div id=&quot;container2&quot;&gt; &lt;div id=&quot;container1&quot;&gt; &lt;div id=&quot;col1&quot;&gt;&#39;); get_sidebar(&#39;primary-aside&#39;); echo(&#39;&lt;/div&gt;&lt;!-- #col1 --&gt; &lt;div id=&quot;col2&quot;&gt;&#39;); } add_action(&#39;thematic_abovecontent&#39;, &#39;my_stuff_before_content&#39;); function my_stuff_below_content() { echo(&#39;&lt;/div&gt;&lt;!-- #col2 --&gt; &lt;div id=&quot;col3&quot;&gt;&#39;); get_sidebar(&#39;single-top&#39;); echo(&#39;&lt;/div&gt;&lt;!-- #col3 --&gt; &lt;/div&gt;&lt;!-- #container1 --&gt; &lt;/div&gt;&lt;!-- #container2 --&gt;&#39;); } add_action(&#39;thematic_belowcontent&#39;, &#39;my_stuff_below_content&#39;);</code></pre> <p>And a little child CSS tweaking.</p> <p>Actually, it really was pretty easy since I already had the layout prototyped in static html. This old dog is learning new tricks!</p> <p>Thanks! </p> fwunder on "Newb Layout Quest" Tue, 03 Jan 2012 22:30:05 +0000 fwunder 24610@ <p>OK, here ya go. Remember, it's a work in progress. I don't design. I take a QuarkXpress files and make Wordpress look (mostly) like it! ;)</p> <p><a href="" rel="nofollow"></a></p> <p>See the transparent leaf thing spanning the center column and the right column? That's one of the reasons I needed equal height and width columns. I already did it with the Atahualpa theme (tables), but Thematic seems like a much more fun sandbox, so here I am!</p> <p>Thanks far all insights! </p> fwunder on "Newb Layout Quest" Tue, 03 Jan 2012 21:36:34 +0000 fwunder 24607@ <p>Sure you can! I'll show you in a few minutes as soon as I get it moved from my (local) development server. Works good too! </p> helgatheviking on "Newb Layout Quest" Tue, 03 Jan 2012 21:32:03 +0000 helgatheviking 24605@ <p>i've certainly been guilty of doing additional work for almost no gain, but that seems like what you are doing here. </p> <p>you can't really do equal-height columns via CSS anyway can you? i was under the impression that would need to be done w/ jquery or mock-columns, backgrounds. </p> fwunder on "Newb Layout Quest" Tue, 03 Jan 2012 20:46:58 +0000 fwunder 24604@ <p>Partly because I needed the code practice. Partly because I specifically wanted 3 columns of defined width and equal height based on the longest column height.</p> <p>Oh, and it's fun too! ;)</p> <p>Thanks! </p> helgatheviking on "Newb Layout Quest" Tue, 03 Jan 2012 20:38:19 +0000 helgatheviking 24603@ <p>thematic already comes with a 3 column layout, what are you trying to do differently? </p> fwunder on "Newb Layout Quest" Tue, 03 Jan 2012 19:20:16 +0000 fwunder 24584@ <p>Following <a href="" rel="nofollow"></a></p> <p>I created a 3 column fixed-width, equal height layout. Being the newb that I am and although I properly created a child theme replete with all my edits, I am quite certain I am not following the Thematic Methodology. To achieve the desired layout I edited a child version of page.php, single.php and template-page-blog.php, and of course my child style.css with a few custom functions thrown in. This was effective, but I would like to do it "correctly" and am not sure how to go about replacing the [all] styling outside of the content div. Here's a look at the code that I introduced in the child theme page templates:</p> <p><code><br /> &lt;!-- Nothing Changed Above Here --&gt;</p> <p> &lt;div id="container"&gt;<br /> &lt;div id="container2"&gt;<br /> &lt;div id="container1"&gt;<br /> &lt;div id="col1"&gt;<br /> &lt;?php<br /> // calling the widget area 'page-top'<br /> get_sidebar('primary-aside');<br /> ?&gt;<br /> &lt;/div&gt;&lt;!-- #coll1 --&gt;<br /> &lt;div id="col2"&gt;<br /> &lt;?php thematic_abovecontent(); ?&gt;<br /> &lt;div id="content"&gt;</p> <p> &lt;!-- Nothing Changed Here --&gt;</p> <p> &lt;/div&gt;&lt;!-- #content --&gt;<br /> &lt;?php thematic_belowcontent(); ?&gt;<br /> &lt;/div&gt;&lt;!-- #coll2 --&gt;<br /> &lt;div id="col3"&gt;<br /> &lt;?php<br /> // calling the widget area 'page-bottom'<br /> get_sidebar('single-top');<br /> ?&gt;<br /> &lt;/div&gt;&lt;!-- #col3 --&gt;<br /> &lt;/div&gt;&lt;!-- #container1 --&gt;<br /> &lt;/div&gt;&lt;!-- #container2 --&gt;<br /> &lt;/div&gt;&lt;!-- #container --&gt;</p> <p>&lt;!-- Nothing Changed Below Here --&gt;<br /> </code> </p> timothyd on "Large photo layout help!" Thu, 17 Nov 2011 06:52:30 +0000 timothyd 23838@ <p>Hello all, </p> <p>I am running wordpress locally while I try to edit my child theme of Thematic to my liking. I will use it as a photo blog. I have been playing with the 2c-l-fixed.css layout, along with other css files, in a failed attempt to edit the content, containers, main area, and wrapper in order to achieve an 800+ px content area for large photos. Ultimately, I want a simple design of a slim (approx. 150px) fixed menu on the left (I want the menu to not move, while the content scrolls) with a content area containing the posts of photos and whatever text filling the remainder.</p> <p>Any ideas? I really appreciate it. </p> bigriff on "Thematic Layout Issue - Invisible spacing bumps sidebar to below content" Mon, 14 Nov 2011 14:17:42 +0000 bigriff 23805@ <p>A link to the site would be more useful to help as I can then see what css and html is in actual play. </p> cw on "Thematic Layout Issue - Invisible spacing bumps sidebar to below content" Mon, 14 Nov 2011 00:09:53 +0000 cw 23796@ <p>Hello everyone,</p> <p>I'm trying to redo my website using Thematic, and add some adjustments to it as well, however sizing is creating a weird issue for me.</p> <p>I want the website to be a total of 1000 px wide, with the content being 642 px (incl. border), an 18px margin to the right, and the sidebar widgets taking up the rest of the space, which should be 360px. However no matter how much I check and recheck the code, it wont size properly. </p> <p>Here's a photo to show what I mean:</p> <p><a href="" rel="nofollow"></a></p> <p>In the above picture, my header is 1000 px, the content is 642px, the gap between the content and sidebar is ~30 px, and the sidebar is only ~300 px. </p> <p>Along with the relevant code:</p> <p>#main{<br /> width: 1000px;<br /> margin: auto;<br /> margin-top: 20px;<br /> margin-bottom: 20px;<br /> padding: 0px;<br /> }</p> <p>#container{<br /> width: 600px;<br /> margin: 0px 18px 0px 0px;<br /> padding: 20px;<br /> background-color: #363636;<br /> border: 1px solid #4a4a4a;<br /> }</p> <p>#content{<br /> width: auto;<br /> height: auto;<br /> margin: auto;<br /> padding: 0px;<br /> }</p> <p>#primary{<br /> margin: 0px;<br /> padding: 0px;<br /> border: none;<br /> overflow: hidden;<br /> }</p> <p>#secondary{<br /> margin: 0px;<br /> padding: 0px;<br /> border: none;<br /> overflow: hidden;<br /> }</p> <p>.main-aside{<br /> width: 340px;<br /> height: auto;<br /> }</p> <p>.xoxo{<br /> padding: 0px;<br /> margin: 0px;<br /> }</p> <p>.widgetcontainer{<br /> height: auto;<br /> margin: auto;<br /> margin-bottom: 20px;<br /> padding: 20px;<br /> background-color: #363636;<br /> border: 1px solid #4a4a4a;<br /> } </p> middlesister on "Adding multiple loops to a page layout." Sun, 23 Oct 2011 10:05:13 +0000 middlesister 23589@ <p>With your code, you are resetting the query instead of making a new one. Take a look at <a href="" rel="nofollow"></a> I agree with Helga - get_posts might be easier if you have many loops. </p>