×

Give a tip

Help with some skin code please [addressbox]


7twenty

Recommended Posts

So as i've said before I like my skin somewhat clean with no useless info all over the place.

A while back I modded my address bar so the following shows when doing a search:

6173

2 reasons, I don't need the drop down arrow that used to show, and it stops the text from jumping ~5 pixels when you type in a search query.

Since the past few releases it has also added the text "search", which just makes the text jumping worse!. Thankfully that was an easy fix, just commenting out a line.

In the latest release the search engine name gets added after the search icon:

6174

I've played around with the code in addressbox.css and had a look at addressbox.htm (but I don't think the fix is in that) and can't figure out how/where to get rid of the line/s that call the search engine. Can someone please give me a heads up on what needs to be changed/deleted so just the image shows as in the first image.

From addressbox.css:/* search list button */

.address-box .button.search {

display: none;

behavior: popup-menu;

min-width: 26px; /*30*/

max-width: 26px; /*100 ADDED_RS */

/*width: min-intrinsic;*/

overflow: hidden;

text-overflow: ellipsis;

/*padding-left: 26;

padding-right: 16; */

foreground: url(../images/search_icon.png) no-repeat 4 50%;

/* background: url(../images/search_dropdown.png) no-repeat 100% 50%; ADDED_RS */

}

.address-box .button.search{

color: #fff;

font-weight: bold;

background-image: url(../images/search_dropdown_highlight.png);

background-color: @COMBO_HOVER_BORDER;

}

.address-box .button.search:hover{

background-color: shift_lightness(@COMBO_HOVER_BORDER, -15%);

}

.address-box .button.search:hover {

background-color: @COMBO_BUTTON_HOVER_BG;

outline: 1px solid @COMBO_HOVER_BORDER;

}

.address-box .button.search,

.address-box .button.search,

.address-box .button.search{

display: block;

}

.address-box .button.search + .separator{

display: none;

}

.address-box .button.search-back{

display: none;

width: 16px;

foreground: url(../images/search_back.png) no-repeat 50% 50%;

}

.address-box .button.search-back{

display: block;

}

post-1279399-14315116086577_thumb.png

post-1279399-14315116086666_thumb.png

Tip   Give
Link to comment
Share on other sites

大笨狗 replied at 2014-1-24 00:58 back.gif

Thank you so much.

I figured it was something simple, just couldn't get my head around it.

Makes it so much harder when working by trial & error, rather than actually knowing what the code does.

Tip   Give
Link to comment
Share on other sites

So thanks to this post http://forum.maxthon.com/forum.php?mod=viewthread&tid=7898#lastpost I found out about the fancy new alias icon in the address bar.

Up till now I was only testing a search term in the address bar which worked fine, but adding an alias makes the search provider name show up behind the icon.

So going back into the code to try and figure that one out...

Tip   Give
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.