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 53 comments ( View all | Add 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
AXO	1739549660 USING!! X3 Report Comment
salahthekid	1738623042 using :) Report Comment
When:3	1737937725 using tysm Report Comment
StarSpiritXD	1737130095 USING!! THANK YOUU Report Comment
smartgenius55541253365	1736892602 using!! Report Comment
ñoquis 🍜	1736275264 using!!! Report Comment
deya	1735769254 usingg Report Comment
GUEST	1735693395 using ! Report Comment
Yammers	1733474673 Using! Thank you Report Comment
skEIGHTer	1733398747 actually using Report Comment
AnonymouseGeek	1733195915 USINGGGGGGGGGGGGGGG!!! Report Comment
Furina ≺☉)͜͡˒ ⋊	1732968946 using! Report Comment
skEIGHTer	1732795566 usering Report Comment
Sock	1731531768 using Report Comment
TIRED_LUMI	1731028469 Using! Report Comment
Bo	1730950552 using!!!!!!! Report Comment

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

RPG Undertale-like layout

Description:

Preview:

Code:

Comments

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