--------questa é la index------------
<HTML>
<HEAD>
<TITLE>welcome in the d'n'b area</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<SCRIPT TYPE="text/javascript">
<!--
<!--
userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function findElement(n,ly) {
if (browserVers < 4) return document[n];
var curDoc = ly ? ly.document : document;
var elem = curDoc[n];
if (!elem) {
for (var i=0;i<curDoc.layers.length;i++) {
elem = findElement(n,curDoc.layers[i]);
if (elem) return elem;
}
}
return elem;
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
var img;
for (var i=0; i<changeImages.arguments.length; i+=2) {
img = null;
if (document.layers) {
img = findElement(changeImages.arguments[i],0);
}
else {
img = document.images[changeImages.arguments[i]];
}
if (img) {
img.src = changeImages.arguments[i+1];
}
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
news_over = newImage("immagini/news-over.jpg");
playlist_over = newImage("immagini/playlist-over.jpg");
contattaci_over = newImage("immagini/contattaci-over.jpg");
recensioni_over = newImage("immagini/recensioni-over.jpg");
photogallery_over = newImage("immagini/photogallery-over.jpg");
link_over = newImage("immagini/link-over.jpg");
crediti_over = newImage("immagini/crediti-over.jpg");
preloadFlag = true;
}
}
// -->
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</SCRIPT>
<link href="boulevard" rel="stylesheet" type="text/css">
-->
</HEAD>
<BODY ONLOAD="preloadImages();" STYLE="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<DIV class="centratore"ID="banner" >
[img]immagini/banner.jpg[/img]
</DIV>
<DIV class="centratore" ID="animazione">
[img]immagini/animazione.jpg[/img]
</DIV>
<DIV class="centratore" ID="niente1">
[img]immagini/niente1.jpg[/img]
</DIV>
<DIV ID="niete2" class="centratore">
[img]immagini/niete2.jpg[/img]
</DIV>
<DIV ID="news" class="centratore">
<A HREF="#" onClick="MM_openBrWindow('italiano/news.html','neeeewwwssss','toolbar=yes,scrollbars= yes,width=350,height=470')"
ONMOUSEOVER="changeImages('news', 'immagini/news-over.jpg'); return true;"
ONMOUSEOUT="changeImages('news', 'immagini/news.jpg'); return true;">
[img]immagini/news.jpg[/img]</A>
</DIV>
<DIV ID="niente3" class="centratore">
[img]immagini/niente3.jpg[/img]
</DIV>
<DIV ID="niete4" class="centratore">
[img]immagini/niete4.jpg[/img]
</DIV>
<DIV ID="playlist" class="centratore">
<A HREF="#" onClick="MM_openBrWindow('italiano/playlist.html','playlist','width=350,height=470')"
ONMOUSEOVER="changeImages('playlist', 'immagini/playlist-over.jpg'); return true;"
ONMOUSEOUT="changeImages('playlist', 'immagini/playlist.jpg'); return true;">
[img]immagini/playlist.jpg[/img]</A>
</DIV>
<DIV ID="niente5" class="centratore">
[img]immagini/niente5.jpg[/img]
</DIV>
<DIV ID="contattaci" class="centratore">
<A HREF="#" onClick="MM_openBrWindow('italiano/contattaci.html','contattaci','scrollbars=yes,widt h=350,height=470')"
ONMOUSEOVER="changeImages('contattaci', 'immagini/contattaci-over.jpg'); return true;"
ONMOUSEOUT="changeImages('contattaci', 'immagini/contattaci.jpg'); return true;">
[img]immagini/contattaci.jpg[/img]</A>
</DIV>
<DIV ID="recensioni" class="centratore">
<A HREF="#" onClick="MM_openBrWindow('italiano/recensioni.html','recensioni','width=350,height=47 0')"
ONMOUSEOVER="changeImages('recensioni', 'immagini/recensioni-over.jpg'); return true;"
ONMOUSEOUT="changeImages('recensioni', 'immagini/recensioni.jpg'); return true;">
[img]immagini/recensioni.jpg[/img]</A>
</DIV>
<DIV ID="index-12" class="centratore">
[img]immagini/index_12.jpg[/img]
</DIV>
<DIV ID="box4" class="centratore">
[img]immagini/box4.jpg[/img]
</DIV>
<DIV ID="box2" class="centratore">
[img]immagini/box2.jpg[/img]
</DIV>
<DIV ID="box5" class="centratore">
[img]immagini/box5.jpg[/img]
</DIV>
<DIV ID="box3" class="centratore">
[img]immagini/box3.jpg[/img]
</DIV>
<DIV ID="index-17" class="centratore">
[img]immagini/index_17.jpg[/img]
</DIV>
<DIV ID="box6" class="centratore">
[img]immagini/box6.jpg[/img]
</DIV>
<DIV ID="index-19" class="centratore">
[img]immagini/index_19.jpg[/img]
</DIV>
<DIV ID="index-20" class="centratore">
[img]immagini/index_20.jpg[/img]
</DIV>
<DIV ID="photogallery" class="centratore">
<A HREF="#"
ONMOUSEOVER="changeImages('photogallery', 'immagini/photogallery-over.jpg'); return true;"
ONMOUSEOUT="changeImages('photogallery', 'immagini/photogallery.jpg'); return true;">
[img]immagini/photogallery.jpg[/img]</A>
</DIV>
<DIV ID="niente6" class="centratore">
[img]immagini/niente6.jpg[/img]
</DIV>
<DIV ID="disco93x81" class="centratore">
[img]immagini/disco93x81.jpg[/img]
</DIV>
<DIV ID="index-24" class="centratore">
[img]immagini/index_24.jpg[/img]
</DIV>
<DIV ID="box7" class="centratore">
[img]immagini/box7.jpg[/img]
</DIV>
<DIV ID="box12" class="centratore">
[img]immagini/box12.jpg[/img]
</DIV>
<DIV ID="index-27">
[img]immagini/index_27.jpg[/img]
</DIV>
<DIV ID="link">
<A HREF="#" onClick="MM_openBrWindow('italiano/link.html','llliiinnnkkkk','scrollbars=yes,width=3 50,height=470')"
ONMOUSEOVER="changeImages('link', 'immagini/link-over.jpg'); return true;"
ONMOUSEOUT="changeImages('link', 'immagini/link.jpg'); return true;">
[img]immagini/link.jpg[/img]</A>
</DIV>
<DIV ID="index-29">
[img]immagini/index_29.jpg[/img]
</DIV>
<DIV ID="box8">
[img]immagini/box8.jpg[/img]
</DIV>
<DIV ID="index-31">
[img]immagini/index_31.jpg[/img]
</DIV>
<DIV ID="box13">
[img]immagini/box13.jpg[/img]
</DIV>
<DIV ID="crediti">
<A HREF="#" onClick="MM_openBrWindow('italiano/crediti.html','credits','width=350,height=470')"
ONMOUSEOVER="changeImages('crediti', 'immagini/crediti-over.jpg'); return true;"
ONMOUSEOUT="changeImages('crediti', 'immagini/crediti.jpg'); return true;">
[img]immagini/crediti.jpg[/img]</A>
</DIV>
<DIV ID="index-34">
[img]immagini/index_34.jpg[/img]
</DIV>
<DIV ID="box14">
[img]immagini/box14.jpg[/img]
</DIV>
<DIV ID="box10">
[img]immagini/box10.jpg[/img]
</DIV>
<DIV ID="index-37">
[img]immagini/index_37.jpg[/img]
</DIV>
<DIV ID="box15">
[img]immagini/box15.jpg[/img]
</DIV>
<DIV ID="box11">
[img]immagini/box11.jpg[/img]
</DIV>
<DIV ID="index-40">
[img]immagini/index_40.jpg[/img]
</DIV>
<DIV ID="index-41">
[img]immagini/index_41.jpg[/img]
</DIV>
</BODY>
</HTML>
----------------questo il css----------------
.centratore {
margin:auto;
body text-align:center;
}
#banner {
position:absolute;
left:0px;
top:0px;
width:700px;
height:103px;
}
#animazione {
position:absolute;
left:0px;
top:103px;
width:700px;
height:22px;
}
#niente1 {
position:absolute;
left:0px;
top:125px;
width:700px;
height:32px;
}
#niete2 {
position:absolute;
left:0px;
top:157px;
width:55px;
height:98px;
}
#news {
position:absolute;
left:55px;
top:157px;
width:74px;
height:28px;
}
#niente3 {
position:absolute;
left:129px;
top:157px;
width:46px;
height:118px;
}
#niete4 {
position:absolute;
left:175px;
top:157px;
width:162px;
height:28px;
}
#playlist {
position:absolute;
left:337px;
top:157px;
width:74px;
height:28px;
}
#niente5 {
position:absolute;
left:411px;
top:157px;
width:289px;
height:83px;
}
#contattaci {
position:absolute;
left:55px;
top:185px;
width:74px;
height:27px;
}
#recensioni {
position:absolute;
left:175px;
top:185px;
width:74px;
height:28px;
}
#index-12 {
position:absolute;
left:249px;
top:185px;
width:88px;
height:199px;
}
#box4 {
position:absolute;
left:337px;
top:185px;
width:74px;
height:27px;
}
#box2 {
position:absolute;
left:55px;
top:212px;
width:74px;
height:27px;
}
#box5 {
position:absolute;
left:337px;
top:212px;
width:74px;
height:27px;
}
#box3 {
position:absolute;
left:175px;
top:213px;
width:74px;
height:27px;
}
#index-17 {
position:absolute;
left:55px;
top:239px;
width:74px;
height:16px;
}
#box6 {
position:absolute;
left:337px;
top:239px;
width:74px;
height:27px;
}
#index-19 {
position:absolute;
left:175px;
top:240px;
width:74px;
height:35px;
}
#index-20 {
position:absolute;
left:411px;
top:240px;
width:120px;
height:79px;
}
#photogallery {
position:absolute;
left:531px;
top:240px;
width:74px;
height:28px;
}
#niente6 {
position:absolute;
left:605px;
top:240px;
width:95px;
height:160px;
}
#disco93x81 {
position:absolute;
left:0px;
top:255px;
width:93px;
height:81px;
}
#index-24 {
position:absolute;
left:93px;
top:255px;
width:36px;
height:20px;
}
#box7 {
position:absolute;
left:337px;
top:266px;
width:74px;
height:27px;
}
#box12 {
position:absolute;
left:531px;
top:268px;
width:74px;
height:27px;
}
#index-27 {
position:absolute;
left:93px;
top:275px;
width:42px;
height:61px;
}
#link {
position:absolute;
left:135px;
top:275px;
width:74px;
height:28px;
}
#index-29 {
position:absolute;
left:209px;
top:275px;
width:40px;
height:109px;
}
#box8 {
position:absolute;
left:337px;
top:293px;
width:73px;
height:26px;
}
#index-31 {
position:absolute;
left:410px;
top:293px;
width:1px;
height:26px;
}
#box13 {
position:absolute;
left:531px;
top:295px;
width:74px;
height:27px;
}
#crediti {
position:absolute;
left:135px;
top:303px;
width:74px;
height:27px;
}
#index-34 {
position:absolute;
left:337px;
top:319px;
width:194px;
height:65px;
}
#box14 {
position:absolute;
left:531px;
top:322px;
width:74px;
height:27px;
}
#box10 {
position:absolute;
left:135px;
top:330px;
width:74px;
height:27px;
}
#index-37 {
position:absolute;
left:0px;
top:336px;
width:135px;
height:48px;
}
#box15 {
position:absolute;
left:531px;
top:349px;
width:74px;
height:27px;
}
#box11 {
position:absolute;
left:135px;
top:357px;
width:74px;
height:27px;
}
#index-40 {
position:absolute;
left:531px;
top:376px;
width:74px;
height:8px;
}
#index-41 {
position:absolute;
left:0px;
top:384px;
width:605px;
height:16px;
}
Rispondi quotando