ecco qui l'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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>pompart - do you want an AD?</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<link rel="stylesheet" type="text/css" href="ad.css">
</head>
<body>
<div class="maindiv" >
<div class="logo">
[img]images/logopa.gif[/img]
</div>
<div class="mostri">
</div>
<div class="menuoriz">
<ul>
<li class="listaoriz"><a href="index.html" class="linkoriz">home page</a href>
<li class="listaoriz"><a href="home.html" class="linkoriz">ad/web news</a href>
<li class="listaoriz"><a href="home.html" class="linkoriz">do you want a website?</a href>
<li class="listaoriz"><a href="home.html" class="linkoriz">do you want an ad?</a href>
<li class="listaoriz"><a href="home.html" class="linkoriz">create your own stage!</a href>
<li class="listaoriz"><a href="home.html" class="linkoriz">portfolio</a href>
<li class="listaoriz"><a href="home.html" class="linkoriz">who we are?</a href>
[/list]
</div>
<div class="menuvert">
<ul>
<li class="listavert1">
<a href="index.html" class="linkoriz">home page</a href>
<li class="listavert2"><a href="home.html" class="linkoriz" >ad/web news</a href>
<li class="listavert3"><a href="home.html" class="linkoriz">do you want a website?</a href>
<li class="listavert4"><a href="home.html" class="linkoriz">do you want an ad?</a href>
<li class="listavert5"><a href="home.html" class="linkoriz">create your own stage!</a href>
<li class="listavert6"><a href="home.html" class="linkoriz">portfolio</a href>
<li class="listavert7"><a href="home.html" class="linkoriz">who we are?</a href>
[/list]
</div>
<div class="mostribasso">
</div>
<div class="website">
<!--
(higher # = less friction)
(lower # = faster)
Lines Visible
/
Mouse across the image to activate the slider hit areas and manipulate the variable movie effects below.
Sliding Images
-->
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js. In Flash, run \"Apply Active Content Update\" in the Commands menu to copy AC_RunActiveContent.js to the HTML output folder.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0',
'width', '500',
'height', '525',
'src', 'sliding_images',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'sliding_images',
'bgcolor', '#000000',
'name', 'sliding_images',
'menu', 'true',
'allowScriptAccess','sameDomain',
'movie', 'sliding_images',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="500" height="525" id="sliding_images" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="sliding_images.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /> <embed src="sliding_images.swf" quality="high" bgcolor="#000000" width="500" height="525" name="sliding_images" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div>
</div>
</body>
</html>
e questo č il mio css:
body {
font-family: verdana, sans-serif; font-size: 10px;text-align: justify;
cursor: crosshair;
}
.logo {
position: fixed;
width: 100%;
height: 130px;
top: 5px;
left: 5px;
}
.mostri {
position: fixed;
width: 100%;
height: 52px;
top: 90px;
left: -10px;
background-image: url(images/mostro2.gif);background-repeat: repeat;
border-bottom: 1px dashed gray;
}
.mostribasso {
width: 100%;
height: 52px;
bottom: 5px;
left: -10px;
background-image: url(images/mostro3.gif);background-repeat: repeat;
border-top: 1px dashed gray;
}
.menuoriz {
width: 900px;
height: 30px;
position: fixed;
top: 210px;
left: 300px;
font-family: Verdana, arial, sans-serif;
}
.linkoriz {
color: gray;
text-decoration: none;
}
.linkoriz A:hover { color: white; background: black; }
.listaoriz{
margin-left: 0;
padding: 3px 15px;
border-left: 1px solid gray;
list-style: none;
display: inline;
cursor: crosshair;
}
.menuvert {
width: 250px;
height: 300px;
position: fixed;
top: 290px;
left: 30px;
cursor: crosshair;
}
.listavert1, .listavert2, .listavert3, .listavert4, .listavert5, .listavert6{
margin:0;
padding: 0px;
height: 30px;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
list-style: none;
display:block;
background: white;
}
.listavert7{
margin:0;
padding: 0px;
height: 30px;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
list-style: none;
display:block;
background: white;
}
.listavert1 a:hover, .listavert5 a:hover{
margin:0;
padding: 0px;
height: 30px;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
list-style: none;
display:block;
background: #66FF00;
color: white;
}
.listavert2 a:hover, .listavert6 a:hover{
margin:0;
padding: 0px;
height: 30px;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
list-style: none;
display:block;
background: yellow;
color: white;
}
.listavert3 a:hover, .listavert7 a:hover{
margin:0;
padding: 0px;
height: 30px;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
list-style: none;
display:block;
background: #FF0099;
color: white;
}
}
.listavert4 a:hover,{
margin:0;
padding: 0px;
height: 30px;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
list-style: none;
display:block;
background: #0099FF;
color: white;
}
.website{
width: 800px;
height: 585px;
position: fixed;
top: 250px;
left: 340px;
font-family: Verdana, arial, sans-serif;
color:gray;
border: 1px dashed gray;
padding: 15px 25px;
}
se non capisci qlc chiedimi pure!!
grazie!
Rispondi quotando