- te dwa boczne menu miały ten sam rozmiar co środkowe menu
- nawigacja była pod menu ale żeby nie nachodziły na siebie
oto link do strony http://www.matiss.cba.pl
to kod strony
Kod: Zaznacz cały
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="style.css" type="text/css" />
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide it
DayName = new Array(7)
DayName[0] = "Niedziela "
DayName[1] = "Poniedziałek "
DayName[2] = "Wtorek "
DayName[3] = "¦roda "
DayName[4] = "Czwartek "
DayName[5] = "Piątek "
DayName[6] = "Sobota "
MonthName = new Array(12)
MonthName[0] = "Stycznia "
MonthName[1] = "Lutego "
MonthName[2] = "Marca "
MonthName[3] = "Kwietnia "
MonthName[4] = "Maja "
MonthName[5] = "Czerwca "
MonthName[6] = "Lipca "
MonthName[7] = "Sierpnia "
MonthName[8] = "Września "
MonthName[9] = "Października "
MonthName[10] = "Listopada "
MonthName[11] = "Grudnia "
function getDateStr(){
var Today = new Date()
var WeekDay = Today.getDay()
var Month = Today.getMonth()
var Day = Today.getDate()
var Year = Today.getFullYear()
if(Year <= 99)
Year += 1900
return DayName[WeekDay] + "" + " " + Day + " " + MonthName[Month] + "" + Year
}
//-->
</SCRIPT>
<script>
<!--
var TekstPrzed="Ferii zimowych"
var TekstJuz="Od dziś mamy ferie"
var TekstPo="Ferri trwają ..."
var TablicaMiesiecy=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function ZliczajDni(CelRok,CelMiesiac,CelDzien)
{
var Dzisiaj=new Date()
var DzisiajRok=Dzisiaj.getYear()
if ((DzisiajRok>=00) && (DzisiajRok<=1900)) {DzisiajRok=1900+DzisiajRok;}
var DzisiajMiesiac=Dzisiaj.getMonth()
var DzisiajDzien=Dzisiaj.getDate()
var DzisiajData=TablicaMiesiecy[DzisiajMiesiac]+" "+DzisiajDzien+", "+DzisiajRok
var CelData=TablicaMiesiecy[CelMiesiac-1]+" "+CelDzien+", "+CelRok
var LicznikDni=(Math.round((Date.parse(CelData)-Date.parse(DzisiajData))/(24*60*60*1000))*1)
if (LicznikDni<0)
document.write(TekstPo)
else if (LicznikDni==0)
document.write(TekstJuz)
else if (LicznikDni>0)
if (LicznikDni==1)
document.write("Pozostał tylko "+LicznikDni+" dzień do "+TekstPrzed)
else if ((LicznikDni>=2) & (LicznikDni<=4))
document.write("Pozostały "+LicznikDni+" dni do "+TekstPrzed)
else
document.write("Pozostało "+LicznikDni+" dni do "+TekstPrzed)
}
//-->
</script>
<script type="text/javascript">
function alpha(co,mark){
co.style.filter='alpha(opacity='+mark+')';co.style.MozOpacity=(mark/100);
}
</script>
</head>
<body background="grafika/tlo.png" bgcolor="#e0ddd8">
<div id="logo"></div>
<div id="nawigacja">
<div id="navitext">
<SCRIPT>document.write("" + getDateStr())</SCRIPT>
</div>
<div id="navitext2">
<SCRIPT>ZliczajDni(2006,01,28)</SCRIPT>
</div>
</div>
<div id="srodek">
<div id="menulewe">
<div id="mlg">
<br>Home
</div>
<div id="mls">
<a href="index.php?go=2" style="margin-left:17px; position: relative; top:-7;">- Strona główna</a><br>
<a href="index.php?go=3" style="margin-left:17px; position: relative; top:-7;">- Autorzy</a><br>
<a href="index.php?go=10" style="margin-left:17px; position: relative; top:-7;">- Komix</a><br>
<a href="index.php?go=13" style="margin-left:17px; position: relative; top:-7;">- Różne</a><br>
<center><b>Galeria</b></center>
<a href="index.php?go=5" style="margin-left:17px; position: relative; top:0;">- Klasa 2</a><br>
<a href="index.php?go=14" style="margin-left:17px; position: relative; top:0;">- Klasa 3</a><br>
<a href="index.php?go=8" style="margin-left:17px; position: relative; top:0;">- Fotomontaż</a><br>
<center><b style="position: relative; top:7;">Filmiki</b></center>
<a href="index.php?go=7" style="margin-left:17px; position: relative; top:7;">- Zwykłe</a><br>
<a href="index.php?go=12" style="margin-left:17px; position: relative; top:7;">- Montowane</a><br>
</div>
<div id="mld"></div>
</div>
<div id="menusrodek">
<div id="msg"></div>
<div id="mss">
<? switch ($_GET['go'])
{
case 2:
include("news.php");
break;
case 3:
include("autor.php");
break;
case 5:
include("galeria.php");
break;
case 6:
include("galeria3.php");
break;
case 7:
include("filmiki.php");
break;
case 8:
include("foto.php");
break;
case 10:
include("komix.php");
break;
case 11:
include("galeria2.php");
break;
case 12:
include("filmikip.php");
break;
case 13:
include("rozne.php");
break;
case 14:
include("galeria4.php");
break;
case 1:
default:
include("news.php"); } ?>
</div>
<div id="msd"></div>
</div>
<div id="menuprawe">
<div id="mpg">
<br>Bannery
</div>
<div id="mps">
<a href="http://uc.ekonta.com/" ><img src="grafika/fuc!k.png" border="0px;" alt="" style="padding-left:7px;"></a>
</div>
<div id="mpd"></div>
</div>
</div>
<div id="stopka">
<div id="stopkatext">
Copyright 2004-2006 By MaTiSs. All Rights Reserved.
</div>
</div>
</body>
</html>
Kod: Zaznacz cały
a{
color:#fb5b22;
text-decoration:none;
font-weight:bold;
border:0px;
}
a:hover{
color:red;
text-decoration:none;
}
div#logo {
width: 931px;
height: 79px;
margin: auto;
background:url(grafika/logo.png);
}
div#nawigacja {
width: 931px;
height: 22px;
margin: auto;
background: url(grafika/nawigacja.png);
}
div#navitext {
font-weight: bold;
font-size:15px;
color:#fb6836;
text-align:left;
margin-left: 15px;
float: left;
}
div#navitext2 {
font-weight: bold;
font-size:15px;
color:#fb6836;
text-align:right;
margin-right: 15px;
float: right;
}
div#srodek {
margin: auto;
width: 931px;
height:100%;
}
div#menulewe {
width:175;
height:443;
margin: auto;
float: left;
}
div#mlg {
width:175;
height:32;
margin: auto;
background: url(grafika/menulg.png);
font-size:11px;
text-align:center;
color:Black;
text-decoration:none;
font-family:verdana;
font-weight: bold;
}
div#mls {
background:url(grafika/menuls.png);
width:175px;
font-size:11px;
color:Black;
margin: auto;
text-decoration:none;
font-family:verdana;
}
div#mld {
width:175;
height:31;
background:url(grafika/menuld.png);
margin: auto;
}
div#menusrodek {
width:532;
height:443;
margin: auto;
float: left;
}
div#msg {
width:532;
height:32;
background:url(grafika/menusg.png);
margin: auto;
}
div#mss {
background:url(grafika/menuss.png);
width:532px;
margin: auto;
}
div#msd {
width:532;
height:31;
background:url(grafika/menusd.png);
}
div#menuprawe {
width:224;
height:443;
margin: auto;
float: left;
}
div#mpg {
width:224;
height:32;
background:url(grafika/menupg.png);
margin: auto;
text-align: center;
font-weight: bold;
font-size:11px;
color:Black;
text-decoration:none;
font-family:verdana;
}
div#mps {
background:url(grafika/menups.png);
width:224px;
margin: auto;
}
div#mpd {
width:224;
height:31;
background:url(grafika/menupd.png);
margin: auto;
}
div#stopka {
width:931;
height:45;
background:url(grafika/stopka.png);
margin: auto;
}
div#stopkatext {
text-align: center;
font-weight: bold;
position: relative; top:9;
}