codice:
/* RESET CSS */html, body, div, p, span,
h1, h2, h3, h4, h5, h6,
blockquote, pre, a, abbr, acronym, address, big, cite, code,
img, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, iframe, ins{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
line-height:1;
}
img {border:none; vertical-align:bottom;}
/*FINE RESET*/
/*colore sfondo*/
body {background-color:#FFF;}
/*colore sfondo*/
/*barra menù*/
#menù {position:relative; background:#06659f; width:100%; height:64px; }
/*barra menù*/
/*logo sito sul menù*/
#logo {
position: absolute;
margin-left: 0px;
margin-top: 0px;
top: 7px;
width: 63px;
height: 54px;
left: 5px;
}
/*logo sito sul menù*/
#pagine
{
width:100%;
height:539px;
}
#barrainferiore
{
background:#06659f;
width:100%;
height:64px;
}
p.testobarrainf
{
position:absolute;
font-family: 'Open Sans', sans-serif;
color: white;
font-size: 13px;
text-align:center;
top: 632px;
left:46%;
}
/*menù*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
/* Menu CSS */#cssmenu,
#cssmenu > ul {
background:#06659f;
padding-bottom: 3px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
content: '';
display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
clear: both;
}
#cssmenu {
width: auto;
zoom: 1;
}
#cssmenu > ul {
background:#06659f;
margin: 0;
padding: 0;
position: absolute;
margin-left:36%;
}
#cssmenu > ul li {
margin: 0;
padding: 0;
list-style: none;
}
#cssmenu > ul > li {
float: left;
position: relative;
}
#cssmenu > ul > li > a {
padding: 23px 26px;
display: block;
color: white;
font-size: 13px;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 -1px 0 #0d0d0d;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
line-height: 18px;
}
#cssmenu > ul > li:hover > a {
background: url(highlight-bg.png) repeat;
text-shadow: 0 -1px 0 #97321f;
text-shadow: 0 -1px 0 rgba(122, 42, 26, 0.64);
}
#cssmenu > ul > li > a > span {
line-height: 18px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li > a:active {
background-color:#06659f;
background-image:url(../IMG/icon.png);
background-repeat:no-repeat;
background-position:left;
}
/* Childs */
#cssmenu > ul ul {
opacity: 0;
visibility: hidden;
position: absolute;
top: 120px;
background-color:#06659f;
margin: 0;
padding: 0;
z-index: -1;
}
#cssmenu > ul li:hover ul {
opacity: 1;
visibility: visible;
margin: 0;
color: #000;
z-index: 2;
top: 64px;
left: 0;
}
#cssmenu > ul ul:before {
content: '';
position: absolute;
top: -10px;
width: 100%;
height: 20px;
background: transparent;
}
#cssmenu > ul ul li {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
#cssmenu > ul ul li a {
padding: 18px 26px;
display: block;
color: #FFF;
font-size: 13px;
text-decoration: none;
text-transform: uppercase;
width: 150px;
border-left: 4px solid transparent;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#cssmenu > ul ul li a:hover {
background-image: url(../IMG/icon.png) ;
background-repeat:no-repeat;
background-position:left;
}
#cssmenu > ul ul li a:active {
background-color:06659f;
}
/*menù*/
/*loginregistrazione*/
#messreg
{
text-align:center;
margin-top:10px;
}
p.logout{
position: absolute;
margin-left:94%;
top: 26px;
font-size:13px;
color:white;
font-family: 'Open Sans';
text-transform: uppercase;
}
p.login
{
position: absolute;
margin-left:90%;
top: 26px;
font-size:13px;
color:white;
font-family: 'Open Sans';
text-transform: uppercase;
}
p.registrazione
{
position: absolute;
margin-left:84%;
top: 26px;
font-size:13px;
color:white;
font-family: 'Open Sans';
text-transform: uppercase;
}
p.logout a:link {text-decoration: none; color: white;}
p.logout a:visited {text-decoration: none; color: white;}
p.logout a:hover {color: white;}
p.registrazione a:link {text-decoration: none; color: white;}
p.registrazione a:visited {text-decoration: none; color: white;}
p.registrazione a:hover {color: white;}
p.login a:link {text-decoration: none; color: white;}
p.login a:visited {text-decoration: none; color: white;}
p.login a:hover {color: white;}
#registrazione
{
margin-left:38%;
margin-top:10%;
}
#login
{
margin-left:38%;
margin-top:10%;
}
#loginform
{
margin-top
}
#loginstat
{
margin-left:30%;
}
#loginstat1
{
margin-left:46%;
}
#inputlogin
{
margin-bottom:1%;
}
#ora
{
position: absolute;
margin-left: 10%;
color: white;
left: -7px;
top: 21px;
font-family: 'Open Sans';
text-transform: uppercase;
font-size:13px;
}
/*loginregistrazione*/
/*PAGINA NARUTO*/
#Naruto
{
background:#ffeabf;
}
#ContenitoreNaruto
{
margin-left:45%;
margin-top:5%;
}
/*FINE PAGINA NARUTO*/
questo è il CSS l'ultimo è per la pagina NARUTO
Codice PHP:
<!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=utf-8" /><link rel="stylesheet" type="text/css" href="CSS/falcon.css" /><link rel="shortcut icon" href="IMG/favicon.ico" />
<title>FALCONWEB</title>
</head><body><div id="menù"> <div id="logo"> <img src="IMG/logo.png" alt="logo" width="57" height="44" usemap="#Map" border="0" /> </div> <div id="ora"><a href="http://time.is/Italy" id="time_is_link" style="font-size:13px"></a><span id="Italy_z723" style="font-size:13px"></span><script src="http://widget.time.is/it.js"></script><script>time_is_widget.init({Italy_z723:{template:"TIME<br/>DATE", time_format:"12hours:minutes:secondsAMPM", date_format:"monthnum-daynum-year"}});</script></div> <div id='cssmenu'><ul> <li ><a href='index.php'><span>HOME</span></a></li> <li><a href='#'><span>ESEMPI</span></a> <ul> <li><a href='?pag=Naruto'><span>NARUTO</span></a></li> <li><a href='?pag=Continumm'><span>CONTINUUM</span></a></li> <li><a href='?pag=Miosito'><span>MIO SITO</span></a></li> </ul> </li> <li class='has-sub'><a href='#'><span>Prova3</span></a> <ul> <li><a href='#'><span>Provae3</span></a></li> <li class='last'><a href='#'><span>Prova3</span></a></li> </ul> </li> <li class='last'><a href='#'><span>Prova5</span></a></li></ul> </div> <p class="login"><a href='?pag=login'>LOGIN</a> </p> <p class="registrazione"><a href='?pag=register'> SIGN UP</a> </p> <p class="logout"><a href='?pag=logout'>LOGOUT</a></p>
</div> <div id="pagine"> <?php if($_GET['pag'] == 'login') include('login.php'); ?> <?php if($_GET['pag'] == 'register') include('register.php'); ?> <?php if($_GET['pag'] == 'logout') include('logout.php'); ?> <?php if($_GET['pag'] == 'Naruto') include('naruto.php'); ?> <?php if($_GET['pag'] == 'Continuum') include('continuum.php'); ?> <?php if($_GET['pag'] == 'Miosito') include('miosito.php'); ?>
</div>
<div id="barrainferiore"> <p class="testobarrainf">AlexGioffre'©2014-2014</p> </div>
</body></html>
questo invece della pagina index ovviamente alcuni link ancora non funzionano non avendo fatto le pagine necessarie per ora c'è solo quella NARUTO
come potete vedere la barra inferiore blu si sposta verso il basso ed appare la barra di scorrimento di lato, io vorrei che la barra inferiore non si sposti, sapete aiutarmi?
Permessi di invio
Rispondi quotando