nintendo layout

Tags: nintendo, mario, gaming, zelda, green

Description:

please comment if you use!!! contains: fonts, colour text, background image, green profile background, custom contact table icons, online now icon, styled footer and head

Preview:

click on the image for a larger preview

Code:

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

<style>
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');
p {
font-family: 'Sedgwick Ave', cursive;
font-size: 120%;
color: green;
}

.online{content:url(http://www.myspacegens.com/images/online_now/112.gif)
}

h1, h2, h3, h4, h5{
font-family: 'Sedgwick Ave', cursive;
font-size: 150%;
color: light-green;
}
body {
background-image: url(https://i.pinimg.com/564x/d2/9b/6e/d29b6e998d22d438fcd7687aaa066332.jpg);
}
main {
background: none;
}
.profile {
background-color: rgba(91, 250, 70, 0.65);
}
:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: rgba(31, 87, 23, 0.65);
    --darker-blue: green;
    --lighter-blue: rgba(31, 87, 23, 0.65);
    --even-lighter-blue: even-lighter-green;
    --lightest-blue: lightest-green;
    --red: yellow;
    --dark-orange: dark-green;
    --light-orange: light-green;
    --even-lighter-orange: even-lighter-green;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: "✿"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "✿"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "✿"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "✿"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "✿"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "✿"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "✿"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "✿"
}

</style>

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

Lizzy \ (>.<) /

$Lizzy \ (>.<) /'s profile picture$

1710041073

using i think!

Report Comment

Groonklie

1684532369

You should try making the text a different color from the background to make it contrast more. Using something like yellow could fit with your Zelda theme and make everything easier to read as well.

Report Comment