let me know if you use this and if you liked it, or if you had issues! <3 if you'd like to make your profile single column, add this code (it won't work right in the layout generator but it will when you edit your profile I swear): <style> .profile{ display:flex; flex-direction: column; overflow-y: auto; } .profile .left{width: 100% !important;} .profile-pic{width: 100% !important;} .general-about{text-align: center !important;} h1{text-align: center !important;} </style>
use this code to change profile width: <style>.container{width: 650px !important;}</style>
--------------------------------------------------------------------------------------------------------------
<!-- (c) Layout created by sarah (https://spacehey.com/_themoontoldme) -->
<style>
/*main profile*/
body{
background-color: COLOR !important;
background-image: url('https://i.pinimg.com/736x/00/a5/b9/00a5b939e3f9b25e1da82fd529a7b82e.jpg') !important;
background-attachment: FIXED !important;
background-repeat: REPEAT !important;
background-position: top left !important;
background-size: 50 !important; }
</style>
<style>
/*inner profile*/
main{
background-color: transparent !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: REPEAT !important;
background-position: top left !important;
}
</style>
<style>
/*mood border/body and text color*/
.mood{
border: 0px solid WHITE !important;}
color: WHITE !important;}
</style>
<style>
.mood{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important;
color: WHITE !important; }
</style>
<style>.mood a{color: WHITE !important;}</style>
<style>
/*section headings*/
.heading{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>
<style>
/*interests and social links */
.table-section .heading{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important;
color: WHITE !important;}
</style>
<style>
.table-section td{
background-color: transparent !important;
background-image: url ('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important;
color: WHITE !important; }
</style>
<style>
.table-section{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important;
color: WHITE !important;
border: none !important;}
</style>
<style>
/*blog background and text color*/
.blog-preview{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important;
color: WHITE !important; }
</style>
<style>.blog-preview h4 a{color: WHITE !important;}</style>
<style>.blog-preview h4{color: WHITE !important;}</style>
<style>.blog-preview p a{color: WHITE !important;}</style>
<style>.blog-preview p a:hover
.blog-preview p a:active,
.blog-preview p a:focus{
color: WHITE !important; }</style>
<style>
/*contact table text, background, and icons. replace url with whatever you like*/
.contact .inner img{display: none !important;}</style>
<style>.contact img.icon {
display: none;
}
.contact{background-color: !important;}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://dl9.glitter-graphics.net/pub/3226/3226829efc7vvuwj8.gif');
background-size: 100% 100%;
}
</style>
<style>.contact.heading{border-radius: 25px 25px 0 0 !important;}main{border-radius: 0 0 25px 25px !important;}</style>
<style>.contact a{color: WHITE !important;}</style>
<style> .contact{
border: 2px dotted black !important;
}
</style>
<style>
.contact{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>
<style>/*general about text color, pfp and online now icon*/
.general-about{color: WHITE !important;}</style>
<style>.general-about{font-size: 15px !important;}</style>
<style>.general-about{text-transform: lowercase !important;}</style>
<style>.online{content: url("http://dl2.glitter-graphics.net/pub/341/341842q4vbfz1x40.gif") !important;}</style>
<style>.general-about img {-webkit-mask-image: url(https://i.postimg.cc/C5KrYXvc/heartframe.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}</style>
<style>
.general-about{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>
<style>
.heading{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>
<style>
/*comments background, text and icons*/
.comments-table td{
background-color: WHITE !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>
<style>table.comments-table{display: block;height: 250px!important;overflow-y: scroll;}</style>
<style>a{color: #080606 !important;}</style>
<style>
.comments-table td{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important;
color: WHITE !important; }
</style>
<style>.contact img.icon {
display: none;
}
.contact{background-color: !important;}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
content: " ";
display: inline-block;
width: 15px;
height: 15px;
background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
content: " ";
display: inline-block;
width: 15px;
height: 15px;
background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
content: " ";
display: inline-block;
width: 15px;
height: 15px;
background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
content: " ";
display: inline-block;
width: 15px;
height: 15px;
background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
content: " ";
display: inline-block;
width: 15px;
height: 15px;
background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: " ";
display: inline-block;
width: 15px;
height: 15px;
background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: " ";
display: inline-block;
width: 15px;
height: 15px;
background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: " ";
display: inline-block;
width: 15px;
height: 15px;
background-image: url('http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif');
background-size: 100% 100%;
}
</style>
<style>/*profile top and footer*/
.top{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>
<style>
footer{
background-color: transparent !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>
<style>/*blurbs background*/
.blurbs{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important;
color: WHITE !important; }
</style>
<style>/*navigation links background and text colors*/
.links{
background-color: #080606 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>
<style>.links a{color: WHITE !important;
text-shadow: none !important;}
</style>
<style>.top a{color: WHITE !important;}</style>
<style>
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
content: URL("http://dl2.glitter-graphics.net/pub/315/315372aq6sl1wnh8.gif") !important;
padding-left: 4px !important;
}
</style>
<style>/*font stuff*/
@import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap');
</style>
<style>h1{font-family: Emilys Candy !important;}</style>
<style>h1{font-size: 55px !important;}</style>
<style>body{font-family: century gothic !important;}</style>
<style>body{text-transform: lowercase !important;}</style>
<style>h4{color: WHITE !important;}</style>
<style>/*hidden stuff*/
<style>.friends.heading{display: none !important;}</style>
<style>.friends:not(#comments.friends) {display: none;}</style>
<style>.url-info{display: none !important;}</style>
<style>.comments-table td{display: none !important;}</style>
<style>.table-section:last-child{display: none !important;}</style>
<style>/* Tiny Hand With Red Heart - https://www.cursors-4u.com/cursor/tiny-hand-with-red-heart */
* {
cursor: url('https://cdn.cursors-4u.net/previews/tiny-hand-with-red-heart-d43b8d12-32.webp') 34 32, auto !important;
}
/* End www.Cursors-4U.com Code */</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )