jump to navigation

Firefox Second Search Bar July 3, 2009

Posted by ecomnomnom in Firefox, GUI, Technology.
Tags: , , , ,

Ok. This post is actually useful for once. I finally figured out how to add a second search bar into firefox, and make it look exactly how I want it to:

Google and Wikipedia!

Google and Wikipedia!

I don’t know if there are any simpler ways of doing this, mine turned out rather difficult.

First, I used the old firefox add-on called thinger. Unfortunately, it has not been updated for the new version of firefox, so this is what must be done:

1) Download thinger by right-click>save-link-as on their link. For convinience, I have hotlinked it here.

2) Open the .xpi file using your favorite archive-manager. For me, it’s Winrar. You can use winzip, or 7-zip or whatever.

3) Inside, you will find a file called install.rdf. Open it with notepad. As you go through it, you will find the following code:
Replace the “3.0.a3” with “3.5”, so that it can run on newer firefox. Save it and close it all up.

4) Open up firefox. File >> Open >>toolbar-thinger-1.0-fx.xpi . Basically, open it from wherever you saved it. Firefox should then let you install the add-on.

5) Once you have the add-on, go to View >> Toolbars >> Customize , and there will be a new bar with a little search icon. Just drag it to wherever you want the new searchbar to be.

Thats that. However, if you want the second search bar to be right-aligned and the same size as the regular one like mine is, then you will need to add some extra code. Go to your userChrome.css file for your firefox. If you don’t know what that is, download the ChromEdit Plus extension (after you’ve installed it, go to Tools >> Chromedit Plus >> Chromedit).

Copy-paste this code I wrote into your userChrome.css file somewhere above the “namespace” code:

#searchbar {max-width: 250px !important;width: 250px !important}
#search-container{max-width: 250px !important;width: 250px !important}
.thinger-item {min-width: 250px !important;}
.search-proxy-button-dropmarker { display:none !important; }
.searchbar-dropmarker-image {display: none !important;}
#search-proxy-button { margin-top: 1px !important;
margin-left: -2px !important; margin-right: 2px !important; }

Then press save, then press restart. Firefox should then have your searchboxes done correct. If not, then play around with it or post a comment and I can help you out.


Hella OSX Ubuntu March 7, 2009

Posted by ecomnomnom in GUI, Technology.
Tags: , , , ,

So the image I stole from digg in the middle of my last blog post got removed, so I need to make a new blog entry to stop make the front page of my blog look better.

This blog entry, will of course, again be about GUI. This time, I want to discuss what OSX actually is. This wikipedia image demonstrates what happened to UNIX over the years. As you can see, Mac OSX and Linux are not far from eachother. The main pillar to Apple’s recent rise has clearly been image. Their GUI has been recognized as something significant. Therefore, I wondered, how easy would it be to mimic OSX’s GUI in Ubuntu. Here are three screenshots:

Ubuntu, made to look like OSX

Ubuntu, made to look like OSX

I used Avant-Window Navigator for the doc. These pictures might be a little blurry, so just click on them to see them on my flickr account.

Ubuntu OSX File Manager

Ubuntu OSX File Manager

As you can see, I have gone into such details as the black cursor, the scrollbars, and even making the buttons appear at the top left of the window navigator, instead of the top right.

Same Widgets as OSX.

Same Widgets as OSX.

Mac Fanboys often remark about their cool f4 widget feature. Here is that exact same widget feature, reproduced.

*    *    *

Anyway, for me this blog is just practice, to see what people respond to. From my last post, I have noticed a lot of views (and even one comment), from people I don’t know. This is really awesome, if you stumble across this blog, make sure to bookmark it and recommend it to friends. Something great will come of it.