Header update

A change up top, and a bunch of cleanup under the hood!  We've been working on the header bit by bit to try and make it clearer without taking up too much page space.  I think it's going well... We've also been cleaning up code underneath, so please let us know by posting a bug category forum topic, if you find anything we broke.  Most of the invisible changes are javascript and CSS.

Topic by rachel 8 years ago


New Header

Last night we released a new header, it quickly gives you access to all the areas of instructables that you know and love! If you see any issues please put them in the bugs forum, thanks!

Topic by frenzy 7 years ago


Header Ads

I just got this up top where the ad should be...

Topic by Weissensteinburg 10 years ago  |  last reply 10 years ago


Is there a way to remove the gigantic Instructables header that does nothing but waste space? Answered

Do I just have to use that webmonkey plugin for Firefox, or is there a simpler way to do it? Adblocking the image seems to do nothing.

Question by weblionx 9 years ago  |  last reply 9 years ago


Pin or pin header

Hi,I'm no native speaker. I was wondering, what exactly is the difference between >>pin<< and >>pin header<<.Is a >>pin<< just a male pin header, so, an abbreviation for pin header?tiadoris

Question by dorisbehrendt 5 months ago


Search header on website not working

The search feature on the website header does not work on my computer.  The header is fragmented and shifted over.  I cannot click in the box that is supposed to be the search area in order to search for a topic.   I'm running Windows XP and IE 7 (our office won't upgrade to IE 8 because of potential conflicts....that's what I've been told).  I've attached a screen shot in a Word document, I hope it comes through.  

Topic by sjax 8 years ago


Change instructables header from orange! Update 4

(Made new topic because old one was getting crowded and ugly)Yes, folks, the moment we've all been waiting for...you can customize the header at long last!For years the instructables header has been full of orangey goodness. Maybe a little too much orangey goodness. When I first saw the site, I thought, "Huh. It's February. A little early for halloween...". No lie. When I realized it's like this all the time, I realized something had to be done. I finally got around to sitting down and once and for all giving full control of the header to the user. Now, don't get me wrong. I love orange. I think the admins did a great job picking colors, I'm not trying to hate on them. But let's face it, sometimes change is good.With these handy-dandy styles, you simply install stylish, load them, and presto! No more header screaming ORANGE ORANGE ORANGE and pounding you over the head with shocking vibrant hues until you die. No more co-workers saying "are you on instructables again?! " Yes folks, the header is in your control! Yellow! Green! Invisible! Lots more! Links are all black, to avoid conflict with buttons and such. Link colors (and header color) are easily edited. To install, Firefox users can just install this addon and load the ClearHeader style. However, that's not the only way to install. Firefox users can use greasemonkey if you want. Opera users, IE 7 (ptooie!) can load the style as a userscript. It's cross browser!Many thanks to Gmjhowe for his generous contribution of mad photoshop skillz. New! Red: http://userstyles.org/styles/21622Blue: http://userstyles.org/styles/14765 Invisible: http://userstyles.org/styles/15029Yellow: http://userstyles.org/styles/15107Green: http://userstyles.org/styles/14804Eric's shoes Purple taken from his famous shoes instructable!: http://userstyles.org/styles/15032Gray: http://userstyles.org/styles/15030New! Black: http://userstyles.org/styles/21620Kiteman: http://userstyles.org/styles/15039Ewilhelm: http://userstyles.org/styles/15099Edit, tweak and post these to your heart's content. If you want THE WHOLE ENTIRE HEADER gone, not just graphics - you want EVERYTHING GONE from that bad boy, see here: https://www.instructables.com/community/Remove-the-entire-instructables-header-NOT-just/If you have questions, problems, etc, please post them here or PM me and we'll get it worked out.Many, many thanks to Yokozuna for providing me a handlogo file so I didn't have to color them in pixel by pixel like I was earlier, or mooch off gmjhowe like I did after that. :-DUPDATE: I have made substantial changes to all scripts. Please update your old versions. Due to name changes, some of them may not even update properly. If this happens, please uninstall any previously installed versions and install the new ones.Changelog:* Fixed bug in Blue header causing header to appear in all websites, not just instructables* Added the hand logo to Blue header * Marked obsolete versions of scripts* Changed all titles to reflect the application to instructables* Changed all descriptions to reflect the application to instructables* Made Black header* Made Red header* Gave all headers (except black) hand with proper white outlineFAQ:Q: I installed one header, then another one. Now I see the first one that I installed flash briefly before it goes to the current one. Now what?A: Make sure you disable all header scripts except for the one you are currently using.Q: Why are there CSS color codes at the top? That's extraneous code! You're dumb!A: Actually, I left it there on purpose, to make it nice and easy to refer to should you wish to change the link colors. Q: It's not working! Ahh!A: Make sure you have greasemonkey/stylish and the script itself enabled. If you continue to have issues, uninstall and reinstall.Q: I want to make my own. How do I do this?A: How to change the scripts:To change link colors, open the script and go to the sectionlinks */a {color: #000 !important; and change from #000 to whatever color you wish. To make custom-color scripts, download this file: . Edit it to whatever color you wish. Upload the file to an image hosting site such as tinypic or picoodle. Next, go to the first place where you see a url like (www.foo.jpg) and replace the url with the url of your uploaded picture.To make avatar headers, upload the appropriate file to an image hosting site and change as above. Then, go to the second url location and delete the url. Please upload any cool new scripts you make so others can enjoy them! If I like them I'll link them up here, too. ;)As always, please post bug reports and color requests in the comments.

