𝙿𝚛𝚘𝚏𝚒𝚕𝚎 𝚂𝚝𝚢𝚕𝚒𝚗𝚐: 𝙱𝚊𝚜𝚒𝚌𝚜

      

  Codes by Spachey users

• ᴅᴇᴀʟᴍɪꜱᴇʀ'ꜱ ʙʟᴏɢ ᴘᴏꜱᴛ
  

Text Manipulation

<style>   

 .profile-pic {

border-radius: 500px;overflow: hidden;}.profile .friends .person img {border-radius: 500px;}.profile .friends td
{ background: transparent; border-radius: 15px} 
</style>

Polaroid Style PFP

<style>

.profile-pic {

    background: #fff;

    padding: 5px 5px 196px;

    box-shadow: 3px 3px 10px silver;

    height: ;

    transform: rotate(deg); 

    filter: grayscale(8%);

}

</style>

Overlay Style PFP

<style>

.profile-pic {
background: #fff
padding: 5px 5px 196px;
box-shadow: 3px 3px 10px silver;

}

</style>

(Section is being updated 10/11/25)

Eliminate border from contact table and box sections

<style>

.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img

{

border: 0px dotted gray !important;

outline: none !important;

}

</style>

Hide codes

"xxx is your friend"

<style>

.profile-info{display: none !important;} 

<style>

'profile photo'

<style>

.profile-pic{display:none !important;}

<style>

'URL'

<style>

.url-info{display:none !important;}

<style>

"xxx's Blurbs"

<style>

.blurbs .heading{display:none !important;}

</style>

'friend's info'

<style>

.friends .heading{display:none !important;}

</style>

"xxx's friends"

<style>

.friends-grid{display: none !important;}

</style>

'friends photos'

<style>

.friends{display: none !important;}

<style>

'blog heading'

<style>

.blog-preview{display: none !important;}

<style>

'headings' (most)

<style>

.heading {display:none !important;}

</style>

<style>

.comments-table{display: none !important;}

</style>

"about me" & "who I'd like to meet"
<style>

.section h4{display:none}

</style>

'Profile name'
<style>
.profile h1{display:none}
</style>

Want to use all?

<style>.profile-info{display: none !important;} .profile-pic{display:none !important;}

.url-info{display:none !important;}

.blurbs .heading{display:none !important;}

.friends .heading{display:none !important;}

.friends-grid{display: none !important;}

.friends{display: none !important;}

.blog-preview{display: none !important;}

.heading {display:none !important;}

.comments-table{display: none !important;}

.profile h1{display:none} 

.section h4{display:none}

</style>

