Sonic The Hedgehog Layout

Tags: layout, layouts, sonic the hedgehog, sonic, game, video game, 2000s, animation, gif, 90s

Description:

Hello Everyone!
I hope you like this layout I created!
This layout includes the theme song from the game Sonic The Hedgehog!
Please let me know in the comments if you decide to use this layout!
If you'd like to be super nice & credit me somewhere on your page, that would be much appreciated as well!
Additionally, feel free to add me! I always love gaining new friends! 😊

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Jody Marie ♡ (https://layouts.spacehey.com/layout?id=30173) -->

<style>/* Cursor & Scrollbar */
	* {cursor: url(https://cur.cursors-4u.net/games/gam-1/gam72.ani), url(https://cur.cursors-4u.net/games/gam-1/gam72.png), auto !important;}
	
	 /* Chrome, Edge, and Safari */
	*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background: #000;}
	
	*::-webkit-scrollbar-thumb {
		background-color: #4433e4;
		border-radius: 10px;
		border: 3px solid #4433e4;
	}
</style>

<style>/* Profile Design Info */
    :root {
        --logo-blue: #4433e4;
        --darker-blue: #dcdc01;
        --lighter-blue: #dcdc01;
        --even-lighter-blue: #000000;
        --lightest-blue: #000000;
        --dark-orange: #ffffff;
        --light-orange: #4433e4;
        --even-lighter-orange: #000000;
        --green: #000000;
	}


    body
        {background: url("https://images2.imgbox.com/5b/db/byBPrzEr_o.jpg");
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
background-attachment: fixed;}
     
    .profile {background-color: #000; opacity: 0.80; color: #fff;}
    
	main {
        border-radius: 0 0 10px 10px;
        background: rgba(0,0,0, 0.80) !important;
padding: 0px 0px;
    }
	
	* {font-family: Monospace;}
	
	.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(68,51,228) !important;
        color: #fff !important;
        display: block !important;
    }
	
	footer .links a{color: #ffffff !important;}
	
    footer .links a:hover{color: #ffffff !important;}

footer .copyright a{color: #ffffff !important;}
	
	.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
	
	a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
</style>

<style>/*Search Users Box (Background Color/Background Image)*/
    .top input{border-radius: 15px 15px 15px 15px;}
</style>

<style>/*Buttons (Background Color/Background Image)*/
    button{
    border-radius: 25px 25px 25px 25px !important;
	color: #4433e4;
	font-weight: bold;
    background-color: white !important;
	}
</style>

<style>/* Navigation */
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    nav .links a{
        color: #ffffff; !important;
        text-shadow: none !important;
font-weight: bolder;
    }
    
    nav .links a:hover {color: #fff; !important;}
    
    nav .links {
        text-align: center;
        padding: 0.1px 3.5px 5.5px 3.5px;
        font-size: 70%;
    }
</style>
    
<style>/* Links */
    a:hover {color: #fff;}
</style>

<style>
	main:before {
		width: 100%;
		height: 380px;
		display: block;
		content: "";
		background-image: url('https://images2.imgbox.com/2e/46/JbK1jMCA_o.gif');
		background-position: center center;
		background-size: cover;
</style>

<style>/* Profile Name Header */
	@import url('https://fonts.cdnfonts.com/css/comicscartoon');
	.profile .left h1{ font-family: 'ComicsCarToon', sans-serif; font-size: 40px; text-align: center; overflow-wrap: break-word;
}

h1{
background: -webkit-linear-gradient(#4433e4, #dcdc01);
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;
}
</style>

<style>/* Profile Picture & Online Icon */
	.profile-pic {border-radius: 500px; overflow: hidden;}
    .online {visibility: hidden;} 
    .online img { 
        content: url("https://ct.pimp-my-profile.com/online/26.gif"); 
        animation-name: none; 
        visibility: visible; 
        height: 15px; 
        width: 60px; 
    }
</style>   

<style>/* Headers Colors */
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: #4433e4 !important;
        color: #fff !important;
        text-align: center;
        border-bottom: 2px solid;
    }
	
	.profile .blurbs .section h4{color: #e20000; font-weight: bolder;}
</style>

<style>/* Interests Table Info */
    table.details-table {border-collapse: collapse;}
    table.details-table td {background-color: #000 !important;}
.details-table td:first-child {color: #e20000 !important;}
</style>

<style>/* Blog Info */
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: #4433e4;
    }
	
    .blog-preview p a{color: #dcdc01 !important;}
	
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: #ffffff !important;
    }
</style>
    
<style>/* Friends Info */
    .profile .friends .heading{color: #ffffff;}
    .count {color: #e20000;}
    .profile .friends .person p{color: #dcdc01 !important;}
	.profile .friends .person img {border-radius: 500px;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(220, 220, 1, 0.71);
        border: 2px solid rgba(255, 255, 255, 1);
    }
    
    .profile .friends .person img:not(.icon):hover {
        transform: scale(1.1);
        transition: 0.5s ease;
    }
    
    .profile .friends .person img:not(.icon) {transition: 0.5s ease}
</style>

<style>/* Comments Info */
    table.comments-table td {
        background-color: #000 !important;
        border: none;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
	
	.comments-table{
        display: block;
        height: 200px;
        overflow-y: scroll;
        border: none;
    }
</style>

<style>/* Custom Profile Headers */
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Contact Me"; font-size:.8rem; font-weight:bold; }

.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}
.w-40 .table-section:nth-last-child(2) .heading:before{content: "What I Like"; font-size:.8rem; font-weight: bold; }

.w-40 .table-section:last-child .heading h4{ font-size:0; }
.w-40 .table-section:last-child .heading:before{ content: "Follow Me"; font-size:.8rem; font-weight: bold; }

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "My New Blogs"; font-size:.8rem; }

.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "My Life"; font-size:.8rem; font-weight:bold; }

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: "About Me:"; font-size:.8rem; }

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "Who I'd Like To Meet:"; font-size:.8rem; }

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "The Friends"; font-size:.8rem; font-weight:bold;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Leave Me A Comment"; font-size:.8rem; font-weight:bold;}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/G-i8HYi1QH0//?&;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>

About me text goes here.

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 13 of 13 comments ( View all | Add Comment )

smoorel	1713570926 usinggg Report Comment Thank you! by Jody Marie ♡; 1714239271; Report
Jacob	1710461553 using :) Report Comment Thank you! by Jody Marie ♡; 1714239263; Report
Amoggo	1707755032 Using :P Report Comment Thank you! by Jody Marie ♡; 1707862593; Report No problem! by Amoggo; 1707923520; Report
Mikey	1705234823 Using :] Report Comment Thank you! by Jody Marie ♡; 1705517734; Report
MOXXI	1703827642 using !! Report Comment Thank you! by Jody Marie ♡; 1703881369; Report
RACCOON !!!	1695184719 Using this is awesome Report Comment Thank you! by Jody Marie ♡; 1695208052; Report
nora	1690563562 using Report Comment Thank you! by Jody Marie ♡; 1690568371; Report
Yai	1690402640 OH EEM GEE TOTES USING Report Comment Thank you! by Jody Marie ♡; 1690457130; Report
Kwixiri	1685862858 USING OMG Report Comment Thank you! by Jody Marie ♡; 1685863783; Report
*ೃ༄link !!	1685277560 using!!! its so cute i love it :3 Report Comment Thank you! by Jody Marie ♡; 1685303735; Report
killertunazzz	1684779413 this is so kewl!! def gna use!! :33 Report Comment Thank you! by Jody Marie ♡; 1684782416; Report
Leahpadea	1683777428 Just was curious and I def love it! Keeping it so cute if you ever get to rouge let me know haha Report Comment Curious about what? Lol by Jody Marie ♡; 1683856509; Report About the song and how it would look or work It’s really cool by Leahpadea; 1683860914; Report