http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sun, 19 May 2013 08:13:59 +0000 http://themeshaper.com/forums/topic/horizontal-menu-1#post-27201 Mon, 28 May 2012 17:08:53 +0000 ghostdogroma 27201@http://themeshaper.com/forums/ <p>Tank is thank, and Totò is too. Sorry. </p> http://themeshaper.com/forums/topic/horizontal-menu-1#post-27200 Mon, 28 May 2012 17:07:40 +0000 ghostdogroma 27200@http://themeshaper.com/forums/ <p>Yesssss!!! Tank you a lot.<br /> The sub-menù is Totò large, but probably i can repair it my self.<br /> The site is offline ne cause under construction.<br /> Bye. </p> http://themeshaper.com/forums/topic/horizontal-menu-1#post-27197 Mon, 28 May 2012 14:09:52 +0000 bogh 27197@http://themeshaper.com/forums/ <p>I am not really sure of what you want, but try to add this in your style.css<br /> <pre><code>.sf-menu ul {width: 980px !important;} .sf-menu ul li {float: left !important; width: 200px !important;}</code></pre> <p>If this produces results similar to what you expected you should provide a link to your website. </p> http://themeshaper.com/forums/topic/horizontal-menu-1#post-27196 Mon, 28 May 2012 13:53:57 +0000 ghostdogroma 27196@http://themeshaper.com/forums/ <p>Hello. Is it possible view the sub-menu page in horizontal mode?<br /> I try to modify #acces a like "display: inline" but none happen!<br /> Sorry for my poor english.<br /> Thx and bye.<br /> Marco. </p> http://themeshaper.com/forums/topic/horizontal-social-buttons-under-post-title#post-24871 Fri, 13 Jan 2012 18:59:06 +0000 helgatheviking 24871@http://themeshaper.com/forums/ <p>not always better, just different. i do like locate_template though. it is pretty bad-ass as far as functions go. </p> http://themeshaper.com/forums/topic/horizontal-social-buttons-under-post-title#post-24870 Fri, 13 Jan 2012 18:04:50 +0000 fwunder 24870@http://themeshaper.com/forums/ <p>Somehow I knew you would come up with a better way! :)</p> <p>Thanks! </p> http://themeshaper.com/forums/topic/horizontal-social-buttons-under-post-title#post-24869 Fri, 13 Jan 2012 17:55:29 +0000 helgatheviking 24869@http://themeshaper.com/forums/ <p>IE7 can slough off and die. ;) </p> <p>fwunder, if you don't want to create a separate file you could just put the html in your function (if you are using a newer thematic you can skip straight to using an override without needing to remove and add actions</p> <pre><code>// Create a custom access div with the menu and social bar function childtheme_override_access() { ?&gt; &lt;div id=&quot;access&quot;&gt; &lt;?php if ((function_exists(&quot;has_nav_menu&quot;)) &#38;&#38; (has_nav_menu(apply_filters(&#39;thematic_primary_menu_id&#39;, &#39;primary-menu&#39;)))) { echo wp_nav_menu(thematic_nav_menu_args()); } else { echo thematic_add_menuclass(wp_page_menu(thematic_page_menu_args())); } ?&gt; &lt;div id=&quot;socialstuff&quot;&gt;I heart bacon&lt;/div&gt; &lt;/div&gt;&lt;!-- #access --&gt; &lt;?php }</code></pre> <p>also, i'm getting away from using include in favor of locate_template() as it doesn't break things if it doesn't find the file. </p> <p><a href="http://codex.wordpress.org/Function_Reference/locate_template" rel="nofollow">http://codex.wordpress.org/Function_Reference/locate_template</a></p> <pre><code>locate_template(&#39;includes/social.php&#39;,true);</code></pre> http://themeshaper.com/forums/topic/horizontal-social-buttons-under-post-title#post-24867 Fri, 13 Jan 2012 17:46:25 +0000 fwunder 24867@http://themeshaper.com/forums/ <p>Bellying up to the social bar...</p> <p>I don't possess nearly the awesomeness of Ms. Viking, but as I am learning Thematic, I decided to play in my sandpit this morning with the horizontal social bar stuff and placement. Like she said, "Thematic Trix are for kids, with SOME PHP knowledge." In addition to this excellent resource, Google is your friend.</p> <p>First thing I did was create a social.php file that I could play with till I got it the way I wanted it:</p> <pre><code>&lt;? php &lt;div id=&quot;social_bar&quot;&gt; &lt;!-- Facebook Like code --&gt; &lt;!-- Google button --&gt; &lt;!-- Twitter button --&gt; &lt;/div&gt; ?&gt;</code></pre> <p>Happy with that, I needed to decide where to put it. I played with several different areas using <a href="http://visualizing.thematic4you.com/2008/09/layout-test/" rel="nofollow">http://visualizing.thematic4you.com/2008/09/layout-test/</a> as my guide. For example, I tried:</p> <pre><code>function social_bar() { include(STYLESHEETPATH . &#39;/includes/social.php&#39;); } add_action(&#39;thematic_abovepost&#39;,&#39;social_bar&#39;);</code></pre> <p>Note that I created an "includes" directory in my child theme just to keep all my sandpit toys in order. Using includes makes my function.php file easier for me to read too. I get confused easily. Anyway, I didn't like any of the places I found on the map. I wanted it in my menu bar space - access div. A little Googling and browsing <a href="http://thematic4you.com/" rel="nofollow">http://thematic4you.com/</a> I found what I was looking for.</p> <p>Basically, I needed to remove the access menu and and replace it with the menu AND my social bar. Cool.</p> <pre><code>//remove access menu so we can build a new one with social bar function remove_thematic_actions() { remove_action(&#39;thematic_header&#39;,&#39;thematic_access&#39;,9); } add_action(&#39;init&#39;,&#39;remove_thematic_actions&#39;); // Create a custom access div with the menu and social bar function social_access() { ?&gt; &lt;div id=&quot;access&quot;&gt; &lt;?php if ((function_exists(&quot;has_nav_menu&quot;)) &#38;&#38; (has_nav_menu(apply_filters(&#39;thematic_primary_menu_id&#39;, &#39;primary-menu&#39;)))) { echo wp_nav_menu(thematic_nav_menu_args()); } else { echo thematic_add_menuclass(wp_page_menu(thematic_page_menu_args())); } ?&gt; &lt;?php include(STYLESHEETPATH . &#39;/includes/social.php&#39;); ?&gt; &lt;/div&gt;&lt;!-- #access --&gt; &lt;?php } add_action(&#39;thematic_header&#39;,&#39;social_access&#39;,9);</code></pre> <p>You'll see how it looks @ <a href="http://www.timwunderlich.com/" rel="nofollow">http://www.timwunderlich.com/</a><br /> It looks pretty good in everything but IE7. I need to Google some more on the CSS stuff. Not sure if this helps you, but it helps me writing it up - repetitive motion thing. Have fun! </p> http://themeshaper.com/forums/topic/horizontal-social-buttons-under-post-title#post-24848 Fri, 13 Jan 2012 02:15:23 +0000 helgatheviking 24848@http://themeshaper.com/forums/ <p>umm that IS the tutorial in the most general sense, b/c as i said in that post... the process is the same almost no matter what you want to do. if you genuinely read it (versus skimmed over it as soon as you saw a php function) then i would appreciate knowing what you find so confusing, so that i can improve my tutorial. i tried to break it down to its most elemental parts and used what i thought was a pretty good analogy. </p> <p>you WILL have to get SOME knowledge of PHP if you expect to be able to do anything w/ your theme. </p> http://themeshaper.com/forums/topic/horizontal-social-buttons-under-post-title#post-24843 Thu, 12 Jan 2012 23:49:19 +0000 Dust 24843@http://themeshaper.com/forums/ <p>helgatheviking<br /> Thank you for replying. I was hoping to find a tutorial on how to do it. I have no knowledge of php so the filter tutorial kinda goes over my head. </p> http://themeshaper.com/forums/topic/horizontal-social-buttons-under-post-title#post-24803 Tue, 10 Jan 2012 23:17:00 +0000 helgatheviking 24803@http://themeshaper.com/forums/ <p>filter thematic_postheader</p> <p>see my 'how to filter':<br /> <a href="http://themeshaper.com/forums/topic/need-help-understanding-actions-vs-filters-and-changing-post-meta-and-utility#post-22638" rel="nofollow">http://themeshaper.com/forums/topic/need-help-understanding-actions-vs-filters-and-changing-post-meta-and-utility#post-22638</a> </p> http://themeshaper.com/forums/topic/horizontal-social-buttons-under-post-title#post-24774 Tue, 10 Jan 2012 01:05:36 +0000 Dust 24774@http://themeshaper.com/forums/ <p>Hi<br /> I found only one plugin that does this but I get errors and cache problems with it and decides to delete from my blog. I ended up just getting the code from Google+ and Tweeter, and Facebook and put it into a text widget that is in the Single Bottom widget area of Thematic. It is ok but I would really like to have the social buttons under every post title. Does anyone know how I could do this? Thanks in advance. </p> http://themeshaper.com/forums/topic/create-horizontal-dropdown-child-menu-that-holds-on-subpage#post-20298 Tue, 05 Apr 2011 04:52:18 +0000 webmakerholly 20298@http://themeshaper.com/forums/ <p>Em hr, thanks for posting that code. Being a newbie, it took me a while to wrap my head around it. I got the horizontal menu to work beautifully, but I couldn't get the current page to "stay put" as grausc01 requested. In the default styling link you provided, I found this, which makes the current page link go bold:</p> <pre><code>.sf-navbar li li.current &gt; a { font-weight: bold; }</code></pre> <p>I switched mine to make it highlight in grey instead of bold and voila! It works!</p> <pre><code>.sf-navbar li li.current &gt; a { color: #666; }</code></pre> <p>Thanks! </p> http://themeshaper.com/forums/topic/how-to-make-a-horizontal-scrolling-website#post-20045 Mon, 28 Mar 2011 17:32:51 +0000 webmakerholly 20045@http://themeshaper.com/forums/ <p>Hi,</p> <p>I'm trying to make a horizontal scrolling gallery website. I can't figure out how to get the content to scroll unless I give the div a specific width. I don't want to have to give it a specific width because the amount of content will change periodically. I thought giving it a width of 100% would do the trick, but no luck. </p> <p>Any suggestions would be greatly appreciated. Thank you!</p> <p>Here's a link: <a href="http://www.velocitybranding.com/pauline/?page_id=108" rel="nofollow">http://www.velocitybranding.com/pauline/?page_id=108</a> </p> http://themeshaper.com/forums/topic/create-horizontal-dropdown-child-menu-that-holds-on-subpage#post-19912 Tue, 22 Mar 2011 16:13:47 +0000 gino 19912@http://themeshaper.com/forums/ <p>Hi Guys</p> <p>Very helpful post</p> <p>I am trying to use this too, and the dropdown works.</p> <p>But it also drops the element next to the ancestor with children in. Any idea what might be causing it?</p> <p>Thanks!</p> <p>Gino </p> http://themeshaper.com/forums/topic/create-horizontal-dropdown-child-menu-that-holds-on-subpage#post-18480 Tue, 18 Jan 2011 23:52:37 +0000 moncho 18480@http://themeshaper.com/forums/ <p>how can i set in the css two diffrent font color...? one for the upper "main menu" and one for the child?</p> <p>take a look at my menu</p> <p><a href="http://www.pose.ch" rel="nofollow">www.pose.ch</a> </p> http://themeshaper.com/forums/topic/create-horizontal-dropdown-child-menu-that-holds-on-subpage#post-18423 Mon, 17 Jan 2011 13:54:35 +0000 moncho 18423@http://themeshaper.com/forums/ <p>can anybody send me the function.php from the thematic theme with tihs snippet already integrated? this would be verry helpful for me? </p> http://themeshaper.com/forums/topic/space-between-links-in-horizontal-menu#post-18266 Wed, 12 Jan 2011 00:42:30 +0000 craw 18266@http://themeshaper.com/forums/ <p>this was how I eventually created spaces between links in my vertical menu for those that are interested. </p> <p>.menu li{<br /> margin-bottom: 10px;<br /> } </p> http://themeshaper.com/forums/topic/space-between-links-in-horizontal-menu#post-17954 Tue, 28 Dec 2010 20:59:40 +0000 craw 17954@http://themeshaper.com/forums/ <p>Thanks for your help! </p> http://themeshaper.com/forums/topic/space-between-links-in-horizontal-menu#post-17917 Sun, 26 Dec 2010 17:22:49 +0000 helgatheviking 17917@http://themeshaper.com/forums/ <p>try <a href="http://getfirebug.com" rel="nofollow">http://getfirebug.com</a> it is perfect for solving all these types of css questions. but you need to get more specific in your css selector</p> <p>.sf-menu a<br /> or .sf-menu li<br /> or .sf-menu li a</p> <p>one of those should work </p> http://themeshaper.com/forums/topic/space-between-links-in-horizontal-menu#post-17911 Fri, 24 Dec 2010 20:01:07 +0000 craw 17911@http://themeshaper.com/forums/ <p>Can I increase the space between links in my horizontal menu with CSS? I've been trying it using the .sf-menu selector and nothing's working. Any help would be great. Great theme by the way! Thanks </p> http://themeshaper.com/forums/topic/horizontally-align-logo-and-menu#post-16238 Wed, 13 Oct 2010 04:52:29 +0000 helgatheviking 16238@http://themeshaper.com/forums/ <p>how about</p> <pre><code>function remove_access(){ remove_action(&#39;thematic_header&#39;,&#39;thematic_access&#39;,9); remove_action(&#39;thematic_header&#39;,&#39;thematic_brandingopen&#39;,1); } add_action(&#39;init&#39;,&#39;remove_access&#39;); add_action(&#39;thematic_header&#39;,&#39;thematic_access&#39;,9); add_action(&#39;thematic_header&#39;,&#39;thematic_brandingopen&#39;,2); function header_inner_open(){ echo &#39;&lt;div id=&quot;header-inner&quot; class=&quot;clearfix&quot;&gt;&#39;; } add_action(&#39;thematic_header&#39;,&#39;header_inner_open&#39;,1); function header_inner_close(){ echo &#39;&lt;/div&gt;&lt;!--#header-inner--&gt;&#39;; } add_action(&#39;thematic_header&#39;,&#39;header_inner_close&#39;,9);</code></pre> <p>and for css:</p> <pre><code>/* new clearfix * <a href="http://perishablepress.com/press/2009/12/06/new-clearfix-hack/" rel="nofollow">http://perishablepress.com/press/2009/12/06/new-clearfix-hack/</a> */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: &quot; &quot;; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ #header-inner{ width: 940px; margin: 0 auto; } #branding{ width: 350px; float: left; } #access{ width: 350px; float: right; }</code></pre> <p>you may need to do something w/ .menu too, but i'm not 100% sure.. i didn't fully test this, but it ought to get you the proper markup to do what you are trying to accomplish. </p> http://themeshaper.com/forums/topic/horizontally-align-logo-and-menu#post-16234 Tue, 12 Oct 2010 21:57:47 +0000 rashadpleasant 16234@http://themeshaper.com/forums/ <p>did you ever find the answer for this issue... i've tried dif widths but it hasn't worked yet... </p> http://themeshaper.com/forums/topic/horizontally-align-logo-and-menu#post-15870 Tue, 28 Sep 2010 03:08:19 +0000 helgatheviking 15870@http://themeshaper.com/forums/ <p>i do know that both #branding div and #access ul.menu have widths of 940px. so first you probably have to give them much smaller widths... try 400px at first or something. then you can probably float the #branding and #access divs and they might line up? </p> http://themeshaper.com/forums/topic/horizontally-align-logo-and-menu#post-15826 Sun, 26 Sep 2010 08:25:28 +0000 02rilund 15826@http://themeshaper.com/forums/ <p>Hi!</p> <p>I've searched the forum but haven't found anything on this. Does anybody know how to align the logo with the menu? I've moved the menu to the right using float:right and added a logo using:</p> <p><a href="http://www.cozmoslabs.com/2009/05/28/add-a-header-image-to-thematic-the-easy-way/comment-page-1/" rel="nofollow">http://www.cozmoslabs.com/2009/05/28/add-a-header-image-to-thematic-the-easy-way/comment-page-1/</a></p> <p>Help would be much appreciated! </p> http://themeshaper.com/forums/topic/create-horizontal-dropdown-child-menu-that-holds-on-subpage#post-13441 Sun, 27 Jun 2010 16:18:21 +0000 tradiArt 13441@http://themeshaper.com/forums/ <p>Hello!</p> <p>Seems that this bug: <a href="http://core.trac.wordpress.org/ticket/12812" rel="nofollow">http://core.trac.wordpress.org/ticket/12812</a></p> <p>wasn't able to do what I wanted in WP3.</p> <p>Now seems more easier to achieve. Thank you for your help! </p> http://themeshaper.com/forums/topic/create-horizontal-dropdown-child-menu-that-holds-on-subpage#post-12443 Mon, 17 May 2010 11:55:04 +0000 Chris 12443@http://themeshaper.com/forums/ <p>Hi,</p> <p>if you mean the 'depth' thing:</p> <p>There is an undocumented parameter 'depth' in wp_nav_menu =&gt; <a href="http://core.trac.wordpress.org/browser/trunk/wp-includes/nav-menu-template.php">wp-includes/nav-menu-template.php</a></p> <p>Chris </p> http://themeshaper.com/forums/topic/create-horizontal-dropdown-child-menu-that-holds-on-subpage#post-12431 Sun, 16 May 2010 23:04:21 +0000 tradiArt 12431@http://themeshaper.com/forums/ <p>Hello!</p> <p>This is exactly what I am looking for...</p> <p>Also seems that in this page is solved: <a href="http://www.aceconcrete.com/" rel="nofollow">http://www.aceconcrete.com/</a></p> <p>but I'm working in WP3 beta and I want to use the wp_nav_menu function, as seen here:</p> <p><a href="http://programming.thematic4you.com/2010/03/how-to-test-wp_nav_menu-with-thematic/" rel="nofollow">http://programming.thematic4you.com/2010/03/how-to-test-wp_nav_menu-with-thematic/</a></p> <p>Is there any way that this can be done in WP3?</p> <p>Thank you!! </p> http://themeshaper.com/forums/topic/create-horizontal-dropdown-child-menu-that-holds-on-subpage#post-11171 Sat, 03 Apr 2010 21:15:00 +0000 tmayo 11171@http://themeshaper.com/forums/ <p>@EM HR - thanks for posting this. Just what I needed to get going with a horizontal submenu. </p> http://themeshaper.com/forums/topic/has-anybody-tried-a-horizontal-layout#post-10112 Tue, 23 Feb 2010 20:50:00 +0000 flick 10112@http://themeshaper.com/forums/ <p>@torsteino: I'm assuming you're just referring to the superfish menu and not the horizontal layout? Perhaps you can share some more details about what you've attempted to do so far. </p>