Image in Nav Bar at top = how?

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • wondering

    Image in Nav Bar at top = how?

    hi. may i ask some enlightened person out there to help me with a
    very simple question? i noticed that some sites have images where the
    nav bar usually has just text. for example, if you go to
    http://www.adobe.com, you don't just see http://www.adobe.com, you see
    that PLUS their logo on the far left part of the nav bar.

    the way to do it must be posted as a tutorial somewhere on the web and
    i've done some searches but i just can't find it. i know it must be
    easy but i don't know where to find the tutorial.

    if someone would just give me a url with tutorials on how to do it, i
    can take it from there!

    sorry for this simple question, but i hope someone will have the
    answer i'm looking for!

    thanks!
  • Frances Del Rio

    #2
    Re: Image in Nav Bar at top = how?

    this is best asked in the html group
    (comp.infosyste ms.www.authoring.html), since it involves only HTML (and
    image editing), and no javascript, it's that simple... for general info
    you might start here.. http://www.favicon.com/
    (these little images are called 'favicon' because they're supposed to
    appear mainly next to url in favorites list, but if you bookmark a site
    icon also appears on location bar (next to url..) in Netscape, however,
    it appears whether or not you bookmark the site.. (at least that's the
    case for me.. on Windows 2000 & IE 6 & Netscape 7.. for ex. if you
    bookmark my site, www.francesdelrio.com in IE, you should see a little
    smiley face next to address..)

    you need to download an image utility to convert your image to an .ico
    image (Photoshop unfortunately can't do this.. maybe soon.. ;), one of
    which is called Irfan view, which you can get here:


    in yr html file, in header (in betw. <head> and </head> tags), you put
    following code:

    <LINK rel="shortcut icon" href="images/myicon.ico" type="image/x-icon">

    and you're in business..
    (icon should be 16 x 16 pixels..)

    good luck... Frances


    wondering wrote:[color=blue]
    > hi. may i ask some enlightened person out there to help me with a
    > very simple question? i noticed that some sites have images where the
    > nav bar usually has just text. for example, if you go to
    > http://www.adobe.com, you don't just see http://www.adobe.com, you see
    > that PLUS their logo on the far left part of the nav bar.
    >
    > the way to do it must be posted as a tutorial somewhere on the web and
    > i've done some searches but i just can't find it. i know it must be
    > easy but i don't know where to find the tutorial.
    >
    > if someone would just give me a url with tutorials on how to do it, i
    > can take it from there!
    >
    > sorry for this simple question, but i hope someone will have the
    > answer i'm looking for!
    >
    > thanks![/color]

    Comment

    • wondering

      #3
      Re: Image in Nav Bar at top = how?

      hi frances,

      that's it! oops, sorry! i thought it was a javascript thing.

      hmmm. i'm surprised that photoshop can't do it. when creating .ico
      images for CD-ROMs, i usually create bmp files using photoshop and
      simply replace the extension. for example, logo.bmp to logo.ico and
      the image appears properly. maybe i'll experiment and see.

      thanks again for your help! let me know if you think my idea is just
      off the wall (about changing the extension).

      thanks!

      Comment

      • Andrew Thompson

        #4
        Re: Image in Nav Bar at top = how?

        On 17 Sep 2004 04:13:26 -0700, wondering wrote:
        [color=blue]
        > ..for example, logo.bmp to logo.ico and
        > the image appears properly.[/color]
        ...[color=blue]
        > let me know if you think my idea is just
        > off the wall (about changing the extension).[/color]

        I tried that a while ago and ran into problems..
        (wracks memory) I think it was that .ico is a
        slightly different format, that can return different
        images appropriate to the size requested (e.g.
        it might store a 16x16 as well as a 32x32 .bmp)

        HTH

        --
        Andrew Thompson
        http://www.PhySci.org/codes/ Web & IT Help
        http://www.PhySci.org/ Open-source software suite
        http://www.1point1C.org/ Science & Technology
        http://www.lensescapes.com/ Images that escape the mundane

        Comment

        • Thomas 'PointedEars' Lahn

          #5
          Re: Image in Nav Bar at top = how?

          wondering wrote:
          [color=blue]
          > hmmm. i'm surprised that photoshop can't do it. when creating .ico
          > images for CD-ROMs, i usually create bmp files using photoshop and
          > simply replace the extension. for example, logo.bmp to logo.ico and
          > the image appears properly. maybe i'll experiment and see.
          >
          > thanks again for your help! let me know if you think my idea is just
          > off the wall (about changing the extension).[/color]

          It is off the wall. Changing the "extension" (i.e. the filename suffix)
          only changes the name, not the format, even if Windoze Explorer (the
          File Manager app) tells it different. Windows Bitmaps suffixed .ico
          may work in IE for Windows (because this app provides the bitmap import
          filters), they won't work in other UAs or other platforms. Instead, you
          are required to use an icon editor, preferably one that allows pasting
          bitmaps into the icon mask, so you can use the bitmap you have already
          designed. I prefer Microangelo on Windows and KIconEdit on GNU/Linux+KDE3
          for this task.


          PointedEars
          --
          "Marge, it takes two to lie: one to lie and one to listen."
          -- Homer J. Simpson

          Comment

          Working...