-
Notifications
You must be signed in to change notification settings - Fork 2
/
example.html
112 lines (96 loc) · 3.48 KB
/
example.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jquery.favicons.js examples</title>
<style type="text/css">
.favicon {
background: no-repeat;
background-size: 16px;
padding-left: 20px;
}
.favicon2 {
background: no-repeat;
background-size: 16px;
padding-left: 25px;
margin-right: 10px;
color: #666;
text-decoration: none;
}
.favicon2:hover {
color: #333;
text-decoration: underline;
}
body {
margin: 1.0em;
background-color: #fff;
font-family: Helvetica, Arial, FreeSans, san-serif;
color: #000000;
}
h1 { font-size: 3.8em; color: #3908bc; margin-bottom: 3px; }
h1 .small { font-size: 0.4em; }
h1 a { text-decoration: none }
h2 { font-size: 1.5em; color: #3908bc; clear: both;}
h3 { text-align: center; color: #3908bc; }
a { color: #3908bc; }
ul li { list-style-type: none;}
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-190225-9']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<a href="http://github.com/christianv/jquery-favicons"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
<h1>jQuery Favicons Examples </h1>
<p>Find more information about this plug-in on the <a href="http://github.com/christianv/jquery-favicons">project page</a>.</p>
<h2>Standard</h2>
<ul id="css">
<li><a href="http://google.com">Google</a></li>
<li><a href="http://twitter.com">Twitter</a></li>
<li><a href="http://facebook.com">Facebook</a></li>
<li><a href="test.html">Local URL</a></li>
</ul>
<h2>CSS Changes</h2>
<ul id="css2">
<li><a href="http://google.com">Google</a></li>
<li><a href="http://twitter.com">Twitter</a></li>
<li><a href="http://facebook.com">Facebook</a></li>
</ul>
<h2>Different Services</h2>
<ul>
<li><a href="http://www.google.com" id="service0">Google (grabicon.com)</a></li>
<li><a href="http://www.google.com" id="service1">Google (http://api.byi.pw)</a></li>
<li><a href="http://www.google.com" id="service2">Google (google service)</a></li>
</ul>
<h2>Chaining</h2>
<ul>
<li><a href="http://www.google.com" id="chain0">Google</a></li>
</ul>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js"></script>
<script>!window.jQuery && document.write('<script src="http://code.jquery.com/jquery-1.6.min.js"><\/script>');</script>
<script src="jquery.favicons.js" type="text/javascript" charset="utf-8"></script>
<script>
$('#css a[href^="http://"]').favicons();
$('#css2 a[href^="http://"]').favicons({
'classname': 'favicon2'
});
$('#service0').favicons();
$('#service1').favicons({
'service': 'http://api.byi.pw/favicon?url=__DOMAIN__'
});
$('#service2').favicons({
'service': 'https://www.google.com/s2/favicons?domain=__DOMAIN__'
});
$('#chain0').favicons({
'service': 'https://www.google.com/s2/favicons?domain=__DOMAIN__'
}).css('color', '#ff0000');
</script>
</body>
</html>