july layout

Tags:

Description:

im not a professional (nor an even decent) programmer, and all of this was put together myself so it probably won't work properly. i honestly just wanted to save my layout online lol (in case i change my mind when i try sm new). there are some image URLs that you will have to fill in (for the backgrounds). they are marked as such in the code. just lmk if you have any questions!

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cedarville+Cursive&display=swap');

p, h1, i, a, h4, label, .logout-btn{
font-family: 'Libre Caslon Text', serif;
letter-spacing:0.5px;
}

.profile-pic img{
border: 2px solid rgb(30,30,30);
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
color:rgb(170,170,170);
}

h4{
color:rgb(200,200,200);
}

.blog-preview i{
color:rgb(200,200,200);
}

a{
color: rgb(200,200,200);
}

a:hover, .profile .friends .inner p{
color:white;
}

.profile .mood p{
color: rgb(200,200,200);
}

nav .links, nav .top{
background-color:rgba(20,20,20,0.8);
}

.general-about .details p{
color: rgba(255,255,255,0.7);
}

.profile h1{
font-family: 'Nanum Myeongjo', serif;
font-size: 60pt;
color:rgb(200,200,200);
position: relative;
margin-left: 15%;
}

/* CHECK BELOW */

body{
background-image:url("insert an image URL between these quotes");
background-size:25%;
filter:sepia(100%) grayscale(70%);
}

/* CHECK BELOW */

main{
background-image:url("insert an image URL between these quotes");
background-size:50% 30%;
border:2px solid rgb(30,30,30);
}

.profile .blurbs, .profile .contact, .profile .url-info, .profile .table-section, .profile .friends{
background-color: rgba(40,40,40,0.7);
border: 2px solid rgb(30,30,30);
}

nav .links a:hover{
color:rgb(200,200,200);
}

.profile .blurbs .heading, .profile .contact .heading, .profile .table-section .heading, .profile .friends .heading{
background-color: rgb(30,30,30);
}

.profile .blurbs .heading h4, .profile .url-info b, .profile .url-info p, .details-table td p, .profile .friends .heading h4, .profile .friends .inner p, .profile .friends .inner span, .profile .table-section .heading h4{
color: rgb(200,200,200);
}

.profile .blurbs .section h4, .profile .blurbs .section p, .profile .friends .inner b{
color: rgb(170,170,170);
}

nav{
border:2px solid  rgb(30,30,30);
margin-bottom:1%;
}

footer{
border:2px solid  rgb(30,30,30);
background-color:#1D4ED8;
}

footer p, footer i, footer a{
color:white;
}

.details-table td, .details-table td:first-child, .comments-table td:first-child, .comments-table td{
background: rgba(255,255,255,0);
border-bottom: 1px solid rgb(150,150,150);
}

table{
border: 1px solid rgba(0,0,0,0);
}

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