Published by colton

published 1784355748
updated 1784355769

View Blog View Profile Report Blog Entry

cool & fairly basic tips for your profile!

this is little bunches of code that you can usually fill in w/ yer own stuff and general cool tips, no need to credit anything!

how to have a youtube video (a song) looping in the background

remember fellas dont put this one in a <style>

a youtube id is the jumble of stuff in a youtube video's URL after the /watch?v=

for example, here's a video url:

https://www.youtube.com/watch?v=gmA6MrX81z4

in this url, the video id would be gmA6MrX81z4

how to leave notes to yourself in your coding without it showing up on your profile

<!-- anything you type when surrounded by the symbols can be a note to yourself --!>

these WILL be visible if someone manually checks your profile's coding, so don't be putting passwords and such

how to add a blinkie, divider, stamp, etc to your profile + a tip for it

if you want to add a saved image to your profile or found an old blinkie that you want to use SO bad but wont work, you can upload anything you'd like to catbox.moe for free and super efficiently! this also works for blinkie.cafe if you'd made a custom blinkie but didnt download it and the link keeps getting overrun (i mean it, please download your custom blinkie.cafe things and upload them to catbox.moe its so helpful)

how to give your profile a black vignette

<style>

.vignette{

position:fixed;

top:0;

left:0;

width:100vw;

height:100vh;

pointer-events:none;

z-index:999999;

box-shadow:

inset 0 0 180px rgba(0,0,0,.35),

inset 0 0 350px rgba(0,0,0,.25);

}

</style>

how to change the font of your username

pretty sure this also makes your username bigger, you can change font size if you'd like

<style>

@import url('PUT A GOOGLE FONTS CSS URL HERE');

main h1,

.profile h1,

.profile .main h1 {

font-family: 'FONT NAME', serif !important;

font-size: 45px !important;

how to give your profile picture a cowboy hat

MAJOR credits go to DeadClownGutz for the original code

this code does, in fact, give your pfp a cowboy hat, but the original code has a url that no longer works and i know that it could've disappointed some people who thought the code didn't work. this here is a format for the code

technically, you could use any type of hat png you'd like

<style>

.general-about{

position: relative;

margin-top: 30px;

}

.general-about .profile-pic::before{

content: '';

background: url('PUT YOUR URL FOR A COWBOY HAT PNG HERE') no-repeat;

background-size: cover;

display: block;

width: 150px;

height: 105px;

z-index: 999;

position: absolute;

top: -45px;

left: -27px;

}

</style>

how to change the title for things like Friends, Comments, Contacting [user], etc

if you use any of these, remember to put it in a <style>

to change "Contacting [user]"

.contact .heading{ font-size:0; }

.contact .heading:before{ content: "WHAT U WANT THE TITLE TO BE INSTEAD"; font-size:.9rem; font-weight: bolder; }

to change "[user]'s Interests"

.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}

.w-40 .table-section:nth-last-child(2) .heading:before{content: "WHAT U WANT THE TITLE TO BE INSTEAD"; font-size:.9rem; font-weight: bolder; }

to change "[user]'s Links"

.w-40 .table-section:last-child .heading h4{ font-size:0; }

.w-40 .table-section:last-child .heading:before{ content: "WHAT U WANT THE TITLE TO BE INSTEAD"; font-size:.9rem; font-weight: bolder; }

to change "[user]'s Blurbs"

.blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "WHAT U WANT THE TITLE TO BE INSTEAD"; font-size:.9rem; font-weight: bolder; }

instead of "About Me"

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }

.blurbs .inner .section:nth-child(1) h4:before{ content: "WHAT U WANT THE TITLE TO BE INSTEAD"; font-size:.9rem; }

to change "[user]'s Latest Blog Entries"

.blog-preview h4{ font-size:0; }

.blog-preview h4 a{font-size:.8rem;margin-left:5px; }

.blog-preview h4:before{ content: "WHAT U WANT THE TITLE TO BE INSTEAD"; font-size:.9rem; font-weight: bolder; }

to change "Who I'd like to meet:"

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }

.blurbs .inner .section:nth-child(2) h4:before{ content: "WHAT U WANT THE TITLE TO BE INSTEAD"; font-size:.9rem; }

to change "[user]'s Friend Space"

.friends .heading{ font-size:0; }

.friends .heading:before{ content: "WHAT U WANT THE TITLE TO BE INSTEAD"; font-size:.9rem; font-weight: bolder;}

to change "[user]'s Friends Comments"

.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "WHAT U WANT THE TITLE TO BE INSTEAD"; font-size:.9rem; font-weight: bolder;}

here's a copy n paste in case you want to change all of them more easily

<style>

.contact .heading{ font-size:0; }

.contact .heading:before{ content: "INSTEAD OF CONTACTING USER"; font-size:.9rem; font-weight: bolder; }

.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}

.w-40 .table-section:nth-last-child(2) .heading:before{content: "INSTEAD OF USERS INTERESTS"; font-size:.9rem; font-weight: bolder; }

.w-40 .table-section:last-child .heading h4{ font-size:0; }

.w-40 .table-section:last-child .heading:before{ content: "INSTEAD OF USER'S LINKS"; font-size:.9rem; font-weight: bolder; }

.blog-preview h4{ font-size:0; }

.blog-preview h4 a{font-size:.8rem;margin-left:5px; }

.blog-preview h4:before{ content: "INSTEAD OF BLOGS"; font-size:.9rem; font-weight: bolder; }

.blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "INSTEAD OF USERS BLURBS"; font-size:.9rem; font-weight: bolder; }

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }

.blurbs .inner .section:nth-child(2) h4:before{ content: "INSTEAD OF WHO I'D LIKE TO MEET"; font-size:.9rem; }

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }

.blurbs .inner .section:nth-child(1) h4:before{ content: "INSTEAD OF ABOUT ME"; font-size:.9rem; }

.friends .heading{ font-size:0; }

.friends .heading:before{ content: "INSTEAD OF USERS FRIEND SPACE"; font-size:.9rem; font-weight: bolder;}

.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "INSTEAD OF USERS FRIENDS COMMENTS"; font-size:.9rem; font-weight: bolder;}