⚜️𝙸𝚖𝚙𝚘𝚛𝚝𝚊𝚗𝚝 𝚗𝚘𝚝𝚎 𝚊𝚋𝚘𝚞𝚝 𝚑𝚒𝚍𝚎 𝚌𝚘𝚍𝚎 𝚋𝚎𝚕𝚘𝚠. 𝚃𝚑𝚎 𝚏𝚘𝚕𝚕𝚘𝚠𝚒𝚗𝚐 𝚌𝚘𝚍𝚎 𝚑𝚒𝚍𝚎𝚜 𝚢𝚘𝚞𝚛 𝚌𝚘𝚗𝚝𝚊𝚌𝚝 𝚝𝚊𝚋𝚕𝚎 𝚊𝚗𝚍 𝚋𝚞𝚝𝚝𝚘𝚗𝚜. 𝙳𝚞𝚎 𝚝𝚘 𝚂𝚙𝚊𝚌𝚎𝚑𝚎𝚢 𝚛𝚞𝚕𝚎𝚜, 𝚒𝚏 𝚢𝚘𝚞 𝚌𝚑𝚘𝚘𝚜𝚎 𝚝𝚘 𝚞𝚜𝚎 𝚝𝚑𝚎 𝚏𝚘𝚕𝚕𝚘𝚠𝚒𝚗𝚐 𝚌𝚘𝚍𝚎 𝚢𝚘𝚞 𝙼𝚄𝚂𝚃 𝚊𝚍𝚍 𝚌𝚞𝚜𝚝𝚘𝚖 𝚌𝚘𝚗𝚝𝚊𝚌𝚝 𝚋𝚞𝚝𝚝𝚘𝚗𝚜. . 𝚈𝚘𝚞 𝙼𝚄𝚂𝚃 𝚎𝚗𝚜𝚞𝚛𝚎 𝚝𝚑𝚊𝚝 𝚢𝚘𝚞𝚛 𝚙𝚛𝚘𝚏𝚒𝚕𝚎 𝚑𝚊𝚜 𝚝𝚑𝚎 𝚛𝚎𝚙𝚘𝚛𝚝 𝚊𝚗𝚍 𝚋𝚕𝚘𝚌𝚔 𝚋𝚞𝚝𝚝𝚘𝚗𝚜. 𝙸𝚏 𝚢𝚘𝚞 𝚍𝚒𝚜𝚛𝚎𝚐𝚊𝚛𝚍 𝚝𝚑𝚒𝚜 𝚟𝚎𝚛𝚢 𝚒𝚖𝚙𝚘𝚛𝚝𝚊𝚗𝚝 𝚍𝚎𝚝𝚊𝚒𝚕, 𝚝𝚑𝚊𝚝'𝚜 𝚘𝚗 𝚢𝚘𝚞. 𝙸 𝚠𝚒𝚕𝚕 𝚗𝚘𝚝 𝚝𝚊𝚔𝚎 𝚛𝚎𝚜𝚙𝚘𝚗𝚜𝚒𝚋𝚒𝚕𝚒𝚝𝚢 𝚏𝚘𝚛 𝚢𝚘𝚞𝚛 𝚊𝚌𝚌𝚘𝚞𝚗𝚝 𝚋𝚎𝚒𝚗𝚐 𝚜𝚑𝚞𝚝 𝚍𝚘𝚠𝚗. 𝚈𝚘𝚞'𝚟𝚎 𝚋𝚎𝚎𝚗 𝚠𝚊𝚛𝚗𝚎𝚍

<style>.contact{width: 0px !important; height: 0px !important; border: 0px !important;}

.contact a{display: none !important;}

</style>

Hide 'Online Now' Icon

<style>.online { visibility: hidden; } .online img { content: url(""); animation-name: none; visibility: hidden; height: 43px; width: 90px; }</style>

Hide sections (general, music, etc)

<style>

.details-table tr:nth-child(1)

{display:none;}

</style>

<style>

.details-table tr:nth-child(2)

{display:none;}

</style>

<style>

.details-table tr:nth-child(3)

{display:none;}

</style>

<style>

.details-table tr:nth-child(4)

{display:none;}

</style>

<style>

.details-table tr:nth-child(5)

{display:none;}

</style>

.details-table tr:nth-child(6)

{display:none;}

</style>

⚜️P𝚊𝚜𝚝𝚎 code (1) 𝚘𝚗 𝙶𝚎𝚗𝚎𝚛𝚊𝚕 . P𝚊𝚜𝚝𝚎 code (2) 𝚘𝚗 𝙼𝚞𝚜𝚒𝚌.  P𝚊𝚜𝚝𝚎 code (3)𝚘𝚗 𝙼𝚘𝚟𝚒𝚎𝚜. P𝚊𝚜𝚝𝚎 code (4) 𝚘𝚗  𝚃𝚎𝚕𝚎𝚟𝚒𝚜𝚒𝚘𝚗. P𝚊𝚜𝚝𝚎 code (5)  𝚘𝚗 𝙱𝚘𝚘𝚔𝚜. P𝚊𝚜𝚝𝚎 code (6) 𝚘𝚗 𝙷𝚎𝚛𝚘𝚎𝚜.

Removing Dark Blue Side Panel (general, music, etc)

