Jump to content
xisto Community
Sign in to follow this  
Followers 0
krap

Little Icon Next To Address How to get them?

By krap, in Websites and Web Designing

Recommended Posts

krap    0

krap
Posted

ive noticed lots of sites when i use opera have a little icon to the left of the address bar:

Posted Image

Posted Image

and i saw this frog when i was uploading the first 2 :)

Posted Image

They look quite cool and since i dont know what they use (php or html etc)to get there im asking here if anyone knows how to get them?.(another reason is that most of the forums are hiding under a complicated sub-folder sort of thing) Thanks in advance

Share this post

Link to post
Share on other sites

katif    0

katif
Posted

It's called favicon.. You need to have a program in which you can make files with .ico extension...You need to make the icon, its size is 16x16save it as favicon.ico and upload to your web directory.then add <LINK REL="SHORTCUT ICON" HREF="favicon.ico"> in the head tag and the favicon should appear..

Share this post

Link to post
Share on other sites

krap    0

krap
Posted

thanks for the fast reply. :) do you know what program to use to make the .ico files or even better an online one where you upload and convert?thanks

Share this post

Link to post
Share on other sites

RGPHNX    0

RGPHNX
Posted

krap,Ckeck out the tut over at Xisto's sistersite. "Xisto.com". Theres a good tutorial there. I think "Homer" is the author( or one of the posters- can't remember which). NilsC turned me on to it Just search for "Favicon" when you get there.Hope this helpsRGPHNX

Share this post

Link to post
Share on other sites

Sprnknwn    0

Sprnknwn
Posted

All you have to do is open photoshop, fireworks or another image editor, and make what you want to appear there in a small size (I Think it?s 16x16 or 32x32 pixels. Don?t know if both of them are correct, but I have one of 16x16 in my website and it works). You have to save that as a .bmp file and then rename it to .icoNormally you pick your logo and resize it to smaller one, but you have to make sure that your logo will be crearly visible with that small size. If not, you?d better try with another thing that is representative of the site.The favicon appears in Mozilla and Netscape-based browsers and Opera, but also in explorer when you bookmark a page. :)

Share this post

Link to post
Share on other sites

snlildude87    0

snlildude87
Posted

thanks for the fast reply. :) do you know what program to use to make the .ico files or even better an online one where you upload and convert?

thanks

60992[/snapback]

The small image next to the address is called a favicon.

 

You don't have to download a program or anything to convert your images to a favicon. You can use an online tool by html-kit at http://forums.xisto.com/no_longer_exists/. All you have to do is look for an image from your hard drive, and press Generate FavIcon.ico. Then, you can download the generate .ico file in a zip, and use it in your website!

 

Here's the website of the online tool that I was referring to ^: http://favicon.htmlkit.com/favicon/.

 

Also, to put the favicon in your browser, insert the following HTML code between the 

<head>
tags:

<link rel="icon" href="swirl2.ico" type="image/x-icon"><link rel="shortcut icon" href="swirl2.ico" type="image/x-icon">
katif mentioned 

<LINK REL="SHORTCUT ICON" HREF="favicon.ico">
, but I added a third argument: the type. Also, putting two in your webpage will increase your chances of the favicon showing in older browsers.

Share this post

Link to post
Share on other sites

krap    0

krap
Posted

Thanks guys i did it :) i think the reputation will go to Sprnknwn as he told me how to make it using paint.. which i found useful
:)
If ya want to see my icon Click Here

Share this post

Link to post
Share on other sites

Plenoptic    0

Plenoptic
Posted

Well you know what? I have always been wondering about that. I always thought it was pretty cool but never knew how they got there. I was going to ask but I guess I forgot. I might try to make one over Thanksgiving Break. It would be pretty cool.

Share this post

Link to post
Share on other sites

cardude    0

cardude
Posted

Well you know what?  I have always been wondering about that.  I always thought it was pretty cool but never knew how they got there.  I was going to ask but I guess I forgot.  I might try to make one over Thanksgiving Break.  It would be pretty cool.

206834[/snapback]


It isn't hard! You can just use an existing image, and then have the tool posted in the link above convert the image for you!

Share this post

Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  
Followers 0
Go To Topic Listing
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept