hallo,
wie kan mij helpen om de achtergrond kleur en lettertype enzo over te zetten naar een css bestand.
mads
1.109 views
Ik kan je wel helpen.
heb je msn ofzo iets dat is makkelijker contact leggen met elkaar het is maar een klein beetje werk
Hierbij bied ik mijn hulp aan:
[email protected] MSN
[email protected] MSN
ik zal morgen avond contact proberen te leggen me broer moet nu achter mijn pc
waarom lijkt een andere topic "iweb naar joomla" enorm hier op??? 1 topic is voldoende toch?
mads, je kunt ook hier je bestanden plaatsen of een link naar je website, dat werkt misschien sneller.
oke ik zal graag
<?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, 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>
waarom reageert er niemand meer
Post hier enkel het html deel die je wil omzetten in css, daar hebben we meer aan.
Hier heb ik een deel voor je gemaakt:
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:
en een id schrijf je zo:
<?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>
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:
.divnaam {
}en een id schrijf je zo:
#divnaam {
}