Achtergrond, kleur enzo
wie kan mij helpen om de achtergrond kleur en lettertype enzo over te zetten naar een css bestand.
mads
Code (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
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
113
114
115
116
117
118
119
120
121
122
123
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
113
114
115
116
117
118
119
120
121
122
123
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="nl" lang="nl">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="iWeb 3.0.1" />
<meta name="iWeb-Build" content="local-build-20100130" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="viewport" content="width=700" />
<title>Home</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="Home_files/Home.css" />
<!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Home_files/HomeIE.css'/><![endif]-->
<!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
<script type="text/javascript" src="Scripts/iWebImage.js"></script>
<script type="text/javascript" src="Home_files/Home.js"></script>
</head>
<body style="background: rgb(255, 255, 255) url(Home_files/PhotoGray_browser_bg-2.jpg) repeat scroll top left; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; text-align: left; width: 700px; " id="body_content">
<div style="background: transparent url(Home_files/PhotoGray_bg_c-1.jpg) repeat scroll top left; width: 700px; ">
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div style="height: 700px; width: 700px; height: 700px; left: 0px; position: absolute; top: -80px; width: 700px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="Home_files/Darkroom_spotlight.jpg" alt="" style="border: none; height: 700px; width: 700px; " />
</div>
<div style="height: 1px; line-height: 1px; " class="tinyText"></div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 0px; margin-top: 157px; opacity: 1.00; position: relative; width: 700px; z-index: 1; ">
<div id="widget0-navbar" class="navbar">
<div id="widget0-bg" class="navbar-bg">
<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "navbar-css": ".navbar {\n\tfont-family: Futura, 'Trebuchet MS', sans-serif;\n\ttext-transform: uppercase;\n\tfont-size: .7em;\n\tcolor: #C1C1C1;\n\tline-height: 25px;\n\ttext-align: center;\n\tpadding: 0px;\n\tbackground-image: url(Home_files\/PhotoGray_nav_bg.png);\n\t_background-image: url(Home_files\/PhotoGray_nav_bg.jpg);\n\tbackground-repeat: repeat-y;\n\tborder-top: 1px solid #999;\n\tborder-bottom: 1px solid #999;\n}\n\n.navbar-bg {\n\tpadding: 6px 0px 4px 0px;\n}\n\n.navbar ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px 10px 0px 10px;\n}\n\n.navbar ul li {\n\tdisplay: inline; \n\tlist-style-type: none;\n\tmargin: 0px;\n\tpadding: 0px 10px 0px 10px;\n}\n\n\n.noncurrent-page a:visited {\n\ttext-decoration: none;\n\tcolor: #C1C1C1;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n.noncurrent-page a {\n\ttext-decoration: none;\n\tcolor: #C1C1C1;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n\n.noncurrent-page a:hover {\n\ttext-decoration: none;\n\tcolor: #EC001E;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n.current-page a\n{\n\ttext-decoration: none;\n\tcolor: #000;\n\ttext-shadow: 0px -1px 2px #7E7E7E;\n}\n\n.current-page a:visited\n{\n\ttext-decoration: none;\n\tcolor: #000;\n\ttext-shadow: 0px -1px 2px #7E7E7E;\n}\n\n", "current-page-GUID": "7357F197-347C-4921-B4DC-D1724EF53538", "isCollectionPage": "NO"});
//--><!]]></script>
<img src="Media/Duplicate-State-900x200-rgb.gif" alt="" style="height: 165px; left: -4px; position: absolute; top: -7px; width: 707px; z-index: 1; " />
<div style="clear: both; height: 0px; line-height: 0px; " class="spacer"></div>
</div>
<div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
</div>
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div id="id1" style="height: 135px; left: 395px; position: absolute; top: 37px; width: 236px; z-index: 1; " class="style_SkipStroke_1 shape-with-text stroke_0">
<div class="text-content graphic_textbox_layout_style_default_External_224_123" style="padding: 6px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style">Wat is nieuw?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1"><a title="svi.html" href="svi.html">05-01-2010 SVI 1 - AZSV 1</a></p>
</div>
</div>
</div>
<div id="id2" style="height: 124px; left: 56px; position: absolute; top: 43px; width: 315px; z-index: 1; " class="style_SkipStroke_2 shape-with-text stroke_1">
<div class="text-content graphic_textbox_layout_style_default_External_311_120" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Wat is MaNi-Videoproductie?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">MaNi-Videoproductie is een uitgelopen hobby van ons waar u naar op zoek bent.<span style="line-height: 12px; " class="style"> Wij bieden u een creatieve aanpak en hebben oog voor detail. </span>Wij zijn een klein bedrijfje van 2 personen, hierdoor zijn wij erg flexibel.</p>
</div>
</div>
</div>
<div id="id3" style="height: 99px; left: 52px; position: absolute; top: 204px; width: 588px; z-index: 1; " class="style_SkipStroke_3 shape-with-text stroke_2">
<div class="text-content graphic_textbox_layout_style_default_External_584_95" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Wat doet MaNi-Videoproductie.<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">Wij zetten uw mini-dv bandjes, videobanden, fotos en lp-platen om naar een dvd schrijf of cd-rom. Ook filmen wij uw feesten, bruiloften en andere dingen voor u en bewerken wij die tot een mooie dvd. Heeft u zelf iets gefilmd en u wilt het bewerkt hebben dan kan dat ook.</p>
</div>
</div>
</div>
<div id="id4" style="height: 83px; left: 50px; position: absolute; top: 349px; width: 598px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_3">
<div class="text-content graphic_textbox_layout_style_default_External_594_79" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Hoe kunt u ons bereiken?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">U kunt ons bereiken via de <a title="Contact.html" href="Contact.html">Contactpagina</a>, daar kunt u uw gegevens invullen en uw vraag stellen dan zullen wij zo snel mogelijk antwoorden.</p>
</div>
</div>
</div>
<div id="id5" style="height: 100px; left: 189px; position: absolute; top: 365px; width: 100px; z-index: 1; " class="style_SkipStroke_5 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_100_100" style="padding: 0px; ">
<div class="graphic_textbox_layout_style_default"></div>
</div>
</div>
<div style="height: 480px; line-height: 480px; " class="spacer"></div>
</div>
<div style="height: 150px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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" xml:lang="nl" lang="nl">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="iWeb 3.0.1" />
<meta name="iWeb-Build" content="local-build-20100130" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="viewport" content="width=700" />
<title>Home</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="Home_files/Home.css" />
<!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Home_files/HomeIE.css'/><![endif]-->
<!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
<script type="text/javascript" src="Scripts/iWebImage.js"></script>
<script type="text/javascript" src="Home_files/Home.js"></script>
</head>
<body style="background: rgb(255, 255, 255) url(Home_files/PhotoGray_browser_bg-2.jpg) repeat scroll top left; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; text-align: left; width: 700px; " id="body_content">
<div style="background: transparent url(Home_files/PhotoGray_bg_c-1.jpg) repeat scroll top left; width: 700px; ">
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div style="height: 700px; width: 700px; height: 700px; left: 0px; position: absolute; top: -80px; width: 700px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="Home_files/Darkroom_spotlight.jpg" alt="" style="border: none; height: 700px; width: 700px; " />
</div>
<div style="height: 1px; line-height: 1px; " class="tinyText"></div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 0px; margin-top: 157px; opacity: 1.00; position: relative; width: 700px; z-index: 1; ">
<div id="widget0-navbar" class="navbar">
<div id="widget0-bg" class="navbar-bg">
<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "navbar-css": ".navbar {\n\tfont-family: Futura, 'Trebuchet MS', sans-serif;\n\ttext-transform: uppercase;\n\tfont-size: .7em;\n\tcolor: #C1C1C1;\n\tline-height: 25px;\n\ttext-align: center;\n\tpadding: 0px;\n\tbackground-image: url(Home_files\/PhotoGray_nav_bg.png);\n\t_background-image: url(Home_files\/PhotoGray_nav_bg.jpg);\n\tbackground-repeat: repeat-y;\n\tborder-top: 1px solid #999;\n\tborder-bottom: 1px solid #999;\n}\n\n.navbar-bg {\n\tpadding: 6px 0px 4px 0px;\n}\n\n.navbar ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px 10px 0px 10px;\n}\n\n.navbar ul li {\n\tdisplay: inline; \n\tlist-style-type: none;\n\tmargin: 0px;\n\tpadding: 0px 10px 0px 10px;\n}\n\n\n.noncurrent-page a:visited {\n\ttext-decoration: none;\n\tcolor: #C1C1C1;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n.noncurrent-page a {\n\ttext-decoration: none;\n\tcolor: #C1C1C1;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n\n.noncurrent-page a:hover {\n\ttext-decoration: none;\n\tcolor: #EC001E;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n.current-page a\n{\n\ttext-decoration: none;\n\tcolor: #000;\n\ttext-shadow: 0px -1px 2px #7E7E7E;\n}\n\n.current-page a:visited\n{\n\ttext-decoration: none;\n\tcolor: #000;\n\ttext-shadow: 0px -1px 2px #7E7E7E;\n}\n\n", "current-page-GUID": "7357F197-347C-4921-B4DC-D1724EF53538", "isCollectionPage": "NO"});
//--><!]]></script>
<img src="Media/Duplicate-State-900x200-rgb.gif" alt="" style="height: 165px; left: -4px; position: absolute; top: -7px; width: 707px; z-index: 1; " />
<div style="clear: both; height: 0px; line-height: 0px; " class="spacer"></div>
</div>
<div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
</div>
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div id="id1" style="height: 135px; left: 395px; position: absolute; top: 37px; width: 236px; z-index: 1; " class="style_SkipStroke_1 shape-with-text stroke_0">
<div class="text-content graphic_textbox_layout_style_default_External_224_123" style="padding: 6px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style">Wat is nieuw?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1"><a title="svi.html" href="svi.html">05-01-2010 SVI 1 - AZSV 1</a></p>
</div>
</div>
</div>
<div id="id2" style="height: 124px; left: 56px; position: absolute; top: 43px; width: 315px; z-index: 1; " class="style_SkipStroke_2 shape-with-text stroke_1">
<div class="text-content graphic_textbox_layout_style_default_External_311_120" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Wat is MaNi-Videoproductie?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">MaNi-Videoproductie is een uitgelopen hobby van ons waar u naar op zoek bent.<span style="line-height: 12px; " class="style"> Wij bieden u een creatieve aanpak en hebben oog voor detail. </span>Wij zijn een klein bedrijfje van 2 personen, hierdoor zijn wij erg flexibel.</p>
</div>
</div>
</div>
<div id="id3" style="height: 99px; left: 52px; position: absolute; top: 204px; width: 588px; z-index: 1; " class="style_SkipStroke_3 shape-with-text stroke_2">
<div class="text-content graphic_textbox_layout_style_default_External_584_95" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Wat doet MaNi-Videoproductie.<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">Wij zetten uw mini-dv bandjes, videobanden, fotos en lp-platen om naar een dvd schrijf of cd-rom. Ook filmen wij uw feesten, bruiloften en andere dingen voor u en bewerken wij die tot een mooie dvd. Heeft u zelf iets gefilmd en u wilt het bewerkt hebben dan kan dat ook.</p>
</div>
</div>
</div>
<div id="id4" style="height: 83px; left: 50px; position: absolute; top: 349px; width: 598px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_3">
<div class="text-content graphic_textbox_layout_style_default_External_594_79" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Hoe kunt u ons bereiken?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">U kunt ons bereiken via de <a title="Contact.html" href="Contact.html">Contactpagina</a>, daar kunt u uw gegevens invullen en uw vraag stellen dan zullen wij zo snel mogelijk antwoorden.</p>
</div>
</div>
</div>
<div id="id5" style="height: 100px; left: 189px; position: absolute; top: 365px; width: 100px; z-index: 1; " class="style_SkipStroke_5 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_100_100" style="padding: 0px; ">
<div class="graphic_textbox_layout_style_default"></div>
</div>
</div>
<div style="height: 480px; line-height: 480px; " class="spacer"></div>
</div>
<div style="height: 150px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
</div>
</div>
</div>
</div>
</body>
</html>
Gewijzigd op 01/01/1970 01:00:00 door mads kroes
Code (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
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="nl" lang="nl">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="iWeb 3.0.1" />
<meta name="iWeb-Build" content="local-build-20100130" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="viewport" content="width=700" />
<title>Home</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="Home_files/Home.css" />
<!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Home_files/HomeIE.css'/><![endif]-->
<!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
<script type="text/javascript" src="Scripts/iWebImage.js"></script>
<script type="text/javascript" src="Home_files/Home.js"></script>
<style type="text/css">
body {
background: rgb(255, 255, 255) url(Home_files/PhotoGray_browser_bg-2.jpg) repeat scroll top left;
margin: 0pt;
}
#divnoname1 {
background: transparent url(Home_files/PhotoGray_bg_c-1.jpg) repeat scroll top left;
width: 700px;
}
#body_content {
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
overflow: hidden;
position: relative;
word-wrap: break-word;
text-align: left;
width: 700px; "
}
#nav_layer {
margin-left: 0px;
position: relative;
width: 700px;
z-index: 0;
}
.bumper {
height: 0px;
line-height: 0px;
}
.tinyText style_SkipStroke {
height: 700px;
width: 700px;
height: 700px;
left: 0px;
position: absolute;
top: -80px;
width: 700px;
z-index: 1;
}
.com-apple-iweb-widget-navbar flowDefining {
margin-left: 0px;
margin-top: 157px;
opacity: 1.00;
position: relative;
width: 700px;
z-index: 1;
}
</style>
</head>
<body onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div id="body_content">
<div id="divnoname1">
<div id="nav_layer">
<div class="bumper"> </div>
<div class="tinyText style_SkipStroke">
<img src="Home_files/Darkroom_spotlight.jpg" alt="" style="border: none; height: 700px; width: 700px; " />
</div>
<div style="height: 1px; line-height: 1px; " class="tinyText"> </div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0">
<div id="widget0-navbar" class="navbar">
<div id="widget0-bg" class="navbar-bg">
<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "navbar-css": ".navbar {\n\tfont-family: Futura, 'Trebuchet MS', sans-serif;\n\ttext-transform: uppercase;\n\tfont-size: .7em;\n\tcolor: #C1C1C1;\n\tline-height: 25px;\n\ttext-align: center;\n\tpadding: 0px;\n\tbackground-image: url(Home_files\/PhotoGray_nav_bg.png);\n\t_background-image: url(Home_files\/PhotoGray_nav_bg.jpg);\n\tbackground-repeat: repeat-y;\n\tborder-top: 1px solid #999;\n\tborder-bottom: 1px solid #999;\n}\n\n.navbar-bg {\n\tpadding: 6px 0px 4px 0px;\n}\n\n.navbar ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px 10px 0px 10px;\n}\n\n.navbar ul li {\n\tdisplay: inline; \n\tlist-style-type: none;\n\tmargin: 0px;\n\tpadding: 0px 10px 0px 10px;\n}\n\n\n.noncurrent-page a:visited {\n\ttext-decoration: none;\n\tcolor: #C1C1C1;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n.noncurrent-page a {\n\ttext-decoration: none;\n\tcolor: #C1C1C1;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n\n.noncurrent-page a:hover {\n\ttext-decoration: none;\n\tcolor: #EC001E;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n.current-page a\n{\n\ttext-decoration: none;\n\tcolor: #000;\n\ttext-shadow: 0px -1px 2px #7E7E7E;\n}\n\n.current-page a:visited\n{\n\ttext-decoration: none;\n\tcolor: #000;\n\ttext-shadow: 0px -1px 2px #7E7E7E;\n}\n\n", "current-page-GUID": "7357F197-347C-4921-B4DC-D1724EF53538", "isCollectionPage": "NO"});
//--><!]]></script>
<img src="Media/Duplicate-State-900x200-rgb.gif" alt="" style="height: 165px; left: -4px; position: absolute; top: -7px; width: 707px; z-index: 1; " />
<div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
</div>
<div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div id="id1" style="height: 135px; left: 395px; position: absolute; top: 37px; width: 236px; z-index: 1; " class="style_SkipStroke_1 shape-with-text stroke_0">
<div class="text-content graphic_textbox_layout_style_default_External_224_123" style="padding: 6px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style">Wat is nieuw?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1"><a title="svi.html" href="svi.html">05-01-2010 SVI 1 - AZSV 1</a></p>
</div>
</div>
</div>
<div id="id2" style="height: 124px; left: 56px; position: absolute; top: 43px; width: 315px; z-index: 1; " class="style_SkipStroke_2 shape-with-text stroke_1">
<div class="text-content graphic_textbox_layout_style_default_External_311_120" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Wat is MaNi-Videoproductie?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">MaNi-Videoproductie is een uitgelopen hobby van ons waar u naar op zoek bent.<span style="line-height: 12px; " class="style"> Wij bieden u een creatieve aanpak en hebben oog voor detail. </span>Wij zijn een klein bedrijfje van 2 personen, hierdoor zijn wij erg flexibel.</p>
</div>
</div>
</div>
<div id="id3" style="height: 99px; left: 52px; position: absolute; top: 204px; width: 588px; z-index: 1; " class="style_SkipStroke_3 shape-with-text stroke_2">
<div class="text-content graphic_textbox_layout_style_default_External_584_95" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Wat doet MaNi-Videoproductie.<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">Wij zetten uw mini-dv bandjes, videobanden, foto’s en lp-platen om naar een dvd schrijf of cd-rom. Ook filmen wij uw feesten, bruiloften en andere dingen voor u en bewerken wij die tot een mooie dvd. Heeft u zelf iets gefilmd en u wilt het bewerkt hebben dan kan dat ook.</p>
</div>
</div>
</div>
<div id="id4" style="height: 83px; left: 50px; position: absolute; top: 349px; width: 598px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_3">
<div class="text-content graphic_textbox_layout_style_default_External_594_79" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Hoe kunt u ons bereiken?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">U kunt ons bereiken via de <a title="Contact.html" href="Contact.html">Contactpagina</a>, daar kunt u uw gegevens invullen en uw vraag stellen dan zullen wij zo snel mogelijk antwoorden.</p>
</div>
</div>
</div>
<div id="id5" style="height: 100px; left: 189px; position: absolute; top: 365px; width: 100px; z-index: 1; " class="style_SkipStroke_5 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_100_100" style="padding: 0px; ">
<div class="graphic_textbox_layout_style_default"></div>
</div>
</div>
<div style="height: 480px; line-height: 480px; " class="spacer"> </div>
</div>
<div style="height: 150px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
</div>
</div>
</div>
</body>
</html>
<!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" xml:lang="nl" lang="nl">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="iWeb 3.0.1" />
<meta name="iWeb-Build" content="local-build-20100130" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="viewport" content="width=700" />
<title>Home</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="Home_files/Home.css" />
<!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Home_files/HomeIE.css'/><![endif]-->
<!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
<script type="text/javascript" src="Scripts/iWebImage.js"></script>
<script type="text/javascript" src="Home_files/Home.js"></script>
<style type="text/css">
body {
background: rgb(255, 255, 255) url(Home_files/PhotoGray_browser_bg-2.jpg) repeat scroll top left;
margin: 0pt;
}
#divnoname1 {
background: transparent url(Home_files/PhotoGray_bg_c-1.jpg) repeat scroll top left;
width: 700px;
}
#body_content {
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
overflow: hidden;
position: relative;
word-wrap: break-word;
text-align: left;
width: 700px; "
}
#nav_layer {
margin-left: 0px;
position: relative;
width: 700px;
z-index: 0;
}
.bumper {
height: 0px;
line-height: 0px;
}
.tinyText style_SkipStroke {
height: 700px;
width: 700px;
height: 700px;
left: 0px;
position: absolute;
top: -80px;
width: 700px;
z-index: 1;
}
.com-apple-iweb-widget-navbar flowDefining {
margin-left: 0px;
margin-top: 157px;
opacity: 1.00;
position: relative;
width: 700px;
z-index: 1;
}
</style>
</head>
<body onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div id="body_content">
<div id="divnoname1">
<div id="nav_layer">
<div class="bumper"> </div>
<div class="tinyText style_SkipStroke">
<img src="Home_files/Darkroom_spotlight.jpg" alt="" style="border: none; height: 700px; width: 700px; " />
</div>
<div style="height: 1px; line-height: 1px; " class="tinyText"> </div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0">
<div id="widget0-navbar" class="navbar">
<div id="widget0-bg" class="navbar-bg">
<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "navbar-css": ".navbar {\n\tfont-family: Futura, 'Trebuchet MS', sans-serif;\n\ttext-transform: uppercase;\n\tfont-size: .7em;\n\tcolor: #C1C1C1;\n\tline-height: 25px;\n\ttext-align: center;\n\tpadding: 0px;\n\tbackground-image: url(Home_files\/PhotoGray_nav_bg.png);\n\t_background-image: url(Home_files\/PhotoGray_nav_bg.jpg);\n\tbackground-repeat: repeat-y;\n\tborder-top: 1px solid #999;\n\tborder-bottom: 1px solid #999;\n}\n\n.navbar-bg {\n\tpadding: 6px 0px 4px 0px;\n}\n\n.navbar ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px 10px 0px 10px;\n}\n\n.navbar ul li {\n\tdisplay: inline; \n\tlist-style-type: none;\n\tmargin: 0px;\n\tpadding: 0px 10px 0px 10px;\n}\n\n\n.noncurrent-page a:visited {\n\ttext-decoration: none;\n\tcolor: #C1C1C1;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n.noncurrent-page a {\n\ttext-decoration: none;\n\tcolor: #C1C1C1;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n\n.noncurrent-page a:hover {\n\ttext-decoration: none;\n\tcolor: #EC001E;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n.current-page a\n{\n\ttext-decoration: none;\n\tcolor: #000;\n\ttext-shadow: 0px -1px 2px #7E7E7E;\n}\n\n.current-page a:visited\n{\n\ttext-decoration: none;\n\tcolor: #000;\n\ttext-shadow: 0px -1px 2px #7E7E7E;\n}\n\n", "current-page-GUID": "7357F197-347C-4921-B4DC-D1724EF53538", "isCollectionPage": "NO"});
//--><!]]></script>
<img src="Media/Duplicate-State-900x200-rgb.gif" alt="" style="height: 165px; left: -4px; position: absolute; top: -7px; width: 707px; z-index: 1; " />
<div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
</div>
<div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div id="id1" style="height: 135px; left: 395px; position: absolute; top: 37px; width: 236px; z-index: 1; " class="style_SkipStroke_1 shape-with-text stroke_0">
<div class="text-content graphic_textbox_layout_style_default_External_224_123" style="padding: 6px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style">Wat is nieuw?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1"><a title="svi.html" href="svi.html">05-01-2010 SVI 1 - AZSV 1</a></p>
</div>
</div>
</div>
<div id="id2" style="height: 124px; left: 56px; position: absolute; top: 43px; width: 315px; z-index: 1; " class="style_SkipStroke_2 shape-with-text stroke_1">
<div class="text-content graphic_textbox_layout_style_default_External_311_120" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Wat is MaNi-Videoproductie?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">MaNi-Videoproductie is een uitgelopen hobby van ons waar u naar op zoek bent.<span style="line-height: 12px; " class="style"> Wij bieden u een creatieve aanpak en hebben oog voor detail. </span>Wij zijn een klein bedrijfje van 2 personen, hierdoor zijn wij erg flexibel.</p>
</div>
</div>
</div>
<div id="id3" style="height: 99px; left: 52px; position: absolute; top: 204px; width: 588px; z-index: 1; " class="style_SkipStroke_3 shape-with-text stroke_2">
<div class="text-content graphic_textbox_layout_style_default_External_584_95" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Wat doet MaNi-Videoproductie.<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">Wij zetten uw mini-dv bandjes, videobanden, foto’s en lp-platen om naar een dvd schrijf of cd-rom. Ook filmen wij uw feesten, bruiloften en andere dingen voor u en bewerken wij die tot een mooie dvd. Heeft u zelf iets gefilmd en u wilt het bewerkt hebben dan kan dat ook.</p>
</div>
</div>
</div>
<div id="id4" style="height: 83px; left: 50px; position: absolute; top: 349px; width: 598px; z-index: 1; " class="style_SkipStroke_4 shape-with-text stroke_3">
<div class="text-content graphic_textbox_layout_style_default_External_594_79" style="padding: 2px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_2">Hoe kunt u ons bereiken?<br /></p>
<p class="paragraph_style_1"><br /></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_1">U kunt ons bereiken via de <a title="Contact.html" href="Contact.html">Contactpagina</a>, daar kunt u uw gegevens invullen en uw vraag stellen dan zullen wij zo snel mogelijk antwoorden.</p>
</div>
</div>
</div>
<div id="id5" style="height: 100px; left: 189px; position: absolute; top: 365px; width: 100px; z-index: 1; " class="style_SkipStroke_5 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_100_100" style="padding: 0px; ">
<div class="graphic_textbox_layout_style_default"></div>
</div>
</div>
<div style="height: 480px; line-height: 480px; " class="spacer"> </div>
</div>
<div style="height: 150px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
</div>
</div>
</div>
</body>
</html>
Het is niet moeilijk om dit zelf af te maken,
Overal waar je een style in hebt staan moet je een id of class geven.
een class schrijf je zo in css:
Code (php)
1
2
3
2
3
.divnaam {
}
}
en een id schrijf je zo:
Code (php)
1
2
3
2
3
#divnaam {
}
}
Code (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
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
body {
background-color:
color:
}
/* Koppen: */
h1 {
background-color:
color:
font-family:
font-size:
font-weight:
line-height:
}
h2 {
background-color:
color:
font-family:
font-size:
font-weight:
line-height:
margin-bottom:
}
h3 {
background-color:
color:
font-family:
font-size:
font-weight:
line-height:
margin-bottom:
}
/* Besturingselementen (controls) voor formulieren: */
fieldset {
cursor:
padding:
}
input {
font-family
font-size:
}
label {
font-family:
font-size:
}
legend {
color:
font-family:
font-size:
}
select {
font-family:
font-size:
}
textarea {
font-family:
font-size:
line-height:
}
/* Formuliervelden binnen labels verticaal gecentreerd uitlijnen */
label input {
vertical-align:
}
/* Andere blokelementen (block-level elements): */
p {
font-family:
font-size:
line-height:
}
li {
font-family:
font-size:
line-height:
margin-bottom:
}
td {
font-family:
font-size:
}
th {
font-family:
font-size:
}
address {
font-family:
font-size:
font-style:
line-height:
margin-top:
}
/* Inline elementen: */
cite, em, var {
font-style:
font-weight:
}
/* Selectors (pseudo-klassen) voor hyperlinks: */
a:link {
color:
text-decoration:
a:visited {
color:
text-decoration:
}
a:hover {
color:
cursor:
text-decoration:
}
/* Waarschuwingen: */
.w {
color:
font-style:
font-weight:
}
input.knop {
font-family:
font-size:
width:
height:
margin:
}
background-color:
color:
}
/* Koppen: */
h1 {
background-color:
color:
font-family:
font-size:
font-weight:
line-height:
}
h2 {
background-color:
color:
font-family:
font-size:
font-weight:
line-height:
margin-bottom:
}
h3 {
background-color:
color:
font-family:
font-size:
font-weight:
line-height:
margin-bottom:
}
/* Besturingselementen (controls) voor formulieren: */
fieldset {
cursor:
padding:
}
input {
font-family
font-size:
}
label {
font-family:
font-size:
}
legend {
color:
font-family:
font-size:
}
select {
font-family:
font-size:
}
textarea {
font-family:
font-size:
line-height:
}
/* Formuliervelden binnen labels verticaal gecentreerd uitlijnen */
label input {
vertical-align:
}
/* Andere blokelementen (block-level elements): */
p {
font-family:
font-size:
line-height:
}
li {
font-family:
font-size:
line-height:
margin-bottom:
}
td {
font-family:
font-size:
}
th {
font-family:
font-size:
}
address {
font-family:
font-size:
font-style:
line-height:
margin-top:
}
/* Inline elementen: */
cite, em, var {
font-style:
font-weight:
}
/* Selectors (pseudo-klassen) voor hyperlinks: */
a:link {
color:
text-decoration:
a:visited {
color:
text-decoration:
}
a:hover {
color:
cursor:
text-decoration:
}
/* Waarschuwingen: */
.w {
color:
font-style:
font-weight:
}
input.knop {
font-family:
font-size:
width:
height:
margin:
}
kan dat makkelijk en wie zou me hierbij kunnen helpen?
Gewijzigd op 01/01/1970 01:00:00 door mads kroes