Support Forum - Topic: How can I add switcher below the search box?

Support Forum - Topic: How can I add switcher below the search box? http://www.kriesi.at/support/topic/how-can-i-add-switcher-below-the-search-box Support Forum - Topic: How can I add switcher below the search box? en-US Sun, 26 May 2013 03:02:31 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "How can I add switcher below the search box?" http://www.kriesi.at/support/topic/how-can-i-add-switcher-below-the-search-box#post-18821 Wed, 11 May 2011 04:52:24 +0000 Dude 18821@http://www.kriesi.at/support/ Can you create me an admin account and send me the login details to: <a href="mailto:kriesi2000-dude@yahoo.com">kriesi2000-dude@yahoo.com</a> - if I find a quick solution I'll fix it. creativeluv on "How can I add switcher below the search box?" http://www.kriesi.at/support/topic/how-can-i-add-switcher-below-the-search-box#post-18745 Mon, 09 May 2011 14:21:23 +0000 creativeluv 18745@http://www.kriesi.at/support/ Hi there, Sorry for the late reply. I've redownload the files and uploaded them and it's working fine now. Is it possible for me to email you to check out on the switcher? It seems that when I roll-over to it, it will disappear. Thanks, Dee Dude on "How can I add switcher below the search box?" http://www.kriesi.at/support/topic/how-can-i-add-switcher-below-the-search-box#post-17704 Sun, 24 Apr 2011 06:48:10 +0000 Dude 17704@http://www.kriesi.at/support/ Can you post a link to your website please - I need to investigate thre code myself. creativeluv on "How can I add switcher below the search box?" http://www.kriesi.at/support/topic/how-can-i-add-switcher-below-the-search-box#post-17622 Sat, 23 Apr 2011 10:29:21 +0000 creativeluv 17622@http://www.kriesi.at/support/ Hi, I think I have wrongly seen the correct functioning one. I clicked on the Home button and it went to Brightbox demo page and saw the working version on the other domain. Thanks, Dee creativeluv on "How can I add switcher below the search box?" http://www.kriesi.at/support/topic/how-can-i-add-switcher-below-the-search-box#post-17618 Sat, 23 Apr 2011 09:17:04 +0000 creativeluv 17618@http://www.kriesi.at/support/ Hi there, Actually the tabs and accordion are not working if I use it for the subdomain. I try to use it on a domain itself, it's working well. Thanks. creativeluv on "How can I add switcher below the search box?" http://www.kriesi.at/support/topic/how-can-i-add-switcher-below-the-search-box#post-17579 Fri, 22 Apr 2011 14:04:59 +0000 creativeluv 17579@http://www.kriesi.at/support/ Thanks a lot for the guide. It's working actually but when I roll over to the switcher and try to click on one of the link, the drop-down switcher disappeared. By the way, I found out the tabs and toggles are not working and they were aligned vertically instead. I tried it on another test subdomain and still the same. Perhaps you guys can check on it? Thanks! Dude on "How can I add switcher below the search box?" http://www.kriesi.at/support/topic/how-can-i-add-switcher-below-the-search-box#post-17500 Thu, 21 Apr 2011 13:56:09 +0000 Dude 17500@http://www.kriesi.at/support/ Hey, open up header.php and insert the html code you posted above (doesn't seem to be 100% correct though - i.e. the closing ul tag is missing) after following code: <pre><code></code></pre> Then open up custom.css (located in the folder "css") and paste in the css code you posted above. At least add following code to custom.css (after the code you posted above): <pre><code>.switcher{ position: absolute right: 20px; top: 70px; }</code></pre> The site switcher seems to be a pure css solution - I like it because it's unobtrusive. Adjust the top and the right value as you like. If you increase the top value the site switcher will move towards the bottom, if you increase the right value it will move towards the logo on the left. creativeluv on "How can I add switcher below the search box?" http://www.kriesi.at/support/topic/how-can-i-add-switcher-below-the-search-box#post-17455 Wed, 20 Apr 2011 15:09:47 +0000 creativeluv 17455@http://www.kriesi.at/support/ This is the CSS file: .switcher ul.dropdown { width: 252px; min-height: 100px; padding: 16px 0px 14px; display: block; background: #232323; border: 1px solid #565044; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; position: relative; margin-left: -9999px; margin-top: -72px; } .switcher ul.dropdown li { display: inline-block; width: 220px; height: 50px; padding: 12px 16px 4px 16px; } .switcher ul.dropdown li:hover { background: #20201f; border: 1px solid #565044; border-width: 1px 0px; height: 48px; margin: -1px 0px 1px; } .switcher ul.dropdown li a{ display: inline-block; width: 220px; height: 50px; } .switcher a.switchbutton { display: inline-block; text-indent: -9999px; width: 13px; height: 21px; position: relative; top: -15px; left: 1px; background: url('../i/switcher.png') no-repeat 0px 0px transparent; } .switcher a.switchbutton:hover { background-position: -13px 0px; } .switcher a.switchbutton:active + ul.dropdown, ul.dropdown:hover { margin-left: -17px; } and this is the HTML code: <pre><code> <a href="#" title="ThemeForest"><img src="i/themeforest.png" alt="themeforest" /></a> <a href="#">switchbutton</a> <ul class="dropdown"> <li><a href="#" title="ThemeForest"><img src="i/themeforest.png" alt="themeforest" /></a></li> <li><a href="#" title="CodeCanyon"><img src="i/codecanyon.png" alt="codecanyon" /></a></li> <li><a href="#" title="3dOcean"><img src="i/3docean.png" alt="3docean" /></a></li> <li><a href="#" title="ActiveDen"><img src="i/activeden.png" alt="activeden" /></a></li> </code></pre> It is something like what Themeforest did with their logo on the left. But I would like to add this feature below the search box..I think it would be much better right? Thanks a lot! Dude on "How can I add switcher below the search box?" http://www.kriesi.at/support/topic/how-can-i-add-switcher-below-the-search-box#post-17434 Wed, 20 Apr 2011 12:24:14 +0000 Dude 17434@http://www.kriesi.at/support/ Hey, yes - we need to see the code first. If it's a time intensive task it's beyond the scope of this support forum but if it's just inserting a few lines of code we can help you :) creativeluv on "How can I add switcher below the search box?" http://www.kriesi.at/support/topic/how-can-i-add-switcher-below-the-search-box#post-17429 Wed, 20 Apr 2011 11:18:46 +0000 creativeluv 17429@http://www.kriesi.at/support/ Hi there, I have purchased a site switcher and would like to add the code below the search box. Can you show me how to add this feature? Do you need to see the files? Thanks, Dee