Adding a big ole ugly browse button to TinyMCE with MCImagemanager

If you don't like that microscopic default icon, this is for you.  If you don't have a clue what this post is about, you probably don't need to waste your time reading any further.  The attached video shows what the button will look like if you don't screw anything up.

Step 1.

Open the file: /plugins/tiny_mce/themes/advanced/skins/default/dialog.css

Find this line:

a.browse span {display:block; width:20px; height:18px; background:url(../../img/icons.gif) -860px 0; border:1px solid #FFF; margin-left:1px;}

Comment it out as shown below:

/*a.browse span {display:block; width:20px; height:18px; background:url(../../img/icons.gif) -860px 0; border:1px solid #FFF; margin-left:1px;}*/

On a new line, directly below the one you just commented out, add the code below

a.browse span {
background: url("img/browse.gif") no-repeat scroll 0 0 transparent;
display: block;
height: 18px;
margin-left: 3px;
width: 46px;
}

Step 2.

Upload the attached image, browse.gif to:  /plugins/tiny_mce/themes/advanced/skins/default/img/

Step 3.

Delete all files in your sites cache_public directory.   You may also have to clear your browsers cache.

DONE

Once you verify that this is working, you can delete the commented out line of css if you want to,

I should add, that if you are using something other than the default skin for TinyMCE, as I am, then you need to edit the dialog.css for that corresponding skin.

Thanks buddy. Just what I needed.

I followed the steps defined in your post to get the browse option, but I didn't get it there. I tried this in blogs section, I am attaching 2 screenshots for better understanding.

Thanks

Your screen shot indicates to me that you do not have MCImagemanger installed, therefore the instructions herein, are useless to you.

Please let me know from where I can get MCImagemanager.

Thanks

From tinymce.com.

 RE:

 More specifically, you'll need these two things:

http://www.moxiecode.com/products_imagemanager.php

http://www.boonex.com/m/ImageManager_plugin_integration

These two items will cost you about $50 US. 

 A bit more I am afraid; Moxie increased the prices; now 1 domain +dev is 75 euros.

75 Euros = 101.93 US Dollars as of current exchange rates.

That's a ripoff.  Glad I bought it when I did.

I take that back.... it's not a ripoff.  Their new product is called Moxie manager which  is both a file manager and an image manager.  It was previously two separate products.  The new product is better and it's about the  same  price as the previous two products combined.