Topic by Lithium Rain 9 years ago  |  last reply 8 years ago


Small change release

Just a few changes this time around.  You'll notice the header - we made it a bit shorter to use less screen real estate, and less ... orange (personally I liked the orange but many found it distracting). The main thing is that we've opened up Guide writing to all Pro users.  We're soft-starting this, it's not being announced anywhere but here as yet, so we can start out easy and see how it goes.  Guides are awfully useful and we figure more should be better but it's also good to start small sometimes. Also we're starting a new ad campaign with Dremel and there's some special content we had to prepare for that.  You'll see it very shortly!

Topic by rachel 8 years ago


cable header sockets with .1&quot; pitch

I'm looking for sockets like the ones pictured but I'm not having any luck. I guess I don't know what to search for. What I'd like is a way to make cables to connect PCBs together. I'd like to buy the sockets and wire them up myself. I'd also like 2 pin and even 1 pin versions. At a job I had a while ago they had wires with single sockets on the end that were very handy for connecting to standard .1" male pin headers. If anyone has any idea where to find these sockets or what to search for on Digikey I'd appreciate it.

Topic by nolte919 9 years ago  |  last reply 9 years ago


how should I go about replacing the analog headers on my arduino uno? Answered

I want to replace hte headers because I dropped it and the header broke on onalog pin 5 exposing the metal that catches the pin from a shield.

Question by nerd7473 5 years ago  |  last reply 2 years ago


Suggestion

I noticed on the forum page overview, that the page header is always "instructables". As far as I know, it is the only page that doesn't say what it actually is. I suggest changing the header to something like "Forums - Page 1", simply for continuity and consistency.

Topic by The Jamalam 9 years ago  |  last reply 7 years ago


New layout of comments meta-data seems compressed and cluttered

I don't think I like the tweaks that were done to the comments format.  The user's avatar, date/time stamp, and username are all mashed together with no spacing between them.  I liked having the date/time in the upper right corner, but I know that a lot of users missed the information (leading to silly bumps and year+ late replies).  Perhaps you could do something like: [Avatar] wrote on : with some spaces to keep the formatting nice?

Topic by kelseymh 8 years ago  |  last reply 8 years ago


What's the opposite of a header called?

What's the opposite of a header called (in electronics)? Like if I was searching mouser, what would I call it? A header receptacle? I dunno Basically I want a 2x3 socket thingamadousy for programming AVRs. In my ned project space is a factor and I need the 2x3 instead of 2x5

Topic by guyfrom7up 10 years ago  |  last reply 9 years ago


i need headers... that fit.?

So my set up is, I have a 366 big block from a 2 ton grain truck. and before you say there is no such thing, it is a real motor. I have one, it is the smallest big block but its a big block. with a SM465 granny tranny and NP 205. normal headers wont fit the starter is in a weird position the starter solenoid is in the way. I need to find cheap headers that will work? do you know where I can get some? this pic was taken without the starter on. we tried to put the starter in afterwards and ya it did not work lol

Question by vince 09 10 years ago  |  last reply 10 years ago


Remove the *entire* instructables header, NOT just graphics

As requested by  https://www.instructables.com/member/weblionx/. No, I don't know why either. But hey, who am I to judge? You need greasemonkey and, optionally for firefox, the stylish addon. Install and enable the following scripts:http://userstyles.org/styles/15029http://userscripts.org/scripts/show/59367Please note, you will need to either stay logged in all the time (so keep cookies on!) or else disable these scripts to be able to login, use the forums, and upload new instructables and the like, unless you type the urls directly - laborious!Please let me know of any bugs.

Topic by Lithium Rain 9 years ago  |  last reply 9 years ago


Homepage header mods using Adobe CS5

Psst:  we're doing something fun with the Homepage header this week!  Adobe gave us a sneak peek at their Creative Suite 5 package, so we've used some of the new tools in CS5 to create five new themed headers and make some snazzy mods to some of our house ads.  It's a great way to have fun with our header, and celebrate the release of our new categories! As a bonus for all you Photoshop artists out there, fungus amungus will be posting an Instructable documenting how he made the header images.  How did he get the laser-cut logo to float?  There are some neat new tricks that made the process super-easy. Check out How to Make an Instructables Header for full instructions! Check back on the homepage every day this week to see what's new, and let us know what you think! Note:  the rest of the site is normal; any changes are the result of our new categories and updated header.  The homepage header will revert to its normal orange on Saturday.

Topic by canida 9 years ago  |  last reply 9 years ago


New Editor Header 3 Formatting Bug

I'm writing a new Instructable using the New Editor, and the formatting on my intro page keeps reverting to an incorrect formatting. I start off with one sentence written in normal text formatting followed by a couple of line breaks. Then, I have the word "INTRO" in Header 3 formatting followed by a line break then a line in italicized normal text. After a short while,  the word "INTRO" will change to normal text formatting and the line break will be replaced by a space so that the following italicized normal text line is next to the word "INTRO". I've tried correcting this several times, and it just keeps eventually reverting back to the undesired formatting. I have similar formatting in other parts of my Instructable, but this is the only place I've noticed this change occurring. Before and after pictures are attached.

Topic by TheAquaponicSource 5 years ago  |  last reply 5 years ago


Why is that little solar panel sneaking about...

That little solar panel that popped up behind robot, it was a link before but now it's in a sensible place...  Actually it was a little advertising easter egg earlier but now it's sitting there in its rightful place all smug and whatnot, lording it over me like some kind of photovoltaic fuhrer, thinks he's so good with his ability to turn photons in to voltage differentials, like I can't do that when I try. 

Topic by killerjackalope 8 years ago  |  last reply 8 years ago


New tabs.

The new tabs work, but they are counter-intuitive, and not as functional as I would expect. I would propose that the "More" tab be renamed "Community", to give a better indicator of what you will find there. Plus, I suggest that the "Explore" tab include an "All Recent" option, to allow people to see all the latest projects, without having to trawl all the categories to find out. See also: Frenzy's announcement. Goodhart's thread. Steveastrouk's thread. Mpilchfamily's thread. I am also starting to find it bleedin' annoying that a brief drift of the cursor too close to the top of the page means half my screen is covered by the drop-down menu.

Topic by Kiteman 7 years ago  |  last reply 7 years ago


Change the header picture for a Group [SOLVED]

Hello, Can anyone tell me how to change the header picture on our Group page? We have moved and we want to put a picture of the new location up. Any pointers would be appreciated.

Topic by Hack42 2 years ago  |  last reply 2 years ago


Me likey the new header layout.

