-
Notifications
You must be signed in to change notification settings - Fork 3
/
header.php
executable file
·77 lines (60 loc) · 3 KB
/
header.php
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="keywords" content="slideman, sliderman.js, javascript slider, jquery, slideshow, effects" />
<meta name="description" content="Sliderman.js - will do all the sliding for you :)" />
<style type="text/css">
* { margin: 0; outline: none; }
.c { clear: both; }
#wrapper { margin: 0 auto; padding: 0 40px 60px 40px; width: 960px; }
h2 { padding: 20px 0 10px 0; font-size: 24px; line-height: 40px; font-weight: normal; color: #adc276; text-shadow: 0 1px 3px #222222; }
</style>
<!-- sliderman.js -->
<script type="text/javascript" src="js/sliderman.1.3.8.js"></script>
<link rel="stylesheet" type="text/css" href="css/sliderman.css" />
<link href="style.css" rel="stylesheet">
<!-- /sliderman.js -->
</div>
<body id="back" style="width: 100%; height:100%; padding-bottom:20px">
<div id="head" style="width: 50%; margin-left:25%; margin-right:30%; padding-top:10px"></div>
<div id="slider_container_1" style="margin-left: 18%; margin-right:15%" >
<div id="SliderName">
<img src="images/banner2.jpg" title="Description from Image Title" width="1000" height="300"/>
<img src="images/banner3.jpg" />
<img src="images/banner1.jpg" />
</div>
<div class="c"></div>
<div id="SliderNameNavigation"></div>
<div class="c"></div>
<script type="text/javascript">
// we created new effect and called it 'demo01'. We use this name later.
Sliderman.effect({name: 'demo01', cols: 10, rows: 5, delay: 10, fade: true, order: 'straight_stairs'});
var demoSlider = Sliderman.slider({container: 'SliderName', width: 900, height: 300, effects: 'demo01',
display: {
pause: true, // slider pauses on mouseover
autoplay: 2000, // 3 seconds slideshow
always_show_loading: 200, // testing loading mode
description: {background: '#ffffff', opacity: 0.5, height: 50, position: 'bottom'}, // image description box settings
loading: {background: '#000000', opacity: 0.2, image: 'img/loading.gif'}, // loading box settings
buttons: {opacity: 1, prev: {className: 'SliderNamePrev', label: ''}, next: {className: 'SliderNameNext', label: ''}}, // Next/Prev buttons settings
navigation: {container: 'SliderNameNavigation', label: ' '} // navigation (pages) settings
}});
</script>
<div class="c"></div>
<div class="c"></div>
</div>
<div class="c"></div>
<div id="main">
<div id="menubar2">
<ul id="menu2">
<li class="selected"><a href="add_fdetails.php">Donate Food</a></li>
<li><a href="view_amessage.php">View Admin message</a></li>
<li><a href="user_comments.php">User Feedback</a></li>
<li><a href="logout.php">Logout</a></li>
</ul>
</div>
</div>
</body>
</html>