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

How Can I Make Something Like This In My Website? i have attached a screenshot.

By dolrich06, in Programming

Recommended Posts

pasten    0

pasten
Posted

First create a small image (preferably 32 x 32 pixels) in any image creation/editing program. Then you will need to convert that into .ico format. You can use free online image converter http://www.converthub.com/ incase your program cannot convert it. Now rename that file to "favicon.ico" and upload it to the root folder of your website. That's it. You wil not see the changes immediately, as you may need to clear the cache of your browser. If you're using cache functionality in CMS then you need to clear there too I guess.

Share this post

Link to post
Share on other sites

Ash-Bash    0

Ash-Bash
Posted

Its called a favicon icon by the way But what pasten said you should be able to do it:

First create a small image (preferably 32 x 32 pixels) in any image creation/editing program. Then you will need to convert that into .ico format. You can use free online image converter http://www.converthub.com/ incase your program cannot convert it. Now rename that file to "favicon.ico" and upload it to the root folder of your website. That's it. You wil not see the changes immediately, as you may need to clear the cache of your browser. If you're using cache functionality in CMS then you need to clear there too I guess.

Share this post

Link to post
Share on other sites

Saint_Michael    3

Saint_Michael
Posted

To clear up a few things, first it is called a favicon, which is basically a bookmark icon you would save in your bookmarks or favorites folder in your browser, second it is a 16x16 not 32x32. Pankyy is correct that you would need that line of code in order for for the favicon to be display but of course don't forgot to upload it your hosting account in order it to be displayed correctly.

Share this post

Link to post
Share on other sites

galexcd    0

galexcd
Posted (edited)

I'm not, but wouldn't you need to add:


<link rel="shortcut icon" href="http://forums.xisto.com/no_longer_exists/;

too?

 


You only need to add that code if the favicon is not labeled favicon.ico or is not in the root directory of your website.


it is a 16x16 not 32x32.


Actually the new standard is 32x32. Older browsers will scale the image down, and some newer browsers display the favicon's 32x32.


Edited by OpaQue (see edit history)

Share this post

Link to post
Share on other sites

pasten    0

pasten
Posted (edited)

Also note, if you use a software (forum or CMS) you may have to do a different edit, as that edit messed a few things up.

Well, that depends on the CMS you are using. For example, in Joomla! you need to put that file in the folder which acts as the root of the CMS and not the server. That is, if the path to the homepage of the cms is http://forums.xisto.com/no_longer_exists/ then you need to put that favicon in the "joomla" folder and not htdocs. BTW on which CMS you did that edit. Edited by pasten (see edit history)

Share this post

Link to post
Share on other sites

dolrich06    0

dolrich06
Posted

Thank you so much. It took me a while to figure it out. would it be possible if i change the size of the icon? Like for example, 32 x 64?

Share this post

Link to post
Share on other sites

freeflashclocks    0

freeflashclocks
Posted

No, the favicon has a fixed size of 16x16, which means the width and height have both 16 as its value.

Do not know if you acually created and tested your favicon, but i must say that the code must be inserted in the head section or head tag, i am sure you know that, if not, see the html structure with all tags normally:

<html><head>
<title></title>
<link rel="shortcut icon" href="http://www.eurodns.com/favicon.ico">
</head>
<body></body>
</html>

If you inserted the favicon on the root folder, which has the extension of name.ico, you only need to change the "yourdomainname" text to your actual domain name, if you insert in a sub folder, with a name like "images", then you must insert that folder/directory in the url like this:
<html><head>
<title></title>
<link rel="shortcut icon" href="https://my.eurodns.com/login">
</head>
<body></body>
</html>

Notice that the code is inside the head tag (</head>the code</head>), anyway, this is html, the most baisc of it, but if you plan to work u on a website, you must learn the html, so read a ebook like html for dummies or some other good ebook, google will help you not to spend money.

Share this post

Link to post
Share on other sites

eddyruiz    0

eddyruiz
Posted

Just wanted to thank everyone for this info. I'll be using it soon as well. I was in the web development industry a few years back, and now i'm just getting back into it. Thanks again for the help.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
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