Ok you guys, the new update rocks, especially the new header layout, and the profile page featured banners. On the header, when "Contests" and "Community" were right next to each other, I would always click on "Contests" when I wanted the other. The renaming of "Community" to "Forums" and moving it over is great. I always missed the featured banners on profile pages, and now that they're back, I love instructables even more (again!). And the new contest page layout is great. That's one less page I have to wait to load. On the "Awesome prizes" tab, though, you may want to insert some pictures. And I also like the relocation of the search bar. Overall, a very, very awesome update. Nice job, instructables team, give yourselves a pat on the back. You deserve it.

Topic by kcls 8 years ago  |  last reply 8 years ago


What Instructable is pictured on the home page?

Hello, NK here, There is an Instructable pictured in the website's header slideshow, as of October 6th, 2014, linking to the Halloween Costume contest. The picture shows a fantastic Warhammer 40k space marine costume. I would like to find that instructable, and my searches haven't really helped, so I was wondering if some kind soul could share the link in the comments. Thanks!

Question by nerfrocketeer 4 years ago  |  last reply 4 years ago


What is with this thing on 4chan?

There's a ->F**K<- (censored) (there's unicode arrows on the real page, but they dont work here) thing in small, red, bold, italics text at the top of the page. what's that?

Question by awdirpotrawrzb 10 years ago  |  last reply 7 years ago


Where can I find the file "WProgram.h"?

Whenever the PS/2 library for mice and keyboards ("ps2") is used right out of the box, it is missing the file "WProgram.h". Where can that file be found?

Question by VirtualBoxer 6 years ago  |  last reply 6 years ago


Has answers disappeared from your 'ible header too ? Answered

As of this morning, I can't see answers in the 'ible main page. Steve

Question by steveastrouk 9 years ago  |  last reply 9 years ago


Put the robot on your browser.

So yesterday when I had the usual Firefox Google page open up there was a little thing at the bottom that advertised an add-on called Personas. I checked it out and it turns out it has a lot of different "skins" for Firefox that you can interchange without restarting your browser. So, when I saw that you could make your own skins I thought of one thing, an Instructables persona, and here it is. For those who think that the amount of orange on each page of Instructables is not enough for their daily lives.The file for the footer is 3000x100 pixels. The file for the headers is 3000x200 pixels which is required for the headers and footers. The pictures below are just showing what the right sides of the different headers look like. The links below lead to the original files for the headers and footers so you can make them a part of your browser, just follow the instructions here, go to "Do I have to add my Persona to the public gallery?". Just download the original pics from these pages.Robot Header copyRobot Header 1 copyRobot Header 2 copyRobot Header 3 copyFooter it is just the darker orange color on the headerUPDATE:The persona for the first one is finally available on Personas

Topic by n8man 9 years ago  |  last reply 9 years ago


Custom PDF not working correctly

When I go to make a custom PDF, I remove the Header, Comments, and related instructables. However, tonight it is still showing the header and related instructables..

Topic by josheggleston 8 years ago  |  last reply 8 years ago


Do it yourself

I want to open an interior supporting wall and make a six foot wide by four foot tall pass thru window/bar counter between the kitchen and living room. Do I have to build a header for the opening?

Topic by TAPena 7 years ago  |  last reply 7 years ago


Stats tab fixed, cancel your Paypal subscription, header cleanup

