Mejoras en el menú

This commit is contained in:
Fernando Méndez 2021-03-19 17:47:59 +01:00 committed by GitHub
parent 6a38623819
commit efc6713953
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 49 additions and 12 deletions

View File

@ -1,6 +1,7 @@
/* Basic */ /* Basic */
* { * {
box-sizing: border-box; box-sizing: border-box;
margin: 0px;
} }
/* Headers */ /* Headers */
@ -39,11 +40,40 @@ h4 {
width: 11px; width: 11px;
} }
.menu { .menu {
background-color: #1f2c3d;
color: #dadada;
text-align: right; text-align: right;
font-size: 15px; font-size: 15px;
} }
.menu nav a{
text-decoration: none;
color: inherit;
font-size: 14px;
}
.menu nav li{
display: inline-block;
width: 150px;
height: 30px;
padding: 5px 10px;
background-color :#1f2c3d;
border: 1px solid #d3ebff;
text-align: center;
color :#d3ebff;
position: relative;
}
.menu nav li:hover{
background-color:#d3ebff;
color:#1f2c3d;
border-color: #1f2c3d;
}
.menu nav li>ul{
display: none;
}
.menu nav li:hover>ul{
display: block;
position: absolute;
top: 29px;
right: -1px;
}
/* Paragraphs */ /* Paragraphs */
p { p {

View File

@ -4,22 +4,29 @@
switch(true){ switch(true){
case strpos($page, 'detalles'): $page = 'Detalles'; break; case strpos($page, 'detalles'): $page = 'Detalles'; break;
case strpos($page, 'bocetos'): $page = 'Detalles'; break; case strpos($page, 'bocetos'): $page = 'Bocetos'; break;
case strpos($page, 'miembros'): $page = 'Detalles'; break; case strpos($page, 'miembros'): $page = 'Miembros'; break;
case strpos($page, 'planificacion'): $page = 'Detalles'; break; case strpos($page, 'planificacion'): $page = 'Planificación'; break;
case strpos($page, 'contacto'): $page = 'Detalles'; break; case strpos($page, 'contacto'): $page = 'Contacto'; break;
default: $page = 'FDI-Cines'; $prefix = './'; break; default: $page = 'FDI-Cines'; $prefix = './'; break;
} }
echo"<div class='header'> echo"<div class='header'>
<a href='{$prefix}'><img src='{$prefix}img/favicon2.png' /> CompluCine</a> | {$page} <a href='{$prefix}'><img src='{$prefix}img/favicon2.png' /> CompluCine</a> | {$page}
<div class='menu'> <div class='menu'>
<a href='{$prefix}'>Inicio |</a> <nav>
<a href='{$prefix}detalles/'>Detalles |</a> <li>Iniciar Sesión</li>
<a href='{$prefix}bocetos/'>Bocetos |</a> <li>Menú
<a href='{$prefix}miembros/'>Miembros |</a> <ul>
<a href='{$prefix}planificacion/'>Planificación |</a> <li><a href='{$prefix}'>Inicio</a></li>
<a href='{$prefix}contacto/'>Contacto</a> <li><a href='{$prefix}detalles/'>Detalles</a></li>
<li><a href='{$prefix}bocetos/'>Bocetos</a></li>
<li><a href='{$prefix}miembros/'>Miembros</a></li>
<li><a href='{$prefix}planificacion/'>Planificación</a></li>
<li><a href='{$prefix}contacto/'>Contacto</a></li>
<ul>
</li>
</nav>
</div> </div>
</div>\n"; </div>\n";
?> ?>