#Added Background Image

Test
MickSlash 2020-07-08 00:02:53 +02:00
parent 0f60f4423a
commit 22c7aed03c
1 changed files with 10 additions and 6 deletions

View File

@ -29,6 +29,10 @@
} }
body{ body{
color: white; color: white;
background-image: url("https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxH5rd9eDAjcFyv45SRYAFMIcKL_PArgVSL403ulRUWEndVKv5jpyKAw07dwJRtOr8eF431qaQcDkVtNqzxNHexvTwYevXxWlQu8cijryZpomi2Bq-uxSHkkAhNw");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
} }
#img-border{ #img-border{
border: 5px solid grey; border: 5px solid grey;
@ -79,7 +83,7 @@
height: auto; height: auto;
color: white; color: white;
text-align: center; text-align: center;
background-color: red; background-color: #DD1155;
} }
.carousel{ .carousel{
width: 300px; width: 300px;
@ -112,7 +116,7 @@
<div class="card-header"> <div class="card-header">
<h3 class="text-center">FILM PREFERITI</h3> <h3 class="text-center">FILM PREFERITI</h3>
</div> </div>
<div class="card mb-3"> <div class="card mt-3 mb-3">
<div id="carouselfavorite" class="carousel slide mx-auto" data-ride="carousel"> <div id="carouselfavorite" class="carousel slide mx-auto" data-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carouselfavorite" data-slide-to="0" class="active"></li> <li data-target="#carouselfavorite" data-slide-to="0" class="active"></li>
@ -149,7 +153,7 @@
<div class="card-header"> <div class="card-header">
<h3 class="text-center">DA GUARDARE</h3> <h3 class="text-center">DA GUARDARE</h3>
</div> </div>
<div class="card mb-3"> <div class="card mt-3 mb-3">
<div id="carouselExampleCaptions" class="carousel slide mx-auto" data-ride="carousel"> <div id="carouselExampleCaptions" class="carousel slide mx-auto" data-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
@ -193,15 +197,15 @@
<tbody> <tbody>
<tr class="row no-gutters"> <tr class="row no-gutters">
<th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2020/06/eSkjK4kctyrWpFhxl35GPvSs6tI.jpg" class="img-fluid lastimagecomments" alt=""></a></th> <th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2020/06/eSkjK4kctyrWpFhxl35GPvSs6tI.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
<td class="mt-2"><a target="_blank"><p class="pfont text-center">THE ITALIAN JOB</p></a><p class="text-muted text-center commentsmedia">Bellissimo! Lo guardavo sempre con mia sorella! :)</p></td> <td class="mt-2"><a target="_blank"><p class="pfont text-center">THE ITALIAN JOB</p></a><p class="text-center commentsmedia">Bellissimo! Lo guardavo sempre con mia sorella! :)</p></td>
</tr> </tr>
<tr class="row no-gutters"> <tr class="row no-gutters">
<th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2019/05/787b670fb5034be88bc2c62a756c37c3-salvatore-riina-la-mafia.jpg" class="img-fluid lastimagecomments" alt=""></a></th> <th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2019/05/787b670fb5034be88bc2c62a756c37c3-salvatore-riina-la-mafia.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
<td class="mt-2"><a target="_blank"><p class="pfont text-center">IL CAPO DEI CAPI</p></a><p class="text-muted text-center commentsmedia">Bellissima serie TV! TOP</p></td> <td class="mt-2"><a target="_blank"><p class="pfont text-center">IL CAPO DEI CAPI</p></a><p class="text-center commentsmedia">Bellissima serie TV! TOP</p></td>
</tr> </tr>
<tr class="row no-gutters"> <tr class="row no-gutters">
<th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2020/05/iZf0KyrE25z1sage4SYFLCCrMi9-1365x2048.jpg" class="img-fluid lastimagecomments" alt=""></a></th> <th class="pr-0 pl-1"><a target="_blank"><img src="https://lordchannel.com/wp-content/uploads/2020/05/iZf0KyrE25z1sage4SYFLCCrMi9-1365x2048.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
<td class="mt-2"><a target="_blank"><p class="pfont text-center">1917</p></a><p class="text-muted text-center commentsmedia">Film strepitoso! Consiglio a tutti di guardarlo! :)</p></td> <td class="mt-2"><a target="_blank"><p class="pfont text-center">1917</p></a><p class="text-center commentsmedia">Film strepitoso! Consiglio a tutti di guardarlo! :)</p></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>