RPG Undertale-like layout

Tags: rpg, undertale, deltarune

Description:

I made it inspired by the Undertale / Deltarune UI but really it is just a generic RPG-like thing Also I'm not very great with CSS at all so the code may be a bit iffy

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ♥【Ｎａｏｍｉ】♥ (https://layouts.spacehey.com/layout?id=82298) -->

<style>
/* Cursor /**/
* {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=102024), auto !important;}*/

/* Top Banner */

nav {
  margin-top: 10px;
}

nav .links a:hover {
  text-decoration: underline;
  color: #FFFFAE;
}
nav .links a {
  text-decoration: none;
  color: yellow;
  text-shadow: none;
  font-size: 0.98em;
  font-size: max(0.98em, 12px);
}

nav .top {
  background: black;
}

nav .links {
  background-color: black;
}


/* Logo (DOESNT WORK BTW LOL) */
logo logo-fallback {
  src=url(xxxxx);
}

/* Background and font */

body {
  background: url(https://www.spriters-resource.com/resources/sheet_icons/172/175637.gif);
  font-family: "MS Sans Serif";
}

/* Profile headers */
.profile .blurbs .heading, .profile .friends .heading {
  font-weight: bold;
  font-size: 150%;
  background-color: black;
  color: white;
  border-top: 5px solid white;
  border-left: 5px solid white;
  border-right: 5px solid white;
}

.section h4 {
  color: #FFFF00;
  text-align: center;
}

.profile .blurbs .section p, .blog-entry .comments p, .bulletin .comments p {
  margin-left: 15px;
  margin-right: 21px;
}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, .setting-section .inner {
  padding: 7px;
  border-left: 5px solid white;
  border-right: 5px solid white;
  border-bottom: 5px solid white;
}
.friends {
  margin-bottom: 10px;
}

/* Link colors */
a {
  color: #FFFF00;
  text-decoration: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
  color: #FFFFAE;
  text-decoration: underline;
}

/* Main profile area */
.profile {
  font-weight: bold;
  background-color: black;
  color: white;
  border-top: 5px solid white;
  border-bottom: 5px solid white;
  border-left: 10px solid white;
  border-right: 10px solid white;
}

/* Profile info */
.profile  .contact, .profile .url-info, .profile  .table-section, .setting-section, .home-actions {
  width: 100%;
  border: 5px solid white;
}

.online {
  color: #00FF00;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
  background: black;
  border-bottom: 0px solid white;
  color: white;
  padding: 2px 7px;
}

.details-table td:first-child {
  background: black;
  color: yellow;
  font-weight: bold;
  width: 33%;
}

.details-table td {
  background: black;
  vertical-align: top;
}


/* Friends */
.profile .friends .person p {
  color: yellow;
  font-weight: bold;
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size: 100%;
  text-align: left;
}

friends-grid {
  font-size: 80%;
}

nav, footer {
  font-weight: bold;
  background-color: black;
  color: white;
  border: 10px solid white;
  margin-bottom: 10px;
}

iframe { 
  width: 100%;
  aspect-ratio: 16 / 9;
}

.comments-table td:first-child, .music-table td:first-child {
  background: black;
  text-align: left;
  font-weight: bold;
  border: 5px solid white;
  width: 30%;
}

.comments-table td, .music-table td {
  background: black;
  border-top: 5px solid white;
  border-bottom: 5px solid white;
  border-right: 5px solid white;
}
</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 20 of 69 comments ( View all | Add Comment )

ꜛ ⭔ The Calico Collective ⁎	1754936083 Using ! :~) Report Comment
BON3MRR0W	1754796963 using Report Comment
Hal	1753727854 Using ! Report Comment
KanelaXD	1753666819 using, thanks Report Comment
Faust Doe	1753351595 Using. Many Thanks. Report Comment
Markitos ⛧	1752064751 usinggg!!! Report Comment
Markitos ⛧	1752064751 usinggg!!! Report Comment
skootrhootr	1751741798 using.. again Report Comment
Kris M	1751578507 why wont it work! can someone help? Report Comment
Jason	1750918455 Using this! Report Comment
skootrhootr	1750174812 ussing Report Comment
Mikeyy	1749738694 will be using this, thank you :)) Report Comment
TheMaxx	1749671701 using## Report Comment
mosto49	1749558182 using! Report Comment
soapy ᓚ₍ ^. .^₎	1749436898 using :D Report Comment
☆𝐓𝐈𝐌𝐄𝐑_𝐒𝐘𝐒𝐓𝐄𝐌.𝐙𝐈𝐏☆	1749225670 Using ! Report Comment
menD	1749193038 using Report Comment
Natan021	1749151380 using ! <3 Report Comment
Dummy	1745790887 Using!! super cool Report Comment
sandcastlesz	1742406877 using :B Report Comment

Layout published by ♥【Ｎａｏｍｉ﻿】♥

RPG Undertale-like layout

Description:

Preview:

Code:

Comments

Layout published by ♥【Ｎａｏｍｉ】♥