| author | Samuel Huron <samuel.huron@centrepompidou.fr> |
| Fri, 18 Feb 2011 19:37:15 +0100 | |
| changeset 50 | a1636b31eb98 |
| permissions | -rw-r--r-- |
|
50
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
2 |
<html xmlns="http://www.w3.org/1999/xhtml"> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
3 |
<head> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
4 |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
5 |
<title>CSS Mac Dock</title> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
6 |
<script type="text/javascript" src="js/jquery.js"></script> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
7 |
<script type="text/javascript" src="js/interface.js"></script> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
8 |
|
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
9 |
<!--[if lt IE 7]> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
10 |
<style type="text/css"> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
11 |
.dock img { behavior: url(iepngfix.htc) } |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
12 |
</style> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
13 |
<![endif]--> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
14 |
|
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
15 |
<link href="style.css" rel="stylesheet" type="text/css" /> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
16 |
</head> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
17 |
<body> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
18 |
<!--bottom dock --> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
19 |
<div class="dock" id="dock2"> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
20 |
<div class="dock-container2"> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
21 |
<a class="dock-item2" href="#"><span>Home</span><img src="images/home.png" alt="home" /></a> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
22 |
<a class="dock-item2" href="#"><span>Contact</span><img src="images/email.png" alt="contact" /></a> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
23 |
<a class="dock-item2" href="#"><span>Portfolio</span><img src="images/portfolio.png" alt="portfolio" /></a> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
24 |
<a class="dock-item2" href="#"><span>Music</span><img src="images/music.png" alt="music" /></a> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
25 |
<a class="dock-item2" href="#"><span>Video</span><img src="images/video.png" alt="video" /></a> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
26 |
<a class="dock-item2" href="#"><span>History</span><img src="images/history.png" alt="history" /></a> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
27 |
<a class="dock-item2" href="#"><span>Calendar</span><img src="images/calendar.png" alt="calendar" /></a> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
28 |
<a class="dock-item2" href="#"><span>Links</span><img src="images/link.png" alt="links" /></a> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
29 |
<a class="dock-item2" href="#"><span>RSS</span><img src="images/rss.png" alt="rss" /></a> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
30 |
<a class="dock-item2" href="#"><span>RSS2</span><img src="images/rss2.png" alt="rss" /></a> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
31 |
</div> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
32 |
</div> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
33 |
|
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
34 |
<!--dock menu JS options --> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
35 |
<script type="text/javascript"> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
36 |
|
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
37 |
$(document).ready( |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
38 |
function() |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
39 |
{ |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
40 |
$('#dock2').Fisheye( |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
41 |
{ |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
42 |
maxWidth: 60, |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
43 |
items: 'a', |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
44 |
itemsText: 'span', |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
45 |
container: '.dock-container2', |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
46 |
itemWidth: 40, |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
47 |
proximity: 80, |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
48 |
alignment : 'left', |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
49 |
valign: 'bottom', |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
50 |
halign : 'center' |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
51 |
} |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
52 |
) |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
53 |
} |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
54 |
); |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
55 |
|
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
56 |
</script> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
57 |
</body> |
|
a1636b31eb98
polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff
changeset
|
58 |
</html> |