Buongiorno a tutti,

ho creato una pagina di login ma la mia idea era quella di avere la classica finestrella di login piccola non una pagina intera... come posso realizzare tutto ciò?
Sotto vi riporto il codice della pagina index:
codice:
<html>
<?php
    
	session_start();
	
	function logoutform(){
		
		echo "<form action='' method='POST'>
			 
			 <input type='submit' name='logout' value='logout'>
	 		 </form>
		";	
	}
	
	function logout(){
		session_destroy();
		echo 'clicca nuovamente';
	}
	
	if(!isset($_SESSION['login'])){
		
		exit("Accesso negato. Per visualizzare la pagina fare il <a href='login.php'>login<a>");
	}else{
		echo "Benvenuto  " .$_SESSION['login'];
		logoutform();
		if(isset($_POST['logout'])){
		echo "Stai facendo il logout";
		logout();
		}
	}
?>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title></title>
		<link rel="stylesheet" href="menu_style.css" type="text/css" />
		
		
		
		<style type="text/css">
		<!--
			body {
				margin-left: 200px;
				margin-right: 200px;
			}
		-->
		</style>
	</head>
	<body>
		

		

			<div class="Hdropdown_red_tab__menu">
		<ul>
			[*]Home
			[*]Caricamento
				<ul>
					[*]Caricamento cliente e polizza
					[*]Caricamento Cliente
					[*]Caricamento Polizza
					[*]Dreamweaver Menus
			[/list]
		  	
			[*]FAQ
                <ul>
                	[*]Drop Down CSS Menus
                	[*]Horizontal CSS Menus
                	[*]Vertical CSS Menus
                	[*]Dreamweaver Menus
               	[/list]
          	
			[*]Contact
		[/list]
			</div>

</body>
</html>
e questa la pagina di login:
Codice PHP:
<?php
    
    session_start();
    
    function loginform(){
        
        echo"<form action='' method='POST'>
             Username: <input type='text' name='username'>
             Password: <input type='text' name='password'>
             <input type='submit' name='login' value='login'>
              </form>
        ";            
    }
    
    function logoutform(){
        
        echo "<form action='' method='POST'>
             
             <input type='submit' name='logout' value='logout'>
              </form>
        ";    
    }
    
    function login($username, $password){
        
        $conn= mysql_connect('localhost', 'root', '') or die (mysql_error());
        
        mysql_select_db("archiviottico", $conn) or die (mysql_error());
        
        $username=$_POST['username'];
        $password=$_POST['password'];
            
        $result = mysql_query("SELECT * FROM login WHERE username='$username' AND password='$password' ") or die (mysql_error());
        
        $count= mysql_num_rows($result); //otteniamo come output, un intero che soddisfa la condizione che abbiamo posto sopra

        if($count==1){
            $_SESSION['login']=$username;
            header("location: index.php");    
        }
        else{
            echo "Login errato. Controllare username e password";
        }
    }
    
    function logout(){
        session_destroy();
        echo 'non sei più loggato';
        echo ' puoi chiudere la finestra';
    }
    
    if(isset($_SESSION['login'])){
        echo "sei loggato";
        logoutform();
    }
    else{
        echo "non sei loggato";
        loginform();
    }
    if(isset($_POST['login'])){
        echo "login in corso...";
        
        login($_POST['username'], $_POST['password']);
    }
    elseif(isset($_POST['logout'])){
        echo "Stai facendo il logout";
        logout();
    }
?>
sicuro di un vostro riscontro vi ringrazio in anticipo