Report Blog Entry
I MADE MY FIRST PROFILE LAYOUT!!! I was right that it takes a lot less time and effort to do full layouts than individual elements, so I will definitely be making more.
*Update- This is now published in the Layouts section also: https://layouts.spacehey.com/layout?id=23774
-Feel free to change anything you like.
-If you have any questions, please ask them in the comments below.
-You can view the full-sized image here and you can preview the code by copying and pasting it here.
*Friendly reminder: it's against Spacehey rules to hide the Spacehey logo, search bar, or logout buttons in the navigation section.*
It's a pretty basic layout, I find that too many gifs and transparency on multi-colored background images makes the content difficult to read. If I do add gifs to future layouts, it probably won't be behind text, but as this was a first attempt, I didn't want to get into that just yet.
To use this layout, copy and paste the code below into the "About Me" section of your profile. Thanks, and have a nice rest of your day!
<!-- (c) Layout created by Leena (https://layouts.spacehey.com/layout?id=23774) -->
<style>
body {
background: url(https://i.ibb.co/PThH8vb/plaidskulls.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}</style>
<style>
.profile {
background-color: #870303;
font-family: fantasy;
}
table, td
{
border-spacing: 2px;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
width: 100%;
border: 0px solid var(--#4e4f4e);
color: #870303
}
mood {
color: #000000;
}
.mood p {
color: #000000;
}
.mood a {
color: #000000;
}
table, th, td
{
border: 0px solid #4e4f4e;
border-spacing: 0px;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
width: 100%;
border: 2px solid #4e4f4e;
background-color: #000000;
}
:root
{
--logo-blue: ;
--darker-blue: ;
--lighter-blue: purple 55;
--even-lighter-blue: ;
--lightest-blue: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
--turquoise: ;
--table-header:#000000;
--table-color: white;
--link-text: black;
--main-text: #870303;
}
footer
{
background: #870303!important;
border: 2px solid #4e4f4e;
}
.comments-table{
background: #000000;
display: block;
height: 500px;
overflow-y: scroll;
color: #870303;
border: 2px solid #4e4f4e;
}
.contact .heading {
text-align: center;
background-color: #000000!important;
font-family: courier "Courier New"!important;
color: #870303!important;
border: 1px solid #4e4f4e;!important;
}
.contact {
border: 2px solid #4e4f4e;!important;
background-image: url(https://i.ibb.co/4mt4bbz/red2.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: scroll;
Width: 360px;
Height:100px;
}
.contact a {
color: whitesmoke;
font-family: "Courier New";
font-size: 14px;
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section, .url-info, .mood, .blurbs, .blog-preview, .details,
{
border: 1px #000000!important;
}
nav, footer, .profile .contact {
color: #000000!important;
}
main {
border: 2px solid #4e4f4e;
padding: 0;
font-size: 90%;
color: #000000;
}
nav {
border: 2px solid #4e4f4e!important;
}
nav .top a {
color: #870303!important;
}
nav .logout-btn {
color: #870303!important;
}
nav .links a {
color: #870303!important;
}
.logo {
filter: brightness(0) saturate(100%) invert(10%) sepia(74%) saturate(5025%) hue-rotate(9deg) brightness(92%) contrast(121%) !important;
}
.profile .table-section{
border:2px solid #4e4f4e;
}
.profile .table-section .heading{
background:#000000;
border: 1px solid #4e4f4e;
text-align: center;
}
.profile .table-section .heading h4{
color: #870303;
}
.profile .table-section .details-table td{
background-color: #000000;
padding-right: 10%;
}
.profile .friends .heading{
border: 2px solid #4e4f4e;
background: #000000;
color: #870303;
text-align: center;
}
.profile .friends .heading h4{
text-align: center;
color: #870303;
}
.general-about {
background-color: #000000;
border: 2px solid #4e4f4e;
padding: 5px;
text-align: center;
color: #870303;
}
.profile .blurbs .section :nth-child(2) {
border: 2px solid #4e4f4e;
background-color: #000000;
color: #870303;
/* margin-top: -5px; */
padding: 18px;
}
.profile .profile-info .inner h3 {
filter: drop-shadow(3px 3px 0 #000000);
margin: 0!important;
color:#870303;
}
.profile .profile-info .inner h3 a {
color: #870303;
}
.profile .profile-info {
background-image: url(https://i.ibb.co/JzdyVv8/redpentacle.jpg);
background-position: center;
padding: 20px;
border: 2px solid #4e4f4e;
text-align: center;
text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
color; #870303;!important
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )