    &lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;favicon.ico&quot; /&gt;

add this to your HTML Head.
Of course the file &quot;favicon.ico&quot; has to exist.
I think 16x16 or 32x32 pixel files are best.

this is an interesting question so let check it 
if you have a image for use as a website-icon then 

Add this to your script 

 

       &lt;link rel=&quot;icon&quot; type=&quot;image/gif&quot; href=&quot;animated_favicon1.gif&quot; /&gt;

otherwise if you have a icon for your website icon then you chose 
  

     &lt;link rel=&quot;shortcut icon&quot; href=&quot;favicon.ico&quot; /&gt;

I always use http://www.iconspedia.com/ for more icons 

if my answer solved your problem then give me vote 
ok




They&#39;re called favicons, and are quite easy to make/use. Have a read of http://www.favicon.com/ for help.

Apparently you can use this trick. 

        
    &lt;title&gt;&#128200; My title&lt;/title&gt;

That icon-alike is actually a text.

The [accepted answer][1] works perfectly fine. I just want to mention a minor problem with the [answer devXen has given][2].

If you set the icon like this:

    &lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;icon.ico&quot;&gt;
The icon will work as expected:

[![enter image description here][3]][3]

However, if you set it like [devXen][4] has suggested:

    &lt;title&gt;&#129488; Amir A. Shabani&lt;/title&gt;
The title of the page moves upon refresh:

[![enter image description here][5]][5]

So I would advise using `&lt;link&gt;` instead.

  [1]: https://stackoverflow.com/a/1417490/6282576
  [2]: https://stackoverflow.com/a/29794080/6282576
  [3]: https://i.stack.imgur.com/ehfZW.gif
  [4]: https://stackoverflow.com/users/50021/devxen
  [5]: https://i.stack.imgur.com/VmNKv.gif

[According to w3school](https://www.w3schools.com/tags/att_link_sizes.asp):

    &lt;link rel=&quot;icon&quot; href=&quot;your_icon&quot;/&gt;

This code will definitely work. In a comment I saw they are using a &#39;js&#39; syntax that is not for everyone only for those who are working with &#39;express.js&#39;

    &lt;link rel=&quot;icon&quot; href=&quot;demo_icon.gif&quot; sizes=&quot;16x16&quot;&gt;
    &lt;title&gt; Reddit&lt;/title&gt;

you can also add png and jpg

If using in ruby rails use the below code.

For calculating the path of the file, asset_path function is used to find the image that we are using inside of the rails code embedded in `&lt;%= code %&gt;`

    &lt;link rel=&quot;icon&quot; type=&quot;image/png&quot; href=&quot;&lt;%= asset_path(&#39;icon_name.jpg&#39;)%&gt;&quot;&gt;

If you wanna use a URL just you can use this code.

```
&lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;https://...&quot; /&gt;
```

I have an Eclipse project (Flex Builder) of which the actual files have changed location on the drive. When I start Eclipse I can see the project listed but there are no actual files listed. Right clicking the project and selecting properties will show me the old path where the files used to be stored but I can&#39;t change it.

How can I change the file location of an Eclipse project where it will look for the files after the project has been created?


Eclipse change project files location

This had me scratching my head for a while.  I was unintentionally slicing an array with None and getting something other than an error (I expected an error).  Instead, it returns an array with an extra dimension.

    &gt;&gt;&gt; import numpy
    &gt;&gt;&gt; a = numpy.arange(4).reshape(2,2)
    &gt;&gt;&gt; a
    array([[0, 1],
           [2, 3]])
    &gt;&gt;&gt; a[None]
    array([[[0, 1],
            [2, 3]]])

Is this behavior intentional or a side-effect?  If intentional, is there some rationale for it?


NumPy array slice using None

I would like to have my site’s logo shown in the icon area of the title rather than the default white document. Exactly as Stack Overflow has it.



How do I get my page title to have an icon?

<p>I would like to have my site’s logo shown in the icon area of the title rather than the default white document. Exactly as Stack Overflow has it.</p>


I have a website with center-aligned DIV. Now, some pages need scrolling, some don&#39;t. When I move from one type to another, the appearance of a scrollbar moves the page a few pixels to the side. Is there any way to avoid this without explicitly showing the scrollbars on each page?

How to prevent scrollbar from repositioning web page?

I want to simulate a click to an anchor tag with all extras like correct target handling.

There seems to be a &quot;[click()][3]&quot; method for anchor&#39;s DOM object but not all browsers support that. Firefox throws this error:

&gt; Error: anchorObj.click is not a function

It also works strangely on Opera 10 and Konqueror, causing infinite clicks to happen when it&#39;s called inside onclick handler of a surrounding div. I guess only IE8 works fine with it. Anyway I don&#39;t want it since major browsers mostly have problems with it. 

I found this alternate solution for Firefox in Mozilla forums:

    var evt = document.createEvent(&quot;MouseEvents&quot;); 
    evt.initMouseEvent(&quot;click&quot;, true, true, window, 
        0, 0, 0, 0, 0, false, false, false, false, 0, null); 
    anchorObj.dispatchEvent(evt); 

This seems too ugly and cumbersome for me. I don&#39;t know how compatible it is and I want to avoid writing browser specific code as much as possible.

I can&#39;t use location.href = anchorObj.href; because it doesn&#39;t handle &quot;target&quot; attribute. I can do some hard coding based on target&#39;s value but I&#39;d like to avoid that as well.

There is suggestion of switching to JQuery but I&#39;m not sure how well it handles target property either since I haven&#39;t worked with it before.

How can I simulate a click to an anchor tag?

&gt; You can set the width of inline elements like `&lt;span&gt;`, `&lt;em&gt;` and `&lt;strong&gt;`, but you won’t notice any effect until you position them.

a) I thought the width of inline an inline element can’t be set?
&lt;br&gt;

b) Assuming width can be set - we won’t notice any effects ( thus the width we specify ) until we position inline element. Position how/where?
&lt;br&gt;

