Chce zrobić stronkę pizzerii w html, css i flash.
Banner w flash już mam.
Ustawienia bannera, kolory tła, tabel inne są zapisane w css.
Niestety kod flash muszę wkleić do html.
A html pobiera informacje o banerze z css, co muszę zmienić i gdzie wkleić ten kod:
Kod
<!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" lang="pl" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pizzeria Jaś i Małgosia zaprasza.</title>
<link rel="stylesheet" media="screen" type="text/css" href="styles/styles.css" />
<script type="text/javascript" src="scripts/scripts.js">
</script>
<script src="AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<CENTER>
<script type="text/javascript">AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0','loop','true','bgcolor','#ffffff','width','748','height','154','src','zzz','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','zzz');
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id=animation width=748 height=154 codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0">
<param name="movie" value="zzz.swf" />
<param name="quality" value="high" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="bgcolor" value="#ffffff" />
<embed src="zzz.swf" width=748 height=154 bgcolor="#ffffff" quality="high" loop="true"
type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/go/getflashplayer" />
</object></noscript>
</CENTER>
To jest kod flashu.<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pizzeria Jaś i Małgosia zaprasza.</title>
<link rel="stylesheet" media="screen" type="text/css" href="styles/styles.css" />
<script type="text/javascript" src="scripts/scripts.js">
</script>
<script src="AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<CENTER>
<script type="text/javascript">AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0','loop','true','bgcolor','#ffffff','width','748','height','154','src','zzz','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','zzz');
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id=animation width=748 height=154 codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0">
<param name="movie" value="zzz.swf" />
<param name="quality" value="high" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="bgcolor" value="#ffffff" />
<embed src="zzz.swf" width=748 height=154 bgcolor="#ffffff" quality="high" loop="true"
type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/go/getflashplayer" />
</object></noscript>
</CENTER>
To jest kod css
Kod
@charset "utf-8";
/* CSS Document */
html, body {
margin: 0;
padding: 0;
height: 100%;
background-color: #e9e6d5;
color: #323621;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#site {
margin: 0 auto;
padding: 0;
width: 750px;
height: auto;
min-height: 100%;
background-color: #ffffff;
border-left: solid 1px #999999;
border-right: solid 1px #999999;
}
#header1, #header2 {
margin: 0;
padding: 0;
width: auto;
}
#header1 {
height: 90px;
background: url(../images/header_1.jpg) no-repeat;
}
#header2 {
height: 169px;
background: url(../images/header_2.jpg) no-repeat;
}
#header2 #box1, #header2 #box2 {
margin: 0;
padding: 0;
float: left;
}
#header2 #box1 {
width: 280px;
height: 122px;
}
#header2 #box2 {
padding-top: 10px;
width: 190px;
height: 112px;
}
h1.box2_text {
color: #000000;
font-size: 10px;
font-weight: bold;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content {
margin: 0;
padding: 0 25px 0 25px;
width: 495px;
float: left;
}
#content2 {
margin: 0;
padding: 0 75px 0 75px;
width: 600px;
}
#sidebar {
margin: 0;
padding: 0 0 0 25px;
width: 180px;
float: left;
}
#sidebar .box1 {
margin: 23px 0 0 0;
padding: 35px 3px 0 3px;
width: auto;
background: url(../images/sidebar_jezyk.png) no-repeat;
}
.lang {
margin: 0;
padding-left: 35px;
width: auto;
height: 25px;
}
.pl { background: url(../images/flag_pl.png) no-repeat; }
.en { background: url(../images/flag_en.png) no-repeat; }
#sidebar .box2 {
margin: 20px 0 0 0;
padding: 30px 3px 0 3px;
width: auto;
background: url(../images/sidebar_informacje.png) no-repeat;
text-align: justify;
line-height: 1.3em;
}
.news_date {
width: auto;
display: block;
color: #666666;
text-align: right;
font-weight: bold;
}
#footer {
margin: 0 auto;
padding: 50px 0 15px 0;
width: 400px;
text-align: center;
}
/**
* Navigation
*/
#navigation {
margin: 0 0 0 25px;
padding: 0;
clear: both;
}
#navigation ul, #navigation li {
margin: 0;
padding: 0;
float: left;
list-style-type: none;
}
#navigation a {
height: 47px;
display: block;
}
a.nav1 { width: 117px; }
a.nav2, a.nav3, a.nav4, a.nav5 { width: 116px; }
a.nav6 { width: 118px; }
a.nav1 { background: url(../images/nav_1.png) no-repeat; }
a:hover.nav1 { background: url(../images/nav_1_over.png) no-repeat; }
a.nav2 { background: url(../images/nav_2.png) no-repeat; }
a:hover.nav2 { background: url(../images/nav_2_over.png) no-repeat; }
a.nav3 { background: url(../images/nav_3.png) no-repeat; }
a:hover.nav3 { background: url(../images/nav_3_over.png) no-repeat; }
a.nav4 { background: url(../images/nav_4.png) no-repeat; }
a:hover.nav4 { background: url(../images/nav_4_over.png) no-repeat; }
a.nav5 { background: url(../images/nav_5.png) no-repeat; }
a:hover.nav5 { background: url(../images/nav_5_over.png) no-repeat; }
a.nav6 { background: url(../images/nav_6.png) no-repeat; }
a:hover.nav6 { background: url(../images/nav_6_over.png) no-repeat; }
/**
* Text
*/
h1 {
margin-bottom: 5px;
color: #80b100;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
}
h2 {
margin-top: 0;
margin-bottom: 0;
color: #910000;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
p {
text-align: justify;
}
a, a:link, a:active {
color: #678f00;
text-decoration: none;
} a:hover {
text-decoration: underline;
}
/**
* Form parts
*/
label {
margin: 0 0px 0px 0;
width: 150px;
display: block;
float: left;
}
input[type=submit], input[type=button] {
margin-top: 10px;
padding: 3px;
color: #910000;
font-size: 11px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ecffb3;
border: solid 1px #80b100;
}
/* CSS Document */
html, body {
margin: 0;
padding: 0;
height: 100%;
background-color: #e9e6d5;
color: #323621;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#site {
margin: 0 auto;
padding: 0;
width: 750px;
height: auto;
min-height: 100%;
background-color: #ffffff;
border-left: solid 1px #999999;
border-right: solid 1px #999999;
}
#header1, #header2 {
margin: 0;
padding: 0;
width: auto;
}
#header1 {
height: 90px;
background: url(../images/header_1.jpg) no-repeat;
}
#header2 {
height: 169px;
background: url(../images/header_2.jpg) no-repeat;
}
#header2 #box1, #header2 #box2 {
margin: 0;
padding: 0;
float: left;
}
#header2 #box1 {
width: 280px;
height: 122px;
}
#header2 #box2 {
padding-top: 10px;
width: 190px;
height: 112px;
}
h1.box2_text {
color: #000000;
font-size: 10px;
font-weight: bold;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content {
margin: 0;
padding: 0 25px 0 25px;
width: 495px;
float: left;
}
#content2 {
margin: 0;
padding: 0 75px 0 75px;
width: 600px;
}
#sidebar {
margin: 0;
padding: 0 0 0 25px;
width: 180px;
float: left;
}
#sidebar .box1 {
margin: 23px 0 0 0;
padding: 35px 3px 0 3px;
width: auto;
background: url(../images/sidebar_jezyk.png) no-repeat;
}
.lang {
margin: 0;
padding-left: 35px;
width: auto;
height: 25px;
}
.pl { background: url(../images/flag_pl.png) no-repeat; }
.en { background: url(../images/flag_en.png) no-repeat; }
#sidebar .box2 {
margin: 20px 0 0 0;
padding: 30px 3px 0 3px;
width: auto;
background: url(../images/sidebar_informacje.png) no-repeat;
text-align: justify;
line-height: 1.3em;
}
.news_date {
width: auto;
display: block;
color: #666666;
text-align: right;
font-weight: bold;
}
#footer {
margin: 0 auto;
padding: 50px 0 15px 0;
width: 400px;
text-align: center;
}
/**
* Navigation
*/
#navigation {
margin: 0 0 0 25px;
padding: 0;
clear: both;
}
#navigation ul, #navigation li {
margin: 0;
padding: 0;
float: left;
list-style-type: none;
}
#navigation a {
height: 47px;
display: block;
}
a.nav1 { width: 117px; }
a.nav2, a.nav3, a.nav4, a.nav5 { width: 116px; }
a.nav6 { width: 118px; }
a.nav1 { background: url(../images/nav_1.png) no-repeat; }
a:hover.nav1 { background: url(../images/nav_1_over.png) no-repeat; }
a.nav2 { background: url(../images/nav_2.png) no-repeat; }
a:hover.nav2 { background: url(../images/nav_2_over.png) no-repeat; }
a.nav3 { background: url(../images/nav_3.png) no-repeat; }
a:hover.nav3 { background: url(../images/nav_3_over.png) no-repeat; }
a.nav4 { background: url(../images/nav_4.png) no-repeat; }
a:hover.nav4 { background: url(../images/nav_4_over.png) no-repeat; }
a.nav5 { background: url(../images/nav_5.png) no-repeat; }
a:hover.nav5 { background: url(../images/nav_5_over.png) no-repeat; }
a.nav6 { background: url(../images/nav_6.png) no-repeat; }
a:hover.nav6 { background: url(../images/nav_6_over.png) no-repeat; }
/**
* Text
*/
h1 {
margin-bottom: 5px;
color: #80b100;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
}
h2 {
margin-top: 0;
margin-bottom: 0;
color: #910000;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
p {
text-align: justify;
}
a, a:link, a:active {
color: #678f00;
text-decoration: none;
} a:hover {
text-decoration: underline;
}
/**
* Form parts
*/
label {
margin: 0 0px 0px 0;
width: 150px;
display: block;
float: left;
}
input[type=submit], input[type=button] {
margin-top: 10px;
padding: 3px;
color: #910000;
font-size: 11px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ecffb3;
border: solid 1px #80b100;
}
Główny index:
Kod
<!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" lang="pl" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pizzeria Jaś i Małgosia zaprasza</title>
<link rel="stylesheet" media="screen" type="text/css" href="styles/styles.css" />
<script type="text/javascript" src="scripts/scripts.js">
</script>
</head>
<body>
<div id="site">
<a href="index.html">
<div id="header1">
</div>
</a>
<div id="header2">
<a href="menu5935.html?search=1">
<div id="box1">
</div>
</a>
<div id="box2">
<h1 class="box2_text">
Zapraszamy do nas.
</h1>
</div>
<!-- navigation -->
<div id="navigation">
<ul>
<li><a class="nav1" title="Strona główna" alt="Start" href="index.html"></a></li>
<li><a class="nav2" title="Menu" alt="Menu" href="menu.html"></a></li>
<li><a class="nav3" title="Promocje" alt="Promocje" style="background: url(images/nav_3_active.png) no-repeat" href="promocje.html"></a></li>
<li><a class="nav4" title="Galeria" alt="Galeria" href="galeria.html"></a></li>
<li><a class="nav5" title="Dojazd" alt="Dojazd" href="dojazd.html"></a></li>
<li><a class="nav6" title="Kontakt" alt="Kontakt" href="kontakt.html"></a></li>
</ul>
</div>
<!-- end of navigation -->
</div>
<div id="content2">
<div style="margin: 20px"></div>
<p>
</p>
<div style="margin: 40px"></div>
<h2></h2>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<br style="clear: both" />
<div id="footer" style="color: #678f00; font-size: 12px">
<a title="Strona główna" href="index.html">start</a> |
<a title="Menu" href="menu.html">menu</a> |
<a title="Promocje" href="promocje.html">promocje</a> |
<a title="Galeria" href="galeria.html">galeria</a> |
<a title="Dojazd" href="Dojazd.html">dojazd</a> |
<a title="Kontakt" href="kontakt.html">kontakt</a>
</div>
</div>
<!-- (C) stat.pl / pizzeriajaśimałgosia.pl/ -->
<script type="text/javascript">
<!--
document.writeln('<'+'scr'+'ipt type="text/javascript" src="http://s1.hit.stat.pl/_'+(new Date()).getTime()+'/script.js?id=olg1XT8ZOV.zW47lJ88KiKbk.j4UFSLC9xLEU.C5p2D.X7/l=11"></'+'scr'+'ipt>');
//-->
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pizzeria Jaś i Małgosia zaprasza</title>
<link rel="stylesheet" media="screen" type="text/css" href="styles/styles.css" />
<script type="text/javascript" src="scripts/scripts.js">
</script>
</head>
<body>
<div id="site">
<a href="index.html">
<div id="header1">
</div>
</a>
<div id="header2">
<a href="menu5935.html?search=1">
<div id="box1">
</div>
</a>
<div id="box2">
<h1 class="box2_text">
Zapraszamy do nas.
</h1>
</div>
<!-- navigation -->
<div id="navigation">
<ul>
<li><a class="nav1" title="Strona główna" alt="Start" href="index.html"></a></li>
<li><a class="nav2" title="Menu" alt="Menu" href="menu.html"></a></li>
<li><a class="nav3" title="Promocje" alt="Promocje" style="background: url(images/nav_3_active.png) no-repeat" href="promocje.html"></a></li>
<li><a class="nav4" title="Galeria" alt="Galeria" href="galeria.html"></a></li>
<li><a class="nav5" title="Dojazd" alt="Dojazd" href="dojazd.html"></a></li>
<li><a class="nav6" title="Kontakt" alt="Kontakt" href="kontakt.html"></a></li>
</ul>
</div>
<!-- end of navigation -->
</div>
<div id="content2">
<div style="margin: 20px"></div>
<p>
</p>
<div style="margin: 40px"></div>
<h2></h2>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<br style="clear: both" />
<div id="footer" style="color: #678f00; font-size: 12px">
<a title="Strona główna" href="index.html">start</a> |
<a title="Menu" href="menu.html">menu</a> |
<a title="Promocje" href="promocje.html">promocje</a> |
<a title="Galeria" href="galeria.html">galeria</a> |
<a title="Dojazd" href="Dojazd.html">dojazd</a> |
<a title="Kontakt" href="kontakt.html">kontakt</a>
</div>
</div>
<!-- (C) stat.pl / pizzeriajaśimałgosia.pl/ -->
<script type="text/javascript">
<!--
document.writeln('<'+'scr'+'ipt type="text/javascript" src="http://s1.hit.stat.pl/_'+(new Date()).getTime()+'/script.js?id=olg1XT8ZOV.zW47lJ88KiKbk.j4UFSLC9xLEU.C5p2D.X7/l=11"></'+'scr'+'ipt>');
//-->
</script>
</body>
</html>
