Best methods for creating a header bar like stumbleupon

Posted on 2011-10-14
Last Modified: 2012-05-12
Hi all,

I'm looking to create a useful toolbar that it still present when external sites are loaded - users click various links to external sites but I maintain a tool bar at the top.

Now, I read framesets are a thing of the past (are they?) - is there a much more modern robust way to do this.

Here's an example of the StumbleUpon bar:

Any pointers on how I can achieve this much appreciated.


Question by:dolythgoe
    LVL 22

    Expert Comment

    why not just use the source code folder...

    on your IE browser click File (Save as)
    and select website Complete and  the
    folder is in there
    utilize the code to create on to your liking :)


    Author Comment

    I'm not sure what you mean? I'm looking to build my own custom toolbar with custom features - just need to get the construct - SU wis just an example but basically my question is how do I achieve a fixed bar at the top where I can load in different content below.
    LVL 22

    Accepted Solution

    atached screenshot

    LVL 22

    Expert Comment

    the source code will show you where to position it :)

    Author Closing Comment

    Good answer for finding structure but not specifc to how it's done - just a method for deriving.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
    In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

    760 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    8 Experts available now in Live!

    Get 1:1 Help Now