Missing Forum Icon bugging me

[phossler]

OK, not a major (or even minor) issue, but sometimes my OCD kicks in

The Editor icon is missing !!!!!!!

Happens on both the home and work Win7 PCs

Paul

[icallaci]

It's missing for me, too.

[HarryT]

We cannot add it at the moment for technical reasons. We are aware of it.

[JimmyR]

In the interim, for those who are familiar with user stylesheets, try:

img[src="https://www2.mobileread.com/i/mr/misc/f-262.png"] {
   background-image: url("https://www2.mobileread.com/i/mr/misc/f-235.png") !important;
   display: block !important;
}

[DoctorOhh]

Originally Posted by Jimmy-Jim

In the interim, for those who are familiar with user stylesheets, try:

I'm not familiar with user stylesheets, but I googled them. I installed the Stylish add-on for Firefox, created a New style for calibre's forum and added your code. It works just as you suggested it would. The calibre icon for the editor now shows.

For folks reading this it took me a total of 10 minutes from not knowing anything to implementing the given code in a user stylesheet.

Thanks

[eschwartz]

If you don't want to install yet-another-plugin, you can put the css into a file called, for Firefox,
$FIREFOX_PROFILE/chrome/userContent.css

On Google Chrome, it will be:
$GOOGLE-CHROME_PROFILE/{For-Windows-ONLY:User Data/}Default/User StyleSheets/custom.css

On Safari, go to Preferences ==> Advanced ==> Style Sheet, because they have a GUI for it.

[JimmyR]

Originally Posted by DoctorOhh

I'm not familiar with user stylesheets, but I googled them. I installed the Stylish add-on for Firefox, created a New style for calibre's forum and added your code. It works just as you suggested it would. The calibre icon for the editor now shows.

...

Thanks

You're welcome and glad you found it useful. I would have posted more details, but it was such a minor thing I really didn't think people would be that interested.

I've been using Stylish for years. It's really good for managing user styles.


I have Internet Explorer 11 and the CSS works there as well but it displays the broken image icon over the background image. Not sure if that can be worked around...

Control Panel > Internet Options > General > Accessibility

From there you can enable and browse to your custom CSS file.

[unboggling]

Originally Posted by Jimmy-Jim

...I have Internet Explorer 11 and the CSS works there as well but it displays the broken image icon over the background image. Not sure if that can be worked around...

Safari displays the broken image icon over the background image too.

[eschwartz]

You could use GreaseMonkey/GreaseKit to simply change the link itself using JavaScript. Would fix the broken image.

http://stackoverflow.com/questions/1...cific-id-value

[JimmyR]

This seems to work for IE:

#f262 > table > tbody > tr > td:nth-child(3) {
    width: 36px !important;
    height: 36px !important;
    background: url("https://www2.mobileread.com/i/mr/misc/f-235.png") center left no-repeat !important;
}

img[src="https://www2.mobileread.com/i/mr/misc/f-262.png"] {
    visibility: hidden !important;
}

It hides the broken image element and places the background image in the table cell.

Not sure how well that will work in Safari, if at all.

[unboggling]

Originally Posted by Jimmy-Jim

This seems to work for IE:

#f262 > table > tbody > tr > td:nth-child(3) {
    width: 36px !important;
    height: 36px !important;
    background: url("https://www2.mobileread.com/i/mr/misc/f-235.png") center left no-repeat !important;
}

img[src="https://www2.mobileread.com/i/mr/misc/f-262.png"] {
    visibility: hidden !important;
}

It hides the broken image element and places the background image in the table cell.

Not sure how well that will work in Safari, if at all.

Thanks, Jimmy-Jim. That works great for Safari.

((Edit)) for Mac users: I copied that, pasted it into new file in TextEdit, saved with filename "MRuserstylesheet.css", then pointed Safari at that file in Safari > Preferences > Advanced > Style Sheet menu button.

[JimmyR]

Originally Posted by unboggling

Thanks, Jimmy-Jim. That works great for Safari.

Great! Glad it works.

- -

Here's a quick and dirty script for you Greasemonkeys:

// ==UserScript==
// @name  Calibre Forum Image Fix      
// @description  Fix Calibre Editor Forum Image.
// @include      https://www.mobileread.com/forums/forumdisplay.php?f=166
// ==/UserScript==

(function() 
{

  var
  img = document.evaluate('//img[@src="https://www2.mobileread.com/i/mr/misc/f-262.png"]', document,null,9,null).singleNodeValue;

  img.setAttribute('src','https://www2.mobileread.com/i/mr/misc/f-234.png');
  	
})();