Skip navigation.

A Blog With No Name

It's good to be back in the game

My Opera Google search customizations

, ,

Since it appeared in the latest monthly update (March), the google search in the my opera top bar has cause mixed response. Some like it, some have somthing against google, and many don't like how it looks. Here are some solutions to the problem. You can remove it, or try and make it fit in with your design, like I did.

First off, if you really don't like it you can remove it, by adding to you css custom sheet (under your account, design, custom sheet) a simple line like this (as proposed by JavaWoman on the comments page)
#top-search {display:none}

But I don't have anything against the search as an idea. However I really don't like the green shiny button, that really doesn't fit in, especialy with the dark top bar. Based on some reaserach and partlly on the code from JavaWoman's css customizations, I have replaced it with a much nicer blackish button.
The idea is simple, you put a new background image on the element in question, and "move" the original content (the green button) out of the way, so that the background is shown. This is done by padding it to the right, and makeing the containing div to be of fixed size, and not to allow anything that overflows to be shown.
The code should be like this:
/* Google search form - inside #myo2 */
/* parts of this code are from JavaWoman */
#top-search
{
  display: block;
  overflow: hidden;
}
#top-search div
{
  width: 250px !important;
  overflow: hidden;                   /* prevent visibility of 'old' button */
}

#top-search #top-searchbox
{
  width: 195px !important;
}
#top-search #gsearch-submit
{
  margin-top: 3px;
  margin-left: -2px;               /* flush with text entry */
  padding-left: 65px;              /* 55 + 10 for dratted padding */
  height: 21px !important;         /* input=15+4, button=17, background-img=16 */
  z-index: 100;                    /* on top of "powered" image */
  background-image: url(http://files.myopera.com/Quinnuendo/images/search2black.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

If you want to use another button (for intance one that you created) you need to change the url to the picture. If you have a bigger picture, than you can increase the height apropriatelly. If you need more width, you will need to reduce the width of the #top-searchbox, since that part makes sure that the old button gets "pushed out". You will probably need to increase the padding in the #gsearch-submit too.

Anyway feel free to use customize the code. Once more thanx to JavaWoman, whose already done code I used and hence didn't have to think of it myself. There are more things about css on that blog if you are interested.

Dark Sun's GlareOpera Dragonfly (will be) unveiled

Comments

avatar
Good Job ! But I'm waiting for a customization by MyOpera as suggested by JavaWoman ONE SEARCH BOX IS BETTER THAN TWO !

By lor74cas, # 18. March 2008, 15:26:36

avatar
yes I agree... unite everything at the top. I belive they will do that in the future, it shouldn't be hard...

but unfortunatelly, we can't do anything about it ourselves...

By Quinnuendo, # 18. March 2008, 15:29:21

avatar
Thanks for writing that up for me. :wink:

Your replacement button looks really nice in your theme - almost an exact match to that "spotlight" button I just hit, in fact.

I'm way behind on my writing; I want to write up another customization first, and was halfway writing in fact, when the "March release" came along and sent me scrambling to fix the havoc the Google search box created with that very customization. Spent a day just doing that, making it tighter and usable again. :frown: Today I'm working on a better solution, making sure things properly line up as well. And then I can write it all up, I hope. If nothing else gets in-between...

Meanwhile your article is now added to the "favorites" I've been marking about CSS customizations for My Opera.

By JavaWoman, # 18. March 2008, 20:08:15

avatar
We(i+family) also agree with jawa women as ONE SEARCH BOX IS BETTER THAN TWO.
Anyway
thanks all of you
:yes: :sherlock:

By mnzaki, # 21. March 2008, 10:28:42

avatar
Really nice Donny.

This may sound odd, but I hadn't noticed the Google green up there until you pointed it out.

By themugs, # 5. April 2008, 16:29:40

avatar
Quinnuendo,

The files that im tried to use (upload) are music lists in html (by Winamp or TagScanner).
The files .MHT get UP normaly, but they give mistake in the reading, at least in Opera 9.26 (they appear codes, as if they were source code). :yikes:

See examples (Its are the same Play-lists):

http://files.myopera.com/DJLucianoMarques/OFBR/CompView_HTML_MHT.jpg

he does have as solving the problem of MHT file? :eyes:

:whistle: Ps: Excuse my terrible English, he is translated with software. :smile:

I liked the look of your blog, congratulations! :D

By DJLucianoMarques, # 6. April 2008, 08:07:57

avatar
The custom css page in my.opera says you can override the topbar, though it is not recommended. Does this mean that it can be visually altered, or that it can actually be removed? Has anyone here eliminated the topbar alltogether? I guess that would make their supplying of free blogs an act of charity, but I suppose it's worth asking.

By coldstatue, # 16. June 2008, 04:56:10

avatar
not sure about that. I know some people did a lot of redesigning of the top bar to make it fit more into what they create of the blog.
I believe it is probably possible to remove it, but you would also loose some functionality of the blog, so I wouldn't recommend it anyway.

By Quinnuendo, # 16. June 2008, 13:08:47

avatar
I can live with it. The blog is free, after all. There are worse things one could have on the top of a blog. Thanks.

By coldstatue, # 16. June 2008, 13:25:00

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

Please type this security code : 1cce64

Smilies

Download Opera, the fastest and most secure web browser
December 2008
M T W T F S S
November 2008January 2009
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31