2000s backdrop Layout

Tags: 2000s, backdrop, 2000sbackdrop

Description:

Did one with a 2000s backdrop background.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Samuella Onaiwu (https://layouts.spacehey.com/layout?id=22248) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Truculenta:wght@600&display=swap');
p{
font-family: 'Truculenta', sans-serif;
font-size: 100%;
text-shadow: -1px -1px black
}
h1,h2,h3,h4,h5{
font-family: 'Truculenta', sans-serif;
font-size: 100%;
text-shadow: -1px -1px black
}

body {
background-image: url('https://i.etsystatic.com/23673653/r/il/28b902/3352635656/il_570xN.3352635656_mjqq.jpg');
background-position: center center;
background-attachment:fixed; 
}

.profile {
background-image: url('https://data.whicdn.com/images/351671967/original.gif');
background-position: center center;
background-attachment:fixed; 
color:rgb(154,0,102); 
font-family: 'Truculenta', sans-serif;
font-size: 12pt;
text-shadow: -1px -1px black
} 
.profile .blurbs .heading, .profile .friends .heading, .profile .contact, .profile .contact .heading, .profile .url-info, .profile .table-section, .profile .table-section .heading, .details-table td, .comments-table td, table.comments-table {
 background-color: #f699cd; 
 font-family: 'Truculenta', sans-serif;
 opacity: .8;
 border:dotted ; 
 border-width:2 px; 
}
main, nav .top, nav .links, footer, .details-table td:first-child, .comments-table td:first-child { 
 background-repeat:repeat; 
 background-color:transparent; 
 border:dotted ; 
 font-family:'Truculenta', sans-serif;
 font-size: 12pt;
 text-shadow: -1px -1px black
 }
 table, tr, td, li, p, div, div.moduleBody, div.commentsModule p.datePosted, span.count, .profile .blurbs .heading h4, .profile .blurbs .section h4, .profile .friends .heading h4, .logout-btn, nav .links a:hover { 
color:rgb(154,0,102);  
}
a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover  { 
color: rgb(154,0,102); 
font-size:12pt; 
font-family:Truculenta; 
font-weight:bold; 
}
* {cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym49.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/05/12/sym49.html" target="_blank" title="Heart"><img src="https://cur.cursors-4u.net/cursor.png" alt="Heart" style="position:absolute; top: 0px; right: 0px;"/></a>

<iframe width="0" height="0" src="https://www.youtube.com/embed/n7Lgz6qb2Ek//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.