http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation Support Forum - Topic: Adding Search Bar To Newscast Navigation en-US Wed, 22 May 2013 01:38:32 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-22604 Tue, 12 Jul 2011 19:16:13 +0000 JPDCSO 22604@http://www.kriesi.at/support/ <p>That code did not quite work for me, although I changed "5px 11px" to "5px 2px" and it shows up correctly in IE. Now, of course, it's off in FF, haha. (NOTE: It's off in Chrome, also.) Unfortunately, my bosses will only look in IE, so that is the primary standard I'm forced to adhere to.</p> <p>This may be my best bet on this issue, but thanks a lot for your help. </p> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-22538 Tue, 12 Jul 2011 05:29:24 +0000 Dude 22538@http://www.kriesi.at/support/ <p>Try to change the searchsubmit code to:<br /> <pre><code>#searchsubmit { background: url(&quot;../images/skin1/search.png&quot;) no-repeat scroll 5px 11px transparent; }</code></pre> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-22502 Mon, 11 Jul 2011 14:47:29 +0000 JPDCSO 22502@http://www.kriesi.at/support/ <p>Great! Thanks very much! The search is now how I want it. Unfortunately, the search icon appears inside the search form in IE, but not in Firefox. I tweaked the #searchsubmit CSS, but it doesn't appear properly in Firefox. Is there a fix for both? If not, no problem. </p> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-22354 Sat, 09 Jul 2011 07:19:10 +0000 Dude 22354@http://www.kriesi.at/support/ <p>You can use following code (i.e. in style1.css):<br /> <pre><code>#head #s { border: 1px dotted #333333; }</code></pre> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-22343 Fri, 08 Jul 2011 21:02:27 +0000 JPDCSO 22343@http://www.kriesi.at/support/ <p>Follow-up: I added the border around the div, which you can view at the site. Thanks again. </p> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-22328 Fri, 08 Jul 2011 16:58:08 +0000 JPDCSO 22328@http://www.kriesi.at/support/ <p>Wonderful, it's working now! One quick issue: What is the CSS needed to give the search form a border? I tried adding a border but I was only able to put the border around the DIV and not the form itself. I just want to add that border so that it will stand out a bit more.</p> <p>Thanks so much for your help. </p> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-22170 Thu, 07 Jul 2011 06:09:57 +0000 Dude 22170@http://www.kriesi.at/support/ <p>Ok - think following css styling is required - </p> <p>1) Replace following code in style.css:<br /> <pre><code>#searchsubmit{ border:medium none; cursor:pointer; display:block; height:35px; outline:none; padding:0; position:absolute; text-indent:-9999px; width:35px; right:-6px; top:-4px; }</code></pre> <p>with:<br /> <pre><code>#searchsubmit{ border:medium none; cursor:pointer; display:block; height:35px; outline:none; padding:0; position:absolute; text-indent:-9999px; width:35px; right:-6px; top:4px; }</code></pre> <p>and add following code instead of the css code I posted in my last answer/post:</p> <pre><code>.search-form-menu { position: absolute; right: 1px; top: 30px; z-index: 100; }</code></pre> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-22045 Tue, 05 Jul 2011 18:37:32 +0000 JPDCSO 22045@http://www.kriesi.at/support/ <p>Thanks very much for your help, I think we're almost there. However, I see the icon for the search, but I don't actually see the form itself?</p> <p>I'd like to be able to add the RSS/Facebook/Twitter icons also, but that may mess with the design. I'll just add those links to the sidebar. If I can get the search issue cleared up, I should be done with questions, ha. </p> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-22028 Tue, 05 Jul 2011 16:16:41 +0000 Dude 22028@http://www.kriesi.at/support/ <p>Great that the update did work for you :)</p> <p>I noticed that the div error persists so I modified header,php and uploaded the file here: <a href="http://www.mediafire.com/?t3djw179zc9f04x" rel="nofollow">http://www.mediafire.com/?t3djw179zc9f04x</a><br /> Please replace your header.php with this file.</p> <p>Then add following code to style.css:<br /> <pre><code>.search-form-menu{ position: absolute; right: 0px; top: 0px; }</code></pre> <p>If you want to push down the search form increase the top value (i.e. to 10px). If you want to push the search form to the left increase the "right" value. Hope it displays correct now :) </p> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-22026 Tue, 05 Jul 2011 16:03:57 +0000 JPDCSO 22026@http://www.kriesi.at/support/ <p>Okay, I revised the syntax per your recommendation, and I believe now I just need the css?</p> <p>(Also, I upgraded to Wordpress 3.2, and my site is showing up fine.) </p> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-21942 Sun, 03 Jul 2011 14:48:21 +0000 Dude 21942@http://www.kriesi.at/support/ <p>I just noticed that my code suggestion above contained a small syntax error which leads to a html structure issue. To fix it replace:<br /> <pre><code>&lt;!-- end catnav_wrapper --&gt;</code></pre> <p>with:<br /> <pre><code>&lt;/div&gt;&lt;!-- end catnav_wrapper --&gt;</code></pre> <p>I also updated/corrected the instructions above. The search form should appear on the right of the second menu afterwards. </p> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-21941 Sun, 03 Jul 2011 14:13:22 +0000 JPDCSO 21941@http://www.kriesi.at/support/ <p>First of all, my apologies for not being clear, I was referring to the second menu. Dude, I've gone ahead and revised the code per your suggestion, and you can view the result on my test site here:</p> <p><a href="http://www.wp.nashville-sheriff.net/" rel="nofollow">http://www.wp.nashville-sheriff.net/</a></p> <p>Monsoon, I agree that this might be an inelegant solution, but I think it could work well based on the site's content.</p> <p>Thanks to everyone for your help! </p> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-21928 Sun, 03 Jul 2011 09:52:45 +0000 Dude 21928@http://www.kriesi.at/support/ <p>Hey,<br /> if you want to implement the search form like described in the tutorial you need to remove following code in header.php:<br /> <pre><code>&lt;?php get_search_form(); ?&gt;</code></pre> <p>If you want to add the menu to the first menu (small menu below the logo) replace:<br /> <pre><code>&lt;/div&gt;&lt;!-- end nav_wrapper --&gt;</code></pre> <p>with:<br /> <pre><code>&lt;?php get_search_form(); ?&gt; &lt;/div&gt;&lt;!-- end nav_wrapper --&gt;</code></pre> <p>If you want to add the menu to the second menu (big tabs menu) replace:<br /> <pre><code>&lt;/div&gt;&lt;!-- end catnav_wrapper --&gt;</code></pre> <p>with:<br /> <pre><code>&lt;?php get_search_form(); ?&gt; &lt;/div&gt;&lt;!-- end catnav_wrapper --&gt;</code></pre> <p>Maybe you need to adjust the css a bit. I can help you with this modification if you post a link to your website after you've implemented the search form code </p> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-21911 Sat, 02 Jul 2011 19:16:29 +0000 Monsoon 21911@http://www.kriesi.at/support/ <p>Which navagiation? the first one or the big blocky square one? If the first one you could just add it to the right of the area or if the main big square blocks you need to change the width of the navigation then you will need to add it there but it will look weird. I would strongly recommend making it a navigation menu that when clicked on calls a popup like the upload news story js call.</p> <p>Yes that adds a click to do a search but that is better than sticking a search that will look weird to the right of the navigation.</p> <p>make a nav tab called search that goes to a search page where you can there add more search options imo </p> http://www.kriesi.at/support/topic/adding-search-bar-to-newscast-navigation#post-21878 Fri, 01 Jul 2011 17:17:16 +0000 JPDCSO 21878@http://www.kriesi.at/support/ <p>Hello, my clients have asked for me to remove the search bar from the header, and move it to the navigation. I found how to remove the bar from the header, and I also read this article about inserting search into the menu nav:</p> <p><a href="http://www.throwingabrick.com/wordpress/add-search-box-wordpress-3-0-nav-menu.html" rel="nofollow">http://www.throwingabrick.com/wordpress/add-search-box-wordpress-3-0-nav-menu.html</a></p> <p>However, that is for the TwentyTen theme . . . I looked at the code and have tried adding it, but I can't get it into the position that I would like. Any help would be welcome, thanks very much! </p>