#Added a nice Background-Image for Testing Purpose

Test
Lucio Vignotto 2020-07-08 18:08:14 +02:00
parent 22c7aed03c
commit 3bbb7c6690
1 changed files with 15 additions and 9 deletions

View File

@ -11,7 +11,7 @@
<title>Profilo di ...</title> <title>Profilo di ...</title>
<style> <style>
#mainbody{ #mainbody{
width: 50%; width: 75%;
margin: 0 auto; margin: 0 auto;
height: 100%; height: 100%;
border: 1px solid black; border: 1px solid black;
@ -29,10 +29,11 @@
} }
body{ body{
color: white; color: white;
background-image: url("https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxH5rd9eDAjcFyv45SRYAFMIcKL_PArgVSL403ulRUWEndVKv5jpyKAw07dwJRtOr8eF431qaQcDkVtNqzxNHexvTwYevXxWlQu8cijryZpomi2Bq-uxSHkkAhNw"); background-image: url("https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxH5rd9eDAjcFyv45SRYAFMIcKL_PArgVSL403ulRUWEndVKv6j52AAA07JABT4Lj3eF840KfKIGxEvYi0xYbTk_SlMOrTlDpV65Jz0ruW8NXxjRq-uxT3rHTGnQ");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-color: black;
} }
#img-border{ #img-border{
border: 5px solid grey; border: 5px solid grey;
@ -89,13 +90,18 @@
width: 300px; width: 300px;
} }
.carousel-item{ .carousel-item{
height: 500px; height: 500px;
width: 300px; width: 300px;
} }
.carousel-item img{ .carousel-item img{
height: 100%; height: 100%;
width: 300px; width: 300px;
} }
@media (max-width: 1920px){
body {
background-size: auto;
}
}
</style> </style>
</head> </head>
<body> <body>