c) Why is the width of inline elements apparent only when we “position” them? 


Setting the width of inline elements

I&#39;ve got a tabbed navigation bar where I&#39;d like the open tab to have a shadow to set it apart from the other tabs. I&#39;d also like the whole tab section to have a single shadow (see bottom horizontal line) going up, shading the bottom of all tabs except for the open one. 

I&#39;m going to use CSS3&#39;s `box-shadow` property to do it, but I can&#39;t figure out a way to shade only the parts I want. 

Normally I&#39;d cover up the bottom shadow of the open tab with the content area (higher `z-index`), but in this case the content area itself has a shadow so that would just wind up covering the tab.

### Tab layout
&lt;pre&gt;
     _______    _______    _______
    |       |  |       |  |       |
____|_______|__|       |__|_______|______

&lt;/pre&gt;

### Shadow line. 
Shadow would go up from the horizontal lines, and outward of the vertical lines.

&lt;pre&gt;
                _______
               |       |
_______________|       |_________________

&lt;/pre&gt;

[Here][1] is a live example:


Any help out there, geniuses?


  [1]: http://www.apwit.com/aplacetoputthings/tabs.html

Creating a CSS3 box-shadow on all sides but one

I have a problem where users are reporting that their images aren&#39;t being uploaded and the old ones are still there. On closer inspection the new images are there, they just have the same name as the old one. What I do on the upload is that I rename the images for SEO purposes. When they delete an image the old index becomes available and is reused. Therefore it has the same image name. 

Is there a way to (i thought maybe there might be a meta tag for this) to tell the browser to not use its cahce?

The better answer is to rename the image to something totally new. I will get working on that but in the mean time is the quick solution while I work on the bigger problem.

Is there a way to force browsers to refresh/download images?

- What do the icons in the Eclipse debugger mean?
- What do the icon decorators in Eclipse mean?
- What do the icons in Eclipse&#39;s Package Explorer mean?
- What do the little letters on top of Eclipse icons mean?
- What&#39;s the difference between the two error icons in Eclipse (the x in the red circle and the one with the light bulb)?

I just came to SO looking for this, didn&#39;t find it, and found it on my own elsewhere. But I thought it would be good for SO to have the answer for future reference; I wondered about them all the time when I was new to Eclipse (this was before I discovered SO).

What do the icons in Eclipse mean?

I have a `JFrame` that displays a Java icon on the title bar (left corner).
I want to change that icon to my custom icon. How should I do it?

How to change JFrame icon

I&#39;ve been making good use of the jQuery icons in my web app, but have come to a point where I would like to use a color that I&#39;m not able to achieve by default. I&#39;m currently using the &quot;State Street&quot; theme, which primarily uses green. But I have a red box with white text, and would like to use an icon that is white as well. There are white icons that are supplied with the theme, but they only get applied when the icons are inside a div (or some other container) that has a class of &quot;ui-state-focus&quot;. This will make the icon white, but will change the background color to green, which I want to leave as red.

Is there any way (most likely via CSS) to override what background image jQuery uses for the icons, so that I can use a different color?

Thanks.

**CLARIFICATION:** I guess it would help for me to post the html I&#39;m currently working with:

    &lt;!-- currently produces a default &#39;grey&#39; icon color --&gt;
    &lt;!-- this b/c no jquery ui class (like ui-state-focus) given for errorMessage div --&gt;
    &lt;div id=&quot;errorMessage&quot;&gt;
        &lt;span class=&quot;ui-icon ui-icon-alert&quot; style=&quot;float: left&quot;&gt;&lt;/span&gt;
        Only 1 Activity can be added at a time 
    &lt;/div&gt;

I also have CSS:

    .dialog #errorMessage
    {
        /*display: none;*/
        background-color: #CC3300;
        color: #FFFFFF;
        font-weight: bold;
        padding-top: 3px;
        padding-bottom: 3px;
        vertical-align: bottom;
        bottom: auto;
        font-size: .80em;
        width: 100%
    }

&quot;display: none&quot; is currently commented out so I can see it. I do have it set up to fadeIn on error catch. Thanks again for the help.

How To Specify (Override) JQuery Icon Color

It is possible to set one Icon so, that it would be used on every window in current app. So that i set it once (not on every window by hand)..?

WPF Icon for all app windows

I am using the git plugin for Eclipse. Some of my files are marked with a brown asterisk. What does it mean? Where can I find documentation for what the rest of the git icons mean in Eclipse?

![alt text][1]

  [1]: https://i.stack.imgur.com/OFSfe.jpg

Content Type	Original Author	Original Content on Stackoverflow
Question	littlechris	View Question on Stackoverflow
Solution 1 - Html	NiklasMM	View Answer on Stackoverflow
Solution 2 - Html	anirudha	View Answer on Stackoverflow
Solution 3 - Html	Paul McLean	View Answer on Stackoverflow
Solution 4 - Html	devXen	View Answer on Stackoverflow
Solution 5 - Html	Amir Shabani	View Answer on Stackoverflow
Solution 6 - Html	C.A. Gavin Lee	View Answer on Stackoverflow
Solution 7 - Html	MD SHAYON	View Answer on Stackoverflow
Solution 8 - Html	Sunil Kumar	View Answer on Stackoverflow
Solution 9 - Html	behdad setoodegan	View Answer on Stackoverflow

How do I get my page title to have an icon?

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

Solution 5 - Html

Solution 6 - Html

Solution 7 - Html

Solution 8 - Html

Solution 9 - Html

NumPy array slice using None

Eclipse change project files location

Attributions