My Opera Google search customizations
Tuesday, 18. March 2008, 14:44:19
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.



By lor74cas, # 18. March 2008, 15:26:36
but unfortunatelly, we can't do anything about it ourselves...
By Quinnuendo, # 18. March 2008, 15:29:21
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.
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
Anyway
thanks all of you
By mnzaki, # 21. March 2008, 10:28:42
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
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).
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?
I liked the look of your blog, congratulations!
By DJLucianoMarques, # 6. April 2008, 08:07:57
By coldstatue, # 16. June 2008, 04:56:10
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
By coldstatue, # 16. June 2008, 13:25:00