Jump to content

How to add domain icon .


` εЯЯoЯ ^

Recommended Posts

What i mean with the phrase " domain icon " ? Check the icon near the site link .

 

iconsp6.jpg

 

http://img136.imageshack.us/img136/9063/iconsp6.jpg

 

OK , let's start ! For example we want to add in our LineageII site an icon like this

 

faviconbo4.jpg

 

http://img5.imageshack.us/img5/8365/faviconbo4.jpg

 

IF you working your LineageII site with diskw , go in your image's folder . For example 

 

C:\Documents and Settings\LoStRe\Επιφάνεια εργασίας\diskw\www\skins\matrix\img

 

And put the icon there ! ( You can use your own icon 16 x 16 )

 

After that , go in your skin and find the file " style " .

 

OPEN the file and add this command :

 

<link rel="shortcut icon" href="DomainOfYourSite/skins/(your skin name)/favicon.ico" type="image/x-icon" />

 

SO it will be something like that :

 

 <title><? echo "$htitle";?></title>


  <link rel="shortcut icon" href="http://localhost/skins/matrix/favicon.ico" type="image/x-icon" />
  <meta http-equiv="Content-Style-Type" content="text/css">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link REL="StyleSheet" HREF="skins/none/style000.css" TYPE="text/css">
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><style type="text/css">
<!--
body {
background-color: #000000;
}
--> 

 

IF you follow the guide step by step the results will be as the following picture :

 

width=640 height=16http://img142.imageshack.us/img142/5087/siterf1.jpg[/img]

 

http://img142.imageshack.us/img142/5087/siterf1.jpg

 

IF you run your site in a company , you have to upload the icon 16 x 16 in your host and you have to add the command in the style of your site . With the same way .

 

This tool is working for all web sites ! I just gave an example about LineageII

 

Don't forget that with this command you can add domain icon FREE !

 

UPDATE :

 

.png : New programs, like photoshop, can use and edit images better in png format.That's how some users put their icon in png format.There's a little problem here.If you need to put this like .png, IE(The regural Internet Explorer) won't detect it sometimes.Other known browsers (ex. Mozilla Firefox ) will recognize it with no problem.

 

BOTH : If you need to insert the png but have a backup ico file for the IE users, then you need to enter an if condition in your html code:

 


<link href="/path/to/favicon.ico" rel="icon"/>
<![if ! IE]>
<link href="/path/to/favicon.png" rel="shortcut icon"/>
<![endif]>

 

 

Regards

`aToFiOs ^

Link to comment
Share on other sites

That was too simple but too useful...Ty Lostre..!!!

 

Usefull yae , but i don't think that is simple :) Thnks for your comment too !

 

UPDATED a bit !

Link to comment
Share on other sites

Yae ! Some Web Hosting services include the favicon.ico ! But you have to pay !

 

As you can see this command can give you the domain icon without pay . Understood ? huh ?

 

So read carefully !

Link to comment
Share on other sites

Good guide ^^. And btw if you pay or not it's used the same code :)

 

Yae of course :) But we are not crazy to pay . Thnks for your comments dude !

Link to comment
Share on other sites

Sometimes, mozilla autorecognize favicons and show them.

 

I'll give some more info for the more curious, if you don't mind LoStRe:

 

- Favicon.ico or Favicon.gif,png ?

 

.ico : This is the standard format of this little icon which appears in the address bar.It's supported from all famous and known browsers and a user should not have any problem with it.If you need to insert such an icon, then you need to write a code in the <head> tags:

 

<link rel="Shortcut Icon" href="/path/to/favicon.ico" />

 

.png : New programs, like photoshop, can use and edit images better in png format.That's how some users put their icon in png format.There's a little problem here.If you need to put this like .png, IE(The regural Internet Explorer) won't detect it sometimes.Other known browsers (ex. Mozilla Firefox ) will recognize it with no problem.

 

BOTH : If you need to insert the png but have a backup ico file for the IE users, then you need to enter an if condition in your html code:

 

<link href="/path/to/favicon.ico" rel="icon"/>
<![if ! IE]>
<link href="/path/to/favicon.png" rel="shortcut icon"/>
<![endif]>

 

You're done!

Cheers,

-Blane

 

Link to comment
Share on other sites

  • 8 months later...
  • 7 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...