-
Notifications
You must be signed in to change notification settings - Fork 2
/
opt_show.html
87 lines (83 loc) · 4.54 KB
/
opt_show.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>GNOME Commander - Options slideshow</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="KeyWords" content="gnome,commander,file manager, screenshots">
<meta name="Description" content="Interactive screenshots of the Gnome commander file manager properties">
<meta name="author" content="Uwe Scholz" >
<link rel="shortcut icon" href="img/icon.png" type="image/png">
<link href="style-a.css" rel="stylesheet" title="Default" type="text/css">
<style type="text/css"><!--
div img {margin-left:4%; border:0;}
.karta {position:absolute; top:17em; margin-left:2%;}
#.opt {border:3px dotted #079;}
#general {visibility:visible;}
#form {visibility:hidden;}
#layo {visibility:hidden;}
#tabs {visibility:hidden;}
#conf {visibility:hidden;}
#filt {visibility:hidden;}
#prog {visibility:hidden;}
#devi {visibility:hidden;}
--></style>
<script src="script.js" type="text/javascript"></script>
<!--[if IE 6]>
<style>
#menu {position:absolute; left:0px; top:8.5em; width:10.5em; font-weight:bold;}
</style>
<![endif]-->
</head>
<body>
<div class="stil" id="topp">
<img src="img/logo.svg" width="85" height="79" id="logo" alt="">
<img src="img/floating.png" width="94" height="79" id="float" alt="">
<h1>GNOME Commander</h1>
<h1 id="urub">A powerful file manager for the Gnome desktop environment</h1>
</div>
<div id="menu" class="cntr">
<a href="index.html" title="The home page">[Home]</a>
<a href="shots.html" title="Images tell a lot..">[Screenshots]</a>
<a href="download.html" title="Links to downloads">[Download]</a>
<a href="doc.html" title="Tips, tricks, help...">[Documentation]</a>
<a href="dev.html" title="Contribute, report bugs, submit translations...">[Development]</a>
</div>
<div id="cont" class="stil">
<h2>Options slideshow</h2>
<p>This is an interactive slideshow of the GNOME Commander options
(shots from v1.4).<br>
<i>Click on the option tabs</i> (or use TAB and ENTER) to switch between them.</p>
<map name="kartan" id="kartan">
<area shape="rect" coords="12,28,70,50" href="javascript:titta('general');" tabindex="1" title="General" alt="General">
<area shape="rect" coords="71,28,118,50" href="javascript:titta('form');" tabindex="2" title="Format" alt="Format">
<area shape="rect" coords="119,28,166,50" href="javascript:titta('layo');" tabindex="3" title="Layout" alt="Layout">
<area shape="rect" coords="167,28,202,50" href="javascript:titta('tabs');" tabindex="4" title="Tabs" alt="Tabs">
<area shape="rect" coords="203,28,284,50" href="javascript:titta('conf');" tabindex="5" title="Confirmation" alt="Confirmation">
<area shape="rect" coords="285,28,329,50" href="javascript:titta('filt');" tabindex="6" title="Filters" alt="Filters">
<area shape="rect" coords="330,28,391,50" href="javascript:titta('prog');" tabindex="7" title="Programs" alt="Programs">
<area shape="rect" coords="392,28,448,50" href="javascript:titta('devi');" tabindex="8" title="Devices" alt="Devices">
</map>
<div id="general" class="karta"><img src="ss/opt_general.png" width="540" height="694" class="opt" alt=""></div>
<div id="form" class="karta"><img src="ss/opt_format.png" width="540" height="694" class="opt" alt=""></div>
<div id="layo" class="karta"><img src="ss/opt_layout.png" width="540" height="694" class="opt" alt=""></div>
<div id="tabs" class="karta"><img src="ss/opt_tabs.png" width="540" height="694" class="opt" alt=""></div>
<div id="conf" class="karta"><img src="ss/opt_conf.png" width="540" height="694" class="opt" alt=""></div>
<div id="filt" class="karta"><img src="ss/opt_filter.png" width="540" height="694" class="opt" alt=""></div>
<div id="prog" class="karta"><img src="ss/opt_prog.png" width="540" height="694" class="opt" alt=""></div>
<div id="devi" class="karta"><img src="ss/opt_dev.png" width="540" height="694" class="opt" alt=""></div>
<div class="karta"><img src="img/dot.png" width="540" height="68" usemap="#kartan" alt=""></div>
<img src="img/dot.png" width="2" height="720" alt="">
</div>
<div class="cntr">
<br>
<a href="https://validator.w3.org/check?uri=https://gcmd.github.io/opt_show.html">
<img src="img/valid5.png" width="88" height="31" class="nobord" alt="Valid html 5">
</a>
<p class="c4"><br>
<a href="http://www.colourlovers.com/pattern/5556317/P_U_N_C_H">Background image</a> by
<a href="http://www.colourlovers.com/lover/Mojie/loveNote">Mojie</a> & <a href="http://www.colourlovers.com/lover/hcorleybarto/loveNote">hcorleybarto</a>
(<a href="https://creativecommons.org/licenses/by-nc-sa/3.0/">CC-BY-NC-SA</a>)
</p>
</div>
</body>
</html>