Introduction: How to See Image Notes Inside Other Image Notes
I used to always be annoyed when people had image notes inside image notes and they were actual helpful to building the project. Well I found a way to see them.
*update, I've confirmed that you can use google chrome with same results.
Step 1: Download Firefox
Go to the Firefox website and download click download now.
Next save the file and install it.
Step 2: Get Firebug
Next download Firebug.
Click install firebug then save it.
Step 3: Chose Image Note
Now you need to find an image note which I will provide for you in the next step if you can't find one.
Step 4: Edit Image Note
Finally you can get to reading the note inside the other image note.
Start by right clicking the image note and hit "Inspect Element".
It should open up a window on the bottom of your Firefox screen and have something highlighted.
Now all you have to do is hit delete on your keyboard.
Try on the image notes below.
Step 5: F.A.Q
Q. When I delete something will it stay that way?
A. Only until you leave or refresh the page.
Q. Can other people looking at the same page see anything i change?
A. No, viewing is limited to you and anyone looking at your computer screen.
Q. Could this mess up my computer in any way?
A. No, Mozilla is a large corporation that would never be allowed to put a virus on their web pages or downloads.
Be the First to Share
Recommendations
For the Home Contest
Big and Small Contest
Game Design: Student Design Challenge
16 Comments
12 years ago on Introduction
If your using Internet Explorer all you have to do is paste in this code in the address bar and then you can delete the outside box.
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
12 years ago on Introduction
I want to thank you for posting this particular instructable, not just that the note in side a note is annoying but that firebug add on has some other interesting and useful features too. Thank you
13 years ago on Introduction
This can also be done on safari just not quite so easily. Just right click the larger yellow box and click 'inspect element' then in the code below scroll up a little until the smaller box appears highlighted on the screen. Then click the little arrow below that line and read. If you don't understand then click the video below.
Reply 13 years ago on Introduction
Reply 13 years ago on Introduction
or as soon as you open inspect element you could hit delete on your keyboard and the big box would go away
Reply 13 years ago on Introduction
Deleting does not work with my safari for some reason. Can anyone confirm? I am using Safari version 4.0.4 in 64 bit mode.
Reply 13 years ago on Introduction
This can be done REALLY easily in google Chrome. All the functionality is built right in: Just follow step 4 and you're done, no add-on or work-arounds required.
13 years ago on Introduction
Wow. Great tip. I've always been annoyed by that bug.
Reply 13 years ago on Introduction
Congrats man! You just made my 300th comment and are going on my info which is on all of my instructables! :D
13 years ago on Introduction
Wonderful!!!!!!!!
Reply 13 years ago on Introduction
Thanks man.
Reply 13 years ago on Introduction
no prob bud :)
13 years ago on Introduction
I had this problem once really annoying.
13 years ago on Introduction
I've never seen one of those notes!
Reply 13 years ago on Introduction
ill link one: here on the first step. the controller
Reply 13 years ago on Introduction
kk