Originariamente inviata da
Vincent.Zeno
ciao,
il mio malwarebyte si irrita tentando di accedere a quell'indirizzo.
posta il codice su forum o scegli un altro repositorio
Ciao, ti posto l'intero codice della pagina.
codice:
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>stdiofrenz - il web a portata di mano</title>
<meta name="description" content="">
<meta name="author" content="Frenz">
<link href='https://fonts.googleapis.com/css?family=Lato:400,300italic,300,100italic,100,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="//im.altervista.org/site_index/html5shiv.js"></script>
<![endif]-->
<style type="text/css">
.box-container{
border:1px black solid;
display: grid;
grid-template-areas: "header ."
"main main"
"footer footer";
grid-template-rows:300px 500px 90px;
grid-template-columns: 100%;
grid-gap:5px;
}
.box-container1{
border:1px blue solid;
display: grid;
grid-template-areas:"header menuzzo"
"main main"
"footer footer";
grid-template-rows:300px 500px 90px;
grid-template-columns: 92% 8%;
grid-gap:5px;
}
.head{
grid-area: header;
border:1px yellow solid;
margin: 2px;
background-image:url("/image/head.jpeg");
background-size: cover;
color: white;
}
.menu{
grid-area: menuzzo;
opacity:1;
z-index: 100;
border:1px blue solid;
background-color: blue;
}
.corpo{
grid-area: main;
border:1px red solid;
}
.foot{
grid-area: footer;
border:1px green solid;
}
#button-menu{
position:relative;
top:-80px;
width:20px;
height:20px;
float:right;
}
#logo{
margin: auto;
width:30%;
position: relative;
top:20%;
right:33%;
left:33%;
}
#logs{
margin:auto;
position: relative;
top: 30%;
}
@media only screen and (max-width:870px){
img#logo{
position: relative;
left:35%;
right:35%;
}
.box-container{
grid-template-rows:100px;
grid-gap:2px;
}
#button-menu{
position:relative;
top:-30px;
width:20px;
height:20px;
float:right;
}
/*div#menu-mobile{
float:right;
width:20px;
height:20px;
display:block;
}*/
}
</style>
<script src="https://code.jquery.com/jquery-3.5.0.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#logo").hide();
$("#logo").fadeIn(2000); //logo che appare
$("#button-menu").click(function(){
$(".menu").css("display","none");
$("body").toggleClass("box-container1");
$(".menu").toggle("slow");
//$(".menu").animate({opacity: "1"},"slow");
});
});
</script>
</head>
<body class="box-container">
<div class="head">header
<div id="logs">
<img id="logo" src="/image/log.png">
<img id="button-menu" src="http://stdiofrenz.altervista.org/image/menu.png">
</div>
</div>
<div class="menu">menuz</div>
<div class="corpo">body</div>
<div class="foot">futer</div>
</body>
</html>
grazie!
Permessi di invio
Rispondi quotando