« Web, HTML, Tech Forum

Help with Layout (background)

Posted by supernugget64_

posted
updated

Forum: Web, HTML, Tech

Hii! i know nothing of codig or css :,)

https://layouts.spacehey.com/layout?id=102484

i have this layout and i was wondering what could i add/change so the background DOESN'T scroll. 

Thanks <3


<!-- (c) Layout created by D.S ★ Layoutz (https://layouts.spacehey.com/layout?id=102484) -->


<style>


body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

z-index: 100;

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 3.1s ease 0s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} 




/*Colors*/

     :root {

        --logo-blue: #;

        --darker-blue: white;

        --lighter-blue: #2F0815;

        --even-lighter-blue: #2F0815;

        --lightest-blue: #2F0815;

        --dark-orange: white;

        --light-orange: #2F0815;

        --even-lighter-orange: #2F0815;

        --green: ;}


main {

border-radius: 0 0 0px 0px;

background: #2F0815 !important;}


.profile {

color:white;

text-shadow: 0 0 9px black;}


/*Forest Background*/

body {

background:url('https://cdn.spacehey.net/layouts/4957_b76c9d00f86825259271dec8fdcac671.jpg?token=MjeBNpOAtLb1hvKBR54s8xq5V7d04CCc7jmwiW2ADbE&expires=1723065217'); 

no-repeat fixed;}


/*Background Wallpaper*/

.profile {

background-image:URL("https://i.pinimg.com/736x/f3/dd/b5/f3ddb543d01ca00a9be5da0041857058--black-wallpaper-damask-wallpaper.jpg");}


/*Footer Wallpaper*/

footer {background-image:URL("https://i.pinimg.com/736x/f3/dd/b5/f3ddb543d01ca00a9be5da0041857058--black-wallpaper-damask-wallpaper.jpg");

background-repeat: none;

border-radius: 0px;}


/*Online Now Icon*/

.online{

    color: var(--links) !important;

    text-transform: lowercase;

    text-align: left;

.online img{

    filter: brightness(0) saturate(100%) invert(50%) sepia(5%) saturate(326%) hue-rotate(174deg) brightness(92%) contrast(82%); !important;

}


/*Comment table border*/

  table, tr, td { 

  background-color: none; 

 border:none; } 



/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/others/oth-8/oth726.ani), url(https://cur.cursors-4u.net/others/oth-8/oth726.png), auto !important;} /* End https://www.cursors-4u.com *


</style>


Report Topic

0 Replies