The first notable release since Autodesk acquired us is up.  It feels like it's been some time since I've written one of these posts!  We've all spent a bunch of time getting set up with some of the new systems we're now working with... and then there was that enormous outage last Wednesday.  We've been doing some planning with the idea of avoiding that situation ever again, such as maybe using Autodesk resources to keep a hot swap version of the site going somewhere.  No decisions as yet though; uptime is a hard problem. Here's what is out now: Paypal subscribers may now cancel their own subscription (if this is you, just go to  https://www.instructables.com/you/pro) header cleanup; Facebook's login widget is much more manageable now new scripts to help bring Internet Explorer into line, javascript-wise Go Pro page design changes stats tab fixed (on the You page for Pro members) As always, please file a bug if you find one!

Topic by rachel 7 years ago


Is there any way to program an arduino nano without the USB port or ICSP headers?

I was wondering if there was a way to program an arduino nano without using the USB port on it or its ICSP headers. My arduino's USB port broke off and i don't have a programmer for the ICSP pins. Is there a way to program it with another arduino? If so, it would be great if you could point me in the right direction. Thanks!

Question by Robot Lover 7 years ago  |  last reply 2 years ago


Epilog contest page layout

So, I saw the Epilog contest today and when I saw the page, I noticed the different layout for the header, and I liked it. Just stick in the orange and change the "You" bar to white and you have a much slimmer header bar for Instructables. Any thoughts?

Topic by n8man 10 years ago  |  last reply 10 years ago


Can an xbee send live video streaming? Answered

Well, the header says it all. SKC

Question by Balls of Kevlar 7 years ago  |  last reply 7 years ago


Page Layout

The menus and header layout don't display right in IE9 (nor IE8 or IE7 mode). See the attached file.

Topic by rrdenn 7 years ago  |  last reply 7 years ago


Instructables update - image URL upload, popular and feature notifications, a new header, and more!

We made an update to Instructables last night and added:- Upload an image from a url (http://...my.jpg). Look for this as a new pull-down menu anywhere you upload files.- A fix for a paging bug on large page numbers.- New header design that lets us better integrate our contest announcements, and gives us a spot for leaderboard ads, which a few advertisers have literally been begging us to support.- Popular and feature email notification. If your Instructable makes it to the featured or popular list, we'll send you an email to let you know. - The search page now has a big text field and pull-down menu, which should make it easier to use.- and a bunch of minor improvements and bug fixes.We're always trying to make Instructables better and add fun new things. Let us know what you think!

Topic by ewilhelm 11 years ago  |  last reply 11 years ago


Pages blocked

Just recently certain pages have not been displaying, along with the Instructables header. Probably ad ware problems

Topic by Mud Stuffin 10 years ago  |  last reply 10 years ago


Rendering of Instructables in Chrome

Rendering of the Header section in google chrome obscures the login button with the contests button see attached image 

Topic by m^3 7 years ago  |  last reply 7 years ago


No Search on Initial Log in

When I first log in to Instructables, there is no search box in the header. System: Windows 7 Pro, SP1 Firefox 30.0 Internet Explorer 9.0.28

Topic by CajunBorn 4 years ago  |  last reply 4 years ago


Off board LED mounting. Crimps?!? Answered

Hi,I've got a project I'm working on requiring sixteen LEDs to be mounted approxomitely 60cm (23") from the main PCB. I've been looking at soldering 60cm lengths of wire onto each one and then using female headers  with a crimp on the end and then plugging them into a row of male headers. I have no crimp tool, will I need one? Is there an easier way to accomplish this? Thanks!

Question by inbox.jason 8 years ago  |  last reply 8 years ago


Reset button ? Answered

In this schematic wat is the use of the reset button and i am not gonna make the icsp header as i will programme the chip bheforehand so do i have to make the reset switch circuit.

Question by robot1398 7 years ago  |  last reply 7 years ago


"You Page"

This is in reference to a typo in the drop down menu at the right side of the header (it shows the user's icon and says "You").  The first option in this dropdown is "You Page", but it seems it should actually be "YouR Page"

Topic by gussiegal 4 years ago  |  last reply 4 years ago


Make It Glow Challenge Rules

The header says "LEDs, EL Wire and Lightbulbs".  Does your project have to include at least one of those, or can it be anything that glows? Thanks!

Topic by technoplastique 7 years ago  |  last reply 7 years ago


searching for members by interest doesn't work

When you click on an interest that someone has listed, it takes you to a blank page. (Apart from the usual header and sidebars.)

Topic by ganglion 8 years ago  |  last reply 8 years ago


Instructable has not shown up in Contest

Hi,My most recent instructable does not show up on the contest page but does have the contest header. Whats up?Thanks

Topic by joejoerowley 11 years ago  |  last reply 11 years ago


What are the pins called that you use to break out of a board?

I plan on buying a board that does not have breakout pins. Instead of just soldering wires right onto it I wanted to solder on my own pin headers. What are the pins called to buy them as individual items? I have only found them bundled with stuff. Granted I haven't searched long and hard, but I'm at work and I can't :( I'm gather supplies and brainstorming my CNC project.

Topic by Phoenix17 5 years ago  |  last reply 5 years ago


Change instructables from orange! - Update 3 2/18

Yes, folks, the moment we've all been waiting for...you can customize the header at long last!(For real this time. See, I actually PUBLISHED the topic! Note to self: do not save forum topics with intent to publish later. Stalkers will find them first and leak it. :-P )For years the instructables header has been full of orangey goodness. Maybe a little too much orangey goodness. When I first saw the site, I thought, "Huh. It's February. A little early for halloween...". No lie. When I realized it's like this all the time, I realized something had to be done. I finally got around to sitting down and once and for all giving full control of the header to the user. Now, don't get me wrong. I love orange. I think the admins did a great job picking colors, I'm not trying to hate on them. But let's face it, sometimes change is good.With this handy-dandy style, you simply install stylish, load it, and presto! No more header screaming ORANGE ORANGE ORANGE and pounding you over the head with shocking vibrant hues until you die. No more co-workers saying "are you on instructables again?! " Yes folks, the header is invisible! Links are all black, to avoid conflict with buttons and such. Link colors (and header color) are easily edited. To change link colors, open the script and go to the sectionlinks */a {color: #000 !important; and change from #000 to whatever color you wish. Instructions for making your own styles coming soon.To install, Firefox users can just install this addon and load the ClearHeader style. However, opera users and those whose browser supports greasemonkey can load the style as a userscript. It's cross browser!So for headers that are different colors, install the scripts/styles below. Many thanks to Gmjhowe for his generous contribution of mad photoshop skillz. More are coming soon. Check back with this forum topic for updates and more colors - I'll mark it each time with the date updated. The headers might be a little bit rough - if you don't like them, go to the second image entry and clear out the URL in parenthesis to get a colored header with no hand.Red: (Coming soon)Blue: http://userstyles.org/styles/14765 Invisible: http://userstyles.org/styles/15029NEW! Yellow: http://userstyles.org/styles/15107Green: http://userstyles.org/styles/14804Eric's shoes Purple taken from his famous shoes instructable!: http://userstyles.org/styles/15032Gray: http://userstyles.org/styles/15030Black: (Coming soon)Silver: (Coming soon)NEW! Kiteman: http://userstyles.org/styles/15039NEW! Ewilhelm: http://userstyles.org/styles/15099Edit, tweak and post these to your heart's content. If you have questions, problems, etc, please post them here or PM me and we'll get it worked out.Many, many thanks to Yokozuna for providing me a handlogo file so I didn't have to color them in pixel by pixel like I was earlier, or mooch off gmjhowe like I did after that. :-D

Topic by Lithium Rain 10 years ago  |  last reply 9 years ago


More PDF issues

I've been trying to download a PDF file of my instructable, but when I uncheck the boxes for header and related instructables or any other custom box, it still sends the whole thing.

Topic by robbtoberfest 6 years ago  |  last reply 6 years ago


constructing an a-frame, lean-to roof on a garage

I started framing a lean-to, a-frame roof like a deck (with an a-frame "header" and three joist hangers). The joists are angled at about a 45-degree angle and are perpendicular to the garage (on which I hung the header). There will be two 4x4 posts at the end of the 10'x10' roof. When I looked for advice about this framing style, I found nothing. Is this going to be stable? I designed the roof this way because I have 6' reclaimed cedar fence panels that will run down the roof like shingles. Thanks for your help.

Topic by meralgia 7 years ago  |  last reply 7 years ago


90 copies of the newsletter?

I seem to have recieved approximately 90 copies of the most recent newletter in my email over the last couple of days. The headers and routing all look legitimate, is there a problem with the email send stuff? Gene

Topic by egbertfitzwilly 4 years ago  |  last reply 4 years ago


Is the new answers-less layout permenant?

Just curious, site went down for maintenance today, and now that it's back, the answers section is gone from the title header.  Is answers going the way of the dodo bird?

Topic by frollard 9 years ago  |  last reply 9 years ago


LCD/VFD free samples?

These screens are pretty expensive, has anyone been successful at recieving a sample? Also if anyone knows where I can get samples of flux, desoldering braid, perspex, rare-earth magnets, IC sockets and headers. Thanks, Alex.

Topic by alexgeek 10 years ago  |  last reply 4 years ago