⚜️𝙰𝚜 𝚝𝚒𝚝𝚕𝚎 𝚒𝚗𝚍𝚒𝚌𝚊𝚝𝚎𝚜, 𝚝𝚑𝚒𝚜 𝚌𝚘𝚍𝚎 𝚠𝚒𝚕𝚕 𝚘𝚗𝚕𝚢 𝚛𝚎𝚖𝚘𝚟𝚎 𝚝𝚑𝚎 𝚍𝚊𝚛𝚔 𝚋𝚕𝚞𝚎 𝚙𝚊𝚗𝚎𝚕 (𝚜𝚎𝚌𝚝𝚒𝚘𝚗 𝚝𝚒𝚝𝚕𝚎 𝚊𝚛𝚎𝚊 "𝙶𝚎𝚗𝚎𝚛𝚊𝚕" "𝙼𝚞𝚜𝚒𝚌" "𝙷𝚎𝚛𝚘𝚎𝚜" 𝚎𝚝𝚌) 𝚗𝚎𝚡𝚝 𝚝𝚘 𝚝𝚑𝚎 𝚋𝚘𝚡𝚎𝚜. 𝙿𝚕𝚊𝚌𝚎 𝚌𝚘𝚍𝚎 𝚍𝚒𝚛𝚎𝚌𝚝𝚕𝚢 𝚞𝚗𝚍𝚎𝚛 "𝙶𝚎𝚗𝚎𝚛𝚊𝚕"  𝚋𝚘𝚡

<style> .details-table td:first-child 

    {display:none;} </style>

Remove Blue Background (general, music, etc)

<style>.table-section td{ background: transparent !important; }</style>

           

Color of top logo & navigation table

<style>
.logo { background: # rgb here ; }nav{background-color:# rgb here ;(--box_color_and_seethru); !important;border-radius: 0px 0px var(--curve) var(--curve); !important;}

nav ul{background:none !important;}

nav img{filter: opacity(80%) !important;}

nav ul a img, .mood a img{display:none !important;}

.top{background:none !important;background-color:rgba(0, 0, 0, 0.1); !important;}

</style>

Footer Color

SCROLL BOX HERE

<style>
footer {
background-color: color here ;
}
</style>

 Color of texts, hyper links, background (and adding image)
⚜️𝚢𝚘𝚞 𝚠𝚒𝚕𝚕 𝚋𝚎 𝚊𝚋𝚕𝚎 𝚝𝚘 𝚌𝚑𝚊𝚗𝚐𝚎 𝚏𝚘𝚗𝚝 𝚜𝚝𝚢𝚕𝚎 𝚋𝚢 𝚎𝚍𝚒𝚝𝚒𝚗𝚐 '𝚏𝚘𝚗𝚝 𝚏𝚊𝚖𝚒𝚕𝚢' 𝚜𝚎𝚌𝚝𝚒𝚘𝚗

<style>table, tr, td { 

  background-color:transparent; 

 } 

  table table table { 

  width:90%; max-width: 600px; } table table table table { width:100%;; 

 } 

  .bodyContent  { 

  background-color: rgb here ; 

 background-image:url( url here); 

 background-position:Center Center; 

 background-attachment:fixed; 

 background-repeat:no-repeat; 

 border-color:transparent; 

 border-width:14px; 

 border-style:Solid; 

 scrollbar-face-color: rgb here ; 

 scrollbar-highlight-color: rgb here; 

 scrollbar-track-color:black; 

 } 

  table table { 

  border:0px; 

 } 

table table table table { 

  border:0px; 

 background-image:none; 

 background-color:transparent; 

 } 

  table table table { 

  border-style:Solid; 

 border-width:0px; 

 background-image:url( url here ); 

 background-repeat:repeat; 

 background-attachment:fixed; 

 } 

 h4, p  { 

  color:#rgb here; 

 font-size:12pt; 

 font-family:Helvetica; 

 }   

   h1 { 

  color:#rgb here; 

 font-size:12pt; 

 font-family:Helvetica; 

 text-decoration:underline; 

 }

  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link  { 

  color:#rgb here; 

 font-size:10pt; 

 font-family:Helvetica; 

 } 

  a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover  { 

  color:#rgb here; 

 font-size:12pt; 

  font-family: 'Helvetica';

}

 .blacktext12 { visibility:hidden; display:none; }  

 table {direction:rtl;}

              table table table {direction:ltr;} 

</style>

  

 

Transparent foreground and section boxes

⚜️𝚋𝚢 𝚖𝚊𝚔𝚒𝚗𝚐 𝚏𝚘𝚛𝚎𝚐𝚛𝚘𝚞𝚗𝚍 𝚝𝚛𝚊𝚗𝚜𝚙𝚊𝚛𝚎𝚗𝚝 𝚠𝚑𝚊𝚝𝚎𝚟𝚎𝚛 𝚌𝚘𝚕𝚘𝚛 𝚊𝚗𝚍//𝚘𝚛 𝚒𝚖𝚊𝚐𝚎 𝚞𝚜𝚎𝚍 𝚘𝚗 𝚝𝚑𝚎 𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍 𝚠𝚒𝚕𝚕 𝚋𝚎𝚌𝚘𝚖𝚎 𝚏𝚞𝚕𝚕𝚢 𝚟𝚒𝚜𝚒𝚋𝚕𝚎 𝚝𝚑𝚛𝚘𝚞𝚐𝚑𝚘𝚞𝚝 𝚝𝚑𝚎 𝚙𝚛𝚘𝚏𝚒𝚕𝚎

<style>

main 

  { background-color: rgb here;

  }

  .profile .contact .heading,

  .profile .table-section .heading{

      background-color: transparent;

  }

   .profile .blurbs .heading,

  .profile .friends .heading{

      background-color: transparent;

  }

.profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{

background: rgba(156,56,206,1);

border-radius: 70px;

box-shadow: 2px 2px 7px #000;

color: color here

}

font-size:10px;

text-transform; uppercase!important;

padding: 2px 7px;

}

