firefox search text???


  1. Posts : 19
    Windows 7 SP1 x86
       #1

    firefox search text???


    hello i wanted to change my firefox search box text into something like Search and colorize it with white. hiding the dropmaker would also be a good option. firstly i wanted it to look something like the explorer search box. any help will be greatly appreciated. see picture below.
    Attached Thumbnails Attached Thumbnails firefox search text???-1.jpg   firefox search text???-2.jpg  
      My Computer


  2. Posts : 195
    Windows 7
       #2

    To change the text that shows in the search box, you would have to change it for each search engine individually. For the default search engines look here:

    C:\Program Files\Mozilla Firefox\searchplugins

    Edit the ShortName in the .xml files as (using bing.xml for example): "<ShortName>Bing</ShortName>" to "<ShortName>Search</ShortName>"

    Then delete the file: C:\Users\-username-\AppData\Roaming\Mozilla\Firefox\Profiles\<your profile id>.default\search.json

    Now run Firefox. The "search.json" file is recreated with the changes.


    If you use Classic or Basic themes, the searchbox background color is the "Window" color in advanced color settings, but it looks like you're not using those themes, so hunt the web for the userChrome.css tweak for this - I couldn't find it quickly and don't need it so I'll leave it to you.
      My Computer


  3. Posts : 19
    Windows 7 SP1 x86
    Thread Starter
       #3

    thank you i was able to change its color and name, but do you know how to make the text italic because i cant find anywhere on the internet? i also want to remove the dropmark next to it...thanks.
    Attached Thumbnails Attached Thumbnails firefox search text???-capture.jpg  
      My Computer


  4. Posts : 195
    Windows 7
       #4

    Navigate to: C:\Users\<username>\AppData\Roaming\Mozilla\Firefox\Profiles\<profile id>.default\chrome\userChrome.css
    If the file does not exist, create it (by creating a new .txt document and renaming it and saving with .css extension).
    Right-click > Edit
    If you just created the file, add this script at the top:
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

    1. To get rid of the dropdown button, add this script:

    /*searchbar dropdown - remove */
    .searchbar-dropmarker-image { max-width: 0 !important; opacity: 0 !important; }

    Note: You will still be able to select and manage search engines by left clicking on the left side of the box, or on the icon.

    Alternatively, if you want to also get rid of the icon use this script instead of the one above:

    /*searchbar dropdown and icon - remove */
    .searchbar-dropmarker-image, .searchbar-engine-image, .searchbar-engine-button {
    max-width: !important; opacity: 0 !important; }

    2. I couldn't get the bing.xml file to see the normal instructions for italics, maybe someone can point out how to do it here.
    To change to search engine name text to italics, the best I can do for you is to make the text in the search box italic for everything:

    Add this script to userChrome.css:

    /*searchbar text - italic */
    .searchbar-textbox { font-style: italic !important; }
      My Computer


  5. Posts : 19
    Windows 7 SP1 x86
    Thread Starter
       #5

    thank you man i have stylish and it works well. as you can see i have one last thing to edit. i wanted to change the magnifying glass go button in the search box to match my explorer search box. how can i do this? ive already extracted the png from the explorerframe. thnx in advanced.
    Attached Thumbnails Attached Thumbnails firefox search text???-capture.jpg  
      My Computer


  6. Posts : 195
    Windows 7
       #6

    Try to get it from this. I haven't tried it, but do tell if you get it to do what you want.
      My Computer


  7. Posts : 19
    Windows 7 SP1 x86
    Thread Starter
       #7

    thank you i dont know how to make it work since i use stylish.
      My Computer


  8. Posts : 19
    Windows 7 SP1 x86
    Thread Starter
       #8

    nevermind mate i added the button through the use of Custom Buttons extension...what's left is the code that can mimic the search go button...
    Attached Thumbnails Attached Thumbnails firefox search text???-capture.jpg  
      My Computer


  9. Posts : 195
    Windows 7
       #9

    While you were doing that (Custom Buttons extension - part of Stylish?) I did it with .css script:

    Say you name your image you extracted "mag.png": edit it so that it's 18 x 18 pixels in size, and put it in the same folder as userChrome.css, and then add this script:

    /* replace search bar magnifying glass image */
    .search-go-button { list-style-image: url("mag.png") !important;
    -moz-image-region: rect(0 18px 18px 0) !important; }

    Edit (re-edit): I put a blue parrot for my "Go" (magnifying glass) button!
    Last edited by debugged; 04 Jun 2011 at 13:40. Reason: I was wrong about the image sizes...should be ok now.
      My Computer


  10. Posts : 19
    Windows 7 SP1 x86
    Thread Starter
       #10

    thank you mate your procedure worked well. Custom buttons is a separate extension for ff and its great, you should try it out. I'm complete with building my dream firefox, here's what ive done so far. ive cooked up the addressbar to make it look like the breadcrumbs in explorer(custom Locationbar^2). i got rid of that ugly "http://" finally by using hide protocol function in Locationbar^2...

    and again, thank you for endless support...
    Attached Thumbnails Attached Thumbnails firefox search text???-capture.jpg  
      My Computer


 

  Related Discussions
Our Sites
Site Links
About Us
Windows 7 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 7" and related materials are trademarks of Microsoft Corp.

© Designer Media Ltd
All times are GMT -5. The time now is 11:48.
Find Us