TIPS FOR UR SPACEHEY!! :3
<style>
body {
background: url(add any image address of an image u want to go on the overall back/sides of your page);
<style></style>
<img width="230" height="167" src="add any image address of an image u want to go above ur about u section here" alt="TITLE"/>
<br/> **this is very important code if you want something to come on the next line after something, remove if u want it next to it
<br/>
- add about u fact here <br/>
- add about u fact here <br/>
- add about u fact here <br/>
- add about u fact here <br/>
- add about u fact here <br/>
- add about u fact here <br/>
- add about u fact here
<style>
@import url('https://fonts.googleapis.com/css2?family=font here&display=swap');
body{font-family: "font here" ;}
** put font name that u want in the bold parts above! capitalize in the link and if the name is more than one word add a _ between words
.profile .url-info,
.profile .table-section,
.home-actions {
border: none;
}
table.details-table {
border-collapse: collapse;
}
table.details-table td {
background-color: transparent !important;
}
.profile-pic {
border-radius: 500px;
overflow: hidden;
** this makes ur profile pic an oval/circle depending on how long ur image is
}
<img src="giforimageurl"/>
<img src="giforimageurl"/>
<img src="giforimageurl"/>
<img src="giforimageurl"/>
<img src="giforimageurl"/>
<img src="giforimageurl"/>
<img src="giforimageurlORglittertext"/>
<style>
body {
background: url(this is for the background of ur page inside the middle behind ur pfp);
}
.profile {
background-image:url(this is for the background of the middle section of ur page overall);
border-radius: 12px;
}
/the username glow and shadow/
h1
{
color: /the username glow and shadow/
h1
{ color: #FFA500 you can change the color hex code here and below to whatever u want, just look up the color and hex code after it, or go to a hex code color picker;
//text-shadow: 3px 4px #FFA500;
.profile {
font-size: 50px; }
};
text-shadow: 2px 2px 3px #FFA500, 0 0 25px #FFA500, 0 0 5px black;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
main, top, links, nav .top, nav .links, details-table
{
background: !important;
background-image: !important;
background-size: cover !important;
padding: 0 !important;
/font-size: small you can change the font size here;/
color: #39FF14;
{
.mood
text-transform:lowercase !important;
}
table, td
}
/ border: 1px solid var(--url-pink-bg)!important; /
border-spacing: 4px;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
width: 100%;
border: 6px solid var(#39FF14);
}
table, th, td
}
border: 3px solid #39FF14;
border-spacing: 2px;
}
.blog
}
border: 10px solid #39FF14;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
width: 100%;
border: 4px outset #39FF14;
margin 10px 2;
}
.online
{
color: gold!important;
//text-shadow: 1px 1px turquoise;
}
:root
{
--logo-green: ;
--darker-green: ;
--lighter-green: purple 55;
--even-lighter-green: ;
--lightest-green: ;
--dark-orange: ;
--light-orange: ;
--even-lighter-orange: ;
--green: ;
main
{
/ changes made to stuff outside of columns /
background: black;
padding: 0;
font-size: medium;
color: #ffa600;
text color: #ffa600;
text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
}
footer
{
background: turquoise!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px;
color: turquoise;
text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000;
}
.contact {
border-radius: 8px;
background-image: url(this is for the background of your contacts, add an image address);
background-position: right top;
background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;
color: black;
text-shadow: 1px 1px 2px #39ff14, 0 0 25px #39ff14, 0 0 3px #39ff14;
}
.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 curve #000000 !important;
outline: curve !important;
}
img
{
border-radius: 12px;
}
main {
background: black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #000000;
}
nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background: ;
border-radius: 12px;
border: 12px solid #000000;
padding: 0;
font-size: 90%;
color: #00FFEF;
}
nav .top {
background: transparent;
}
nav .links {
background: rgba(0, 0, 0, 0.3);
}
nav { background-image: url(this is for the background of the navigation tool bar at the top, add an image address)
}
/customising interests box/
.profile .table-section{
border:2px solid #c50576;
border-radius: 15px;
}
.profile .table-section .heading{
background:#000000;
border: 1px solid #c50576;
border-radius: 15px 15px 0px 0px;
text-align: center;
}
.profile .table-section .heading h4{
color: #c50576;
text-shadow: 1px 1px 2px black;
}
.profile .table-section .details-table td{
background: rgba(0, 0, 0, 0);
padding-right: 10%;
}
/customising friend space heading/
.profile .friends .heading{
background: #c50576;
color: #ffffff;
text-shadow: 1px 1px 2px black;
text-align: center;
}
.profile .friends .heading h4{
text-align: center;
color: #ffffff;
text-shadow: 1px 1px 2px black
}
.general-about {
background-image: url(this is for the background of your pfp, add image address);
padding: 20px;
border-radius: 10px;
box-shadow: 4px 4px 0 #2d1157;
text-align: center;
animation: nineties2 2s ease 0s infinite normal none;
animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
background-image: url(this is for the background of ur about me and who youd liek to meet, add image address);
/ margin-top: -5px; /
padding: 18px;
box-shadow: 4px 4px 0 #000;
}
.profile .profile-info .inner h3 {
filter: drop-shadow(3px 3px 0 #000000);
margin: 0!important;
color:#FFF;
}
.profile .profile-info .inner h3 a {
color: #FFFFFF;
}
.profile .profile-info {
background-image: url(this is for the background of the edit your profile box, add image address);
padding: 20px;
border: none;
border-radius: 10px;
box-shadow: 4px 4px 0 #2d1157;
text-align: center;
animation: nineties2 2s ease 0s infinite normal none;
animation-delay: .15s;
border: none;
}