Buongiorno a tutti,

sto realizzando un sito in php con collegamento a db mysql e ho un problema per la parte grafica del login...mi spiego meglio...l'effetto che vorrei riuscire a realizzare è il seguente:
appena si accede al sito internet l'user deve visualizzare la classica schermata piccola che blocca il caricamento dell'index finchè non vengono inseriti user e psw corretti.

il mio codice dell'index.php:
Codice PHP:
<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>
            [*][url="index.php"]Home[/url]
            [*][url="#"]Caricamento[/url]
                <ul>
                    [*][url="clipolform3.php"]Caricamento cliente e polizza[/url]
                    [*][url="clienteform.php"]Caricamento Cliente[/url]
                    [*][url="polizzaform.php"]Caricamento Polizza[/url]
                    [*][url="#"]Dreamweaver Menus[/url]
            [/list]
              
            [*][url="#"]FAQ[/url]
                <ul>
                    [*][url="#"]Drop Down CSS Menus[/url]
                    [*][url="#"]Horizontal CSS Menus[/url]
                    [*][url="#"]Vertical CSS Menus[/url]
                    [*][url="#"]Dreamweaver Menus[/url]
                   [/list]
              
            [*][url="#"]Contact[/url]
        [/list]
            </div>

</body>
</html>
e il codice del login.php:
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");
            exit;    
        }
        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();
    }
?>
come posso/devo modificare il codice per creare l'effetto grafico desiderato?
grazie a tutti in anticipo