main,div.inner{background:# rgb here; opacity:.75;}

</style>

Transparent or Colored Mainground

⚜️𝚃𝚑𝚎 𝚖𝚊𝚒𝚗 𝚐𝚛𝚘𝚞𝚗𝚍 𝚒𝚜 𝚝𝚑𝚎 𝚠𝚑𝚒𝚝𝚎 𝚊𝚛𝚎𝚊 𝚠𝚑𝚎𝚛𝚎 𝚜𝚎𝚌𝚝𝚒𝚘𝚗 𝚋𝚘𝚡𝚎𝚜 𝚕𝚒𝚔𝚎 𝚊𝚋𝚘𝚞𝚝 𝚖𝚎, 𝚌𝚘𝚗𝚝𝚊𝚌𝚝 𝚝𝚊𝚋𝚕𝚎 𝚊𝚗𝚍 𝚐𝚎𝚗𝚎𝚛𝚊𝚕 𝚒𝚗𝚝𝚎𝚛𝚎𝚜𝚝𝚜 𝚊𝚛𝚎 𝚍𝚒𝚜𝚙𝚕𝚊𝚢𝚎𝚍. 𝙰𝚕𝚝𝚎𝚛𝚒𝚗𝚐 𝚝𝚑𝚒𝚜 𝚊𝚛𝚎𝚊 𝚠𝚒𝚕𝚕 𝚗𝚘𝚝 𝚊𝚏𝚏𝚎𝚌𝚝 𝚠𝚑𝚊𝚝𝚎𝚟𝚎𝚛 𝚜𝚎𝚝 𝚞𝚙 𝚢𝚘𝚞 𝚑𝚊𝚟𝚎 𝚊𝚜 𝚢𝚘𝚞𝚛 𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍 𝚜𝚝𝚛𝚞𝚌𝚝𝚞𝚛𝚎.

<style>

main 

  { background-color:transparent;

  }

  .profile .contact .heading,

  .profile .table-section .heading{

      background-color: transparent;

  }

   .profile .blurbs .heading,

  .profile .friends .heading{

      background-color: transparent;

  }

.profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{

background: rgba(156,56,206,1);

border-radius: 70px;

box-shadow: 2px 2px 7px #000;

color: black

}

font-size:10px;

text-transform; uppercase!important;

padding: 2px 7px;

}

main,div.inner{background:#00000; opacity:.75;}

</style>

 click to check out more codes, 𝙿𝚊𝚐𝚎 2