mlp Vinyl Scratch Layout

Tags: mlp, scene

Description:

I got bored, so I decided to make a Vinyl Scratch layout yesterday. You can make any changes if you want and you don't have to credit me. :)

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
background: url(https://i.pinimg.com/564x/4a/30/ba/4a30ba8b4df54545614cfb2d6464faa3.jpg);
width:00px
background-repeat: no-repeat;
background-size: 1100px;
background-attachment:fixed;
}
main{
background-image: none;
background-color: transparent;
text-shadow: 1px 1px 2px #00d5ff, 0 0 8px #00d5ff; 
font-size: 18px
}

:root {
--logo-blue: none;
--darker-blue:none;
--lighter-blue: ;
--even-lighter-blue: url(https://i.pinimg.com/564x/5b/71/de/5b71de7cc888d314251bba6d5ad91f4b.jpg);
--lightest-blue: ;
--dark-orange:White;
--light-orange: url(https://i.pinimg.com/564x/8b/bc/28/8bbc2855b552b8f705f873a494d1ee4c.jpg);
--even-lighter-orange:black;
--green:black;
text-shadow: 1px 1px 2px #00d5ff, 0 0 8px #00d5ff; 
font-size: 18px
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-image: none;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
border: 2px Solid #ffff!important;
box-shadow: 0 0 8px #000000, 0 0 8px #000000;
text-shadow: 1px 1px 2px #00d5ff, 0 0 8px #00d5ff; 
font-size: 18px
}

.profile .table-section .heading{
    background-image: url(https://i.pinimg.com/564x/8b/bc/28/8bbc2855b552b8f705f873a494d1ee4c.jpg);
    color: #ffffff;
    text-shadow: 1px 1px 2px #00d5ff, 0 0 8px #00d5ff; 
    text-align: center;
}

.profile .contact .heading{
    background-image: url(https://i.pinimg.com/564x/8b/bc/28/8bbc2855b552b8f705f873a494d1ee4c.jpg);
    color: #00ffff
    text-shadow: 1px 1px 2px black;
    text-align: center;
}

nav .links{
    background: url(https://i.pinimg.com/564x/83/8d/5b/838d5b73ab756dc801e3416b8ec091c3.jpg);
    background-position: center; 
    border: 1px solid black;
    box-shadow: 0 0 16px black;
    border-radius: 8px;
    margin-bottom: black;
    text-align: center;
    font-size:13.5px
}

.profile .friends {
text-align: center;
}

.general-about {
	background-image: url(https://i.pinimg.com/564x/9b/d9/d4/9bd9d41339fe3a33535330296ddc6d0e.jpg);
	padding: 15px;
        background-position: center;
	border-radius: 10px;
        box-shadow: 0 0 10px #000000;
}

footer {
background: none;
font-size: 15px;
}

main:before {
    width: auto;
    height: 220px;
    display: block;
	border-radius: 10px;
    content: "";
    background-image: url(https://i.pinimg.com/564x/67/87/6b/67876b13c01cafd49b6cb16e7e535d06.jpg);
    background-position: center;
    background-size: 850px;
}
.contact {
  background-image: url(https://i.pinimg.com/originals/38/25/ce/3825ce4dfa0da7121dffc848fe441f28.gif);
  background-position: center;
  background-size: cover;
  background-attachment: scroll;
}
</style>


<div style="float:  ; max-height: 800px; position: fixed; left: 0px; bottom: 0px; z-index: 400;">
<img src="https://cur.glitter-graphics.net/pub/3264/3264359lp9rr1gk27.gif" alt="giphy-2" width="290" height="280" class="giphy-embed"/>
</div>

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.

Comments

Displaying 20 of 20 comments ( View all | Add Comment )

xxXDJ_lavesXxx	1727339880 using!!!!!!!!!!!!!!!!!!!!!!!! Report Comment
xxx_Scr4tch_xxx	1725516594 using <333!!1 Report Comment
janethekillertruelove	1723415135 using Report Comment
sam🩷🍓	1721604317 using :^3 Report Comment
🍼 Mio. . .‎ ᕱ⑅ᕱ	1719050111 using!! Report Comment
★JAILENxJAGUAR☆	1712479417 My favv Report Comment
Nep	1710457655 USINNG!! Report Comment
xxXZombie_ZenXxx	1709865108 Using because it's cool Report Comment
Rexiiฅ^ω^ฅ	1708686786 Using!! Report Comment
𖦹 luvbug44	1708117067 UZING!!! Report Comment
𖦹 luvbug44	1708117063 UZING!!! Report Comment
Alien_k1d!	1708058380 Using Report Comment
anarcho_coyot (NOT MADE 4 MOBILE)	1707942037 using :33 Report Comment
Tanner	1707853097 using :3 Report Comment
shawnteee ^^	1707777507 using!! Report Comment
Curious!! XD	1707773344 Using!! Report Comment
Dominique	1706834487 it's giving fruitger metro, def using! Report Comment
W3EDSm0kkr	1706755651 using!! Report Comment
skull_luver39	1706739151 using!! Report Comment
roman's ripped guts	1706725346 if its not too much to explain, how do you create layouts? thank you! Report Comment I'm pretty bad at explaining, but I used a css layout preview to help with both my layout and codes here's a link to it if you want to check it out https://nein-mc.neocities.org/csstest/ I usually look up some youtubers to help with the coding. Imo I would recommend checking out this youtuber(https://www.youtube.com/@noah9376). They have a playlist to help you out with making a layout. Hope this helps :) by Wafflezaurus; 1706725684; Report thank you!!!!!!!!! by roman's ripped guts; 1706725733; Report And if you want, you can even make an alt acc as a layout test if you want to see the full result on the layout test page itself by Wafflezaurus; 1706725735; Report NP! by Wafflezaurus; 